@progress/kendo-themes-html 6.7.0-dev.2 → 6.7.0-dev.4

package/dist/esm/grid/tests/grid-adaptive-pager.js

@@ -5774,13 +5774,25 @@ Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+
 // src/grid/tests/grid-adaptive-pager.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var grid_adaptive_pager_default = () => /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ jsx52("span", { children: "LTR" }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-pane", children: /* @__PURE__ */ jsx52("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx52("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx52(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
-  /* @__PURE__ */ jsx52("span", { children: "RTL" }),
-  /* @__PURE__ */ jsx52("section", { className: "k-rtl", children: /* @__PURE__ */ jsx52("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-pane", children: /* @__PURE__ */ jsx52("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx52("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx52(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
+import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
+var grid_adaptive_pager_default = () => /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ jsx56("span", { children: "LTR" }),
+  /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-pane", children: /* @__PURE__ */ jsx56("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx56("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx56(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
+  /* @__PURE__ */ jsx56("span", { children: "RTL" }),
+  /* @__PURE__ */ jsx56("section", { className: "k-rtl", children: /* @__PURE__ */ jsx56("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-pane", children: /* @__PURE__ */ jsx56("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx56("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx56(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
 ] }) });
 export {
   grid_adaptive_pager_default as default

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

@@ -5810,8 +5810,20 @@ Pager.options = options23;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps21;
 
-// src/skeleton/skeleton.spec.tsx
+// src/pager/templates/pager-normal.tsx
 import { jsx as jsx53 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+
+// src/skeleton/skeleton.spec.tsx
+import { jsx as jsx57 } from "react/jsx-runtime";
 var SKELETON_CLASSNAME = `k-skeleton`;
 var states25 = [];
 var options24 = {};
@@ -5825,7 +5837,7 @@ var Skeleton = (props) => {
     animation = defaultProps22.animation,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx57(
     "span",
     {
       ...other,
@@ -5847,200 +5859,200 @@ Skeleton.className = SKELETON_CLASSNAME;
 Skeleton.defaultProps = defaultProps22;
 
 // src/grid/tests/grid-angular.tsx
-import { Fragment as Fragment15, jsx as jsx54, jsxs as jsxs22 } from "react/jsx-runtime";
-var grid_angular_default = () => /* @__PURE__ */ jsx54(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-  /* @__PURE__ */ jsx54("span", { className: "col-3", children: "Angular grid" }),
-  /* @__PURE__ */ jsx54("section", { className: "col-3", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+import { Fragment as Fragment15, jsx as jsx58, jsxs as jsxs22 } from "react/jsx-runtime";
+var grid_angular_default = () => /* @__PURE__ */ jsx58(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
+  /* @__PURE__ */ jsx58("span", { className: "col-3", children: "Angular grid" }),
+  /* @__PURE__ */ jsx58("section", { className: "col-3", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
     /* @__PURE__ */ jsxs22("div", { className: "k-grid-aria-root", children: [
-      /* @__PURE__ */ jsx54("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx54("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ jsx58("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx58("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
         /* @__PURE__ */ jsxs22("colgroup", { children: [
-          /* @__PURE__ */ jsx54("col", { style: { width: "100px" } }),
-          /* @__PURE__ */ jsx54("col", {})
+          /* @__PURE__ */ jsx58("col", { style: { width: "100px" } }),
+          /* @__PURE__ */ jsx58("col", {})
         ] }),
-        /* @__PURE__ */ jsx54("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx54("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "100px" }) }) }) }),
-          /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx54("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "no width" }) }) }) })
+        /* @__PURE__ */ jsx58("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx58("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "100px" }) }) }) }),
+          /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx58("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "no width" }) }) }) })
         ] }) })
       ] }) }) }),
-      /* @__PURE__ */ jsx54("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
-        /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ jsx58("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
+        /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
           /* @__PURE__ */ jsxs22("colgroup", { children: [
-            /* @__PURE__ */ jsx54("col", { style: { width: "100px" } }),
-            /* @__PURE__ */ jsx54("col", {})
+            /* @__PURE__ */ jsx58("col", { style: { width: "100px" } }),
+            /* @__PURE__ */ jsx58("col", {})
           ] }),
           /* @__PURE__ */ jsxs22("tbody", { className: "k-table-tbody", children: [
             /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "1" }),
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Row" })
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "1" }),
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Row" })
             ] }),
             /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "2" }),
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Alt row" })
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "2" }),
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Alt row" })
             ] }),
             /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "3" }),
-              /* @__PURE__ */ jsx54("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__ */ jsx58("td", { className: "k-table-td", children: "3" }),
+              /* @__PURE__ */ jsx58("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__ */ jsxs22("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "4" }),
-              /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: /* @__PURE__ */ jsx54(Skeleton, { animation: false }) })
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "4" }),
+              /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: /* @__PURE__ */ jsx58(Skeleton, { animation: false }) })
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx54("div", { className: "k-height-container", children: /* @__PURE__ */ jsx54("div", { style: { height: "0px" } }) })
+        /* @__PURE__ */ jsx58("div", { className: "k-height-container", children: /* @__PURE__ */ jsx58("div", { style: { height: "0px" } }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx54(Pager, { className: "k-grid-pager" })
+    /* @__PURE__ */ jsx58(Pager, { className: "k-grid-pager" })
   ] }) }),
-  /* @__PURE__ */ jsx54("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
-  /* @__PURE__ */ jsx54("section", { className: "col-3", children: /* @__PURE__ */ jsx54("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ jsx54("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx54("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
+  /* @__PURE__ */ jsx58("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
+  /* @__PURE__ */ jsx58("section", { className: "col-3", children: /* @__PURE__ */ jsx58("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ jsx58("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx58("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
       /* @__PURE__ */ jsxs22("colgroup", { children: [
-        /* @__PURE__ */ jsx54("col", { className: "k-hierarchy-col" }),
-        /* @__PURE__ */ jsx54("col", { style: { width: "80px" } }),
-        /* @__PURE__ */ jsx54("col", {}),
-        /* @__PURE__ */ jsx54("col", {}),
-        /* @__PURE__ */ jsx54("col", {}),
-        /* @__PURE__ */ jsx54("col", {})
+        /* @__PURE__ */ jsx58("col", { className: "k-hierarchy-col" }),
+        /* @__PURE__ */ jsx58("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ jsx58("col", {}),
+        /* @__PURE__ */ jsx58("col", {}),
+        /* @__PURE__ */ jsx58("col", {}),
+        /* @__PURE__ */ jsx58("col", {})
       ] }),
-      /* @__PURE__ */ jsx54("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-hierarchy-cell" }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Default" }) }),
-          /* @__PURE__ */ jsx54("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx54(Icon, { icon: "filter" }) })
+      /* @__PURE__ */ jsx58("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-hierarchy-cell" }),
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Default" }) }),
+          /* @__PURE__ */ jsx58("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx58(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Hover" }) }),
-          /* @__PURE__ */ jsx54("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx54(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Hover" }) }),
+          /* @__PURE__ */ jsx58("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx58(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Focus" }) }),
-          /* @__PURE__ */ jsx54("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx54(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Focus" }) }),
+          /* @__PURE__ */ jsx58("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx58(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Active" }) }),
-          /* @__PURE__ */ jsx54("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ jsx54(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Active" }) }),
+          /* @__PURE__ */ jsx58("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ jsx58(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ jsxs22("span", { className: "k-cell-inner", children: [
           /* @__PURE__ */ jsxs22("span", { className: "k-link", children: [
-            /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Sorted" }),
-            /* @__PURE__ */ jsx54("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx54("span", { className: "k-icon k-i-sort-asc-small" }) })
+            /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Sorted" }),
+            /* @__PURE__ */ jsx58("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx58("span", { className: "k-icon k-i-sort-asc-small" }) })
           ] }),
-          /* @__PURE__ */ jsx54("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx54(Icon, { icon: "filter" }) })
+          /* @__PURE__ */ jsx58("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx58(Icon, { icon: "filter" }) })
         ] }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx54("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
+    /* @__PURE__ */ jsx58("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
         /* @__PURE__ */ jsxs22("colgroup", { children: [
-          /* @__PURE__ */ jsx54("col", { className: "k-hierarchy-col" }),
-          /* @__PURE__ */ jsx54("col", { style: { width: "80px" } }),
-          /* @__PURE__ */ jsx54("col", {}),
-          /* @__PURE__ */ jsx54("col", {}),
-          /* @__PURE__ */ jsx54("col", {}),
-          /* @__PURE__ */ jsx54("col", {})
+          /* @__PURE__ */ jsx58("col", { className: "k-hierarchy-col" }),
+          /* @__PURE__ */ jsx58("col", { style: { width: "80px" } }),
+          /* @__PURE__ */ jsx58("col", {}),
+          /* @__PURE__ */ jsx58("col", {}),
+          /* @__PURE__ */ jsx58("col", {}),
+          /* @__PURE__ */ jsx58("col", {})
         ] }),
         /* @__PURE__ */ jsxs22("tbody", { className: "k-table-tbody", children: [
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-master-row k-expanded", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx54(Icon, { icon: "minus" }) }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx58(Icon, { icon: "minus" }) }),
             /* @__PURE__ */ jsxs22("td", { className: "k-table-td", children: [
-              /* @__PURE__ */ jsx54(Checkbox, {}),
-              /* @__PURE__ */ jsx54("label", { className: "k-checkbox-label" })
+              /* @__PURE__ */ jsx58(Checkbox, {}),
+              /* @__PURE__ */ jsx58("label", { className: "k-checkbox-label" })
             ] }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "1" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "1" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" })
           ] }),
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-detail-row", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td k-hierarchy-cell" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ jsx54("div", { style: { padding: "10px" }, children: "Nested content" }) })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td k-hierarchy-cell" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ jsx58("div", { style: { padding: "10px" }, children: "Nested content" }) })
           ] }),
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx54(Icon, { icon: "plus" }) }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx58(Icon, { icon: "plus" }) }),
             /* @__PURE__ */ jsxs22("td", { className: "k-table-td", children: [
-              /* @__PURE__ */ jsx54(Checkbox, {}),
-              /* @__PURE__ */ jsx54("label", { className: "k-checkbox-label" })
+              /* @__PURE__ */ jsx58(Checkbox, {}),
+              /* @__PURE__ */ jsx58("label", { className: "k-checkbox-label" })
             ] }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "2" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Text" })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "2" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Text" })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx54("div", { className: "k-height-container", children: /* @__PURE__ */ jsx54("div", {}) })
+      /* @__PURE__ */ jsx58("div", { className: "k-height-container", children: /* @__PURE__ */ jsx58("div", {}) })
     ] }) })
   ] }) }) }),
-  /* @__PURE__ */ jsx54("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
-  /* @__PURE__ */ jsx54("section", { className: "col-2", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid k-grid-md", children: [
+  /* @__PURE__ */ jsx58("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
+  /* @__PURE__ */ jsx58("section", { className: "col-2", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid k-grid-md", children: [
     /* @__PURE__ */ jsxs22("div", { className: "k-toolbar k-grid-toolbar", children: [
-      /* @__PURE__ */ jsx54("div", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx54("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ jsx54(Button, { fillMode: "flat", icon: "columns" }) })
+      /* @__PURE__ */ jsx58("div", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx58("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ jsx58(Button, { fillMode: "flat", icon: "columns" }) })
     ] }),
-    /* @__PURE__ */ jsx54("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx54("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx58("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx58("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-header-table", children: [
       /* @__PURE__ */ jsxs22("colgroup", { children: [
-        /* @__PURE__ */ jsx54("col", {}),
-        /* @__PURE__ */ jsx54("col", {}),
-        /* @__PURE__ */ jsx54("col", {})
+        /* @__PURE__ */ jsx58("col", {}),
+        /* @__PURE__ */ jsx58("col", {}),
+        /* @__PURE__ */ jsx58("col", {})
       ] }),
-      /* @__PURE__ */ jsx54("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx54("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Product" }) }) }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx54("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
-        /* @__PURE__ */ jsx54("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx54("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx54("span", { className: "k-link", children: /* @__PURE__ */ jsx54("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
+      /* @__PURE__ */ jsx58("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs22("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx58("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Product" }) }) }) }),
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx58("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
+        /* @__PURE__ */ jsx58("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx58("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx58("span", { className: "k-link", children: /* @__PURE__ */ jsx58("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx54("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ jsx54("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
+    /* @__PURE__ */ jsx58("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs22("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ jsx58("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ jsxs22("table", { className: "k-table k-table-md k-grid-table", children: [
         /* @__PURE__ */ jsxs22("colgroup", { children: [
-          /* @__PURE__ */ jsx54("col", {}),
-          /* @__PURE__ */ jsx54("col", {}),
-          /* @__PURE__ */ jsx54("col", {})
+          /* @__PURE__ */ jsx58("col", {}),
+          /* @__PURE__ */ jsx58("col", {}),
+          /* @__PURE__ */ jsx58("col", {})
         ] }),
         /* @__PURE__ */ jsxs22("tbody", { className: "k-table-tbody", children: [
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-master-row k-expanded", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Chai" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "18" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Chai" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "18" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
           ] }),
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Chang" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "19" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Chang" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "19" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
           ] }),
           /* @__PURE__ */ jsxs22("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "Aniseed Syrup" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "20" }),
-            /* @__PURE__ */ jsx54("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "Aniseed Syrup" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "20" }),
+            /* @__PURE__ */ jsx58("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx54("div", { className: "k-height-container", children: /* @__PURE__ */ jsx54("div", {}) })
+      /* @__PURE__ */ jsx58("div", { className: "k-height-container", children: /* @__PURE__ */ jsx58("div", {}) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ jsx54("section", { className: "col-1", children: /* @__PURE__ */ jsxs22(Popup, { children: [
-    /* @__PURE__ */ jsx54("span", { className: "k-column-chooser-title", children: "Columns" }),
+  /* @__PURE__ */ jsx58("section", { className: "col-1", children: /* @__PURE__ */ jsxs22(Popup, { children: [
+    /* @__PURE__ */ jsx58("span", { className: "k-column-chooser-title", children: "Columns" }),
     /* @__PURE__ */ jsxs22("div", { className: "k-column-list-wrapper", children: [
       /* @__PURE__ */ jsxs22("div", { className: "k-column-list", children: [
         /* @__PURE__ */ jsxs22("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx54(Checkbox, {}),
-          /* @__PURE__ */ jsx54("span", { className: "k-checkbox-label", children: "ID" })
+          /* @__PURE__ */ jsx58(Checkbox, {}),
+          /* @__PURE__ */ jsx58("span", { className: "k-checkbox-label", children: "ID" })
         ] }),
         /* @__PURE__ */ jsxs22("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx54(Checkbox, {}),
-          /* @__PURE__ */ jsx54("span", { className: "k-checkbox-label", children: "Name" })
+          /* @__PURE__ */ jsx58(Checkbox, {}),
+          /* @__PURE__ */ jsx58("span", { className: "k-checkbox-label", children: "Name" })
         ] }),
         /* @__PURE__ */ jsxs22("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx54(Checkbox, {}),
-          /* @__PURE__ */ jsx54("span", { className: "k-checkbox-label", children: "Category" })
+          /* @__PURE__ */ jsx58(Checkbox, {}),
+          /* @__PURE__ */ jsx58("span", { className: "k-checkbox-label", children: "Category" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs22(ActionButtons, { children: [
-        /* @__PURE__ */ jsx54(Button, { children: "Reset" }),
-        /* @__PURE__ */ jsx54(Button, { themeColor: "primary", children: "Apply" })
+        /* @__PURE__ */ jsx58(Button, { children: "Reset" }),
+        /* @__PURE__ */ jsx58(Button, { themeColor: "primary", children: "Apply" })
       ] })
     ] })
   ] }) })