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

package/dist/cjs/grid/tests/grid-filter-menu-angular.js

@@ -4496,138 +4496,198 @@ Checkbox.options = options5;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps5;
 
-// src/checkbox/templates/checkbox-label.tsx
+// src/checkbox/checkbox-group.spec.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var CHECKBOXGROUP_CLASSNAME = `k-checkbox-list`;
+var states6 = [];
+var options6 = {};
+var defaultProps6 = {
+  layout: "vertical"
+};
+var CheckboxGroup = (props) => {
+  const {
+    layout = defaultProps6.layout,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "ul",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        CHECKBOXGROUP_CLASSNAME,
+        {
+          [`k-list-${layout}`]: layout
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+CheckboxGroup.states = states6;
+CheckboxGroup.options = options6;
+CheckboxGroup.className = CHECKBOXGROUP_CLASSNAME;
+CheckboxGroup.defaultProps = defaultProps6;
 
-// src/checkbox/templates/checkbox-normal.tsx
+// src/checkbox/checkbox-item.spec.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var CHECKBOXITEM_CLASSNAME = `k-checkbox-list-item`;
+var states7 = [];
+var options7 = {};
+var defaultProps7 = {};
+var CheckboxItem = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "li",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        CHECKBOXITEM_CLASSNAME
+      ),
+      children: props.children
+    }
+  );
+};
+CheckboxItem.states = states7;
+CheckboxItem.options = options7;
+CheckboxItem.className = CHECKBOXITEM_CLASSNAME;
+CheckboxItem.defaultProps = defaultProps7;
 
-// src/grid/tests/grid-filter-menu-angular.tsx
+// src/checkbox/templates/checkbox-with-label.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var grid_filter_menu_angular_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+
+// src/checkbox/templates/checkbox-normal.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/grid/tests/grid-filter-menu-angular.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var grid_filter_menu_angular_default = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Name" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: "filter" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Name" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "filter" }) }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {}) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { children: "Sortable" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { children: "Sortable" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "k-link", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: "sort-asc-small" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "k-link", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "sort-asc-small" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: "filter" }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "filter" }) }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {}) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { children: "Sortable & Resizable" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { children: "Sortable & Resizable" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { dir: "ltr", className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-aria-root", role: "grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "k-link", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: "sort-asc-small" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "k-link", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "sort-asc-small" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: "filter" }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "filter" }) }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "k-column-title", children: "Command" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", { style: { width: "50px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", { style: { width: "50px" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "trash", children: "Delete" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto", colSpan: 1, children: "Product2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { icon: "trash", children: "Delete" }) })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {}) })
     ] }) })
   ] }) })
 ] }) });