@progress/kendo-themes-html 6.4.0-dev.6 → 6.4.1-dev.0

package/dist/esm/grid/tests/grid-editing-custom-editor.js

@@ -6409,8 +6409,14 @@ Checkbox.options = options28;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps27;
 
+// src/checkbox/templates/checkbox-label.tsx
+import { Fragment as Fragment17, jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+
+// src/checkbox/templates/checkbox-normal.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+
 // src/list/list-item.spec.tsx
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states31 = [
   States.hover,
@@ -6435,7 +6441,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "li",
     {
       ...other,
@@ -6450,10 +6456,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ jsx50(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ jsx50(Icon, { icon: iconName }),
-        /* @__PURE__ */ jsx50("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx50("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ jsx52(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ jsx52(Icon, { icon: iconName }),
+        /* @__PURE__ */ jsx52("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx52("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -6464,43 +6470,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps28;
 
 // src/list/list-content.tsx
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 var className15 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ jsxs26("div", { className: classNames(className15, props.className), children: [
-    /* @__PURE__ */ jsx51("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ jsx51("div", { className: "k-height-container", children: /* @__PURE__ */ jsx51("div", {}) })
+  return /* @__PURE__ */ jsxs27("div", { className: classNames(className15, props.className), children: [
+    /* @__PURE__ */ jsx53("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ jsx53("div", { className: "k-height-container", children: /* @__PURE__ */ jsx53("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var className16 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ jsx52("div", { className: classNames(className16, props.className), children: /* @__PURE__ */ jsx52("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ jsx54("div", { className: classNames(className16, props.className), children: /* @__PURE__ */ jsx54("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ jsxs27(Fragment17, { children: [
-    label && /* @__PURE__ */ jsx53(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ jsx53(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ jsxs28(Fragment18, { children: [
+    label && /* @__PURE__ */ jsx55(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ jsx55(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var className17 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ jsx54("li", { className: classNames(className17, props.className), children: /* @__PURE__ */ jsx54("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ jsx56("li", { className: classNames(className17, props.className), children: /* @__PURE__ */ jsx56("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states32 = [
   States.hover,
@@ -6519,7 +6525,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       ...other,
@@ -6542,10 +6548,10 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps29;
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 
 // src/searchbox/searchbox.spec.tsx
-import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states33 = [
   States.hover,
@@ -6586,7 +6592,7 @@ var Searchbox = (props) => {
     icon = defaultProps30.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     Input,
     {
       ...other,
@@ -6602,11 +6608,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ jsx57(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ jsx57(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx57(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ jsx57(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ jsx57(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ jsx59(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ jsx59(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx59(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ jsx59(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ jsx59(InputClearValue, { ...props })
       ]
     }
   );
@@ -6617,19 +6623,19 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps30;
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs31 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/chip/chip-action.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 
 // src/avatar/avatar.spec.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var AVATAR_CLASSNAME = `k-avatar`;
 var states34 = [
   States.hover,
@@ -6674,7 +6680,7 @@ var Avatar = (props) => {
     border = defaultProps31.border,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       ...other,
@@ -6691,7 +6697,7 @@ var Avatar = (props) => {
           [`${AVATAR_CLASSNAME}-bordered`]: border
         }
       ),
-      children: /* @__PURE__ */ jsx62("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+      children: /* @__PURE__ */ jsx64("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
     }
   );
 };
@@ -6700,8 +6706,17 @@ Avatar.options = options32;
 Avatar.className = AVATAR_CLASSNAME;
 Avatar.defaultProps = defaultProps31;
 
+// src/avatar/templates/avatar-icon.tsx
+import { jsx as jsx65 } from "react/jsx-runtime";
+
+// src/avatar/templates/avatar-text.tsx
+import { jsx as jsx66 } from "react/jsx-runtime";
+
+// src/avatar/templates/avatar-image.tsx
+import { jsx as jsx67 } from "react/jsx-runtime";
+
 // src/chip/chip.spec.tsx
-import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs34 } from "react/jsx-runtime";
 var CHIP_CLASSNAME = `k-chip`;
 var states35 = [
   States.hover,
@@ -6745,7 +6760,7 @@ var Chip = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ...other,
@@ -6767,10 +6782,10 @@ var Chip = (props) => {
         })
       ),
       children: [
-        icon && /* @__PURE__ */ jsx63(Icon, { className: "k-chip-icon", icon, size: "small" }),
-        showAvatar && /* @__PURE__ */ jsx63(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ jsx63("img", { src: "/packages/html/assets/avatar.jpg" }) }),
-        /* @__PURE__ */ jsx63("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ jsx63("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
-        actions && /* @__PURE__ */ jsx63("span", { className: "k-chip-actions", children: actions })
+        icon && /* @__PURE__ */ jsx68(Icon, { className: "k-chip-icon", icon, size: "small" }),
+        showAvatar && /* @__PURE__ */ jsx68(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ jsx68("img", { src: "/packages/html/assets/avatar.jpg" }) }),
+        /* @__PURE__ */ jsx68("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ jsx68("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
+        actions && /* @__PURE__ */ jsx68("span", { className: "k-chip-actions", children: actions })
       ]
     }
   );
@@ -6781,7 +6796,7 @@ Chip.className = CHIP_CLASSNAME;
 Chip.defaultProps = defaultProps32;
 
 // src/chip/chip-list.spec.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var CHIPLIST_CLASSNAME = `k-chip-list`;
 var states36 = [];
 var options34 = {
@@ -6795,7 +6810,7 @@ var ChipList = (props) => {
     size = defaultProps33.size,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       ...other,
@@ -6815,8 +6830,20 @@ ChipList.options = options34;
 ChipList.className = CHIPLIST_CLASSNAME;
 ChipList.defaultProps = defaultProps33;
 
+// src/chip/templates/chip-avatar.tsx
+import { jsx as jsx70 } from "react/jsx-runtime";
+
+// src/chip/templates/chip-icon.tsx
+import { jsx as jsx71 } from "react/jsx-runtime";
+
+// src/chip/templates/chip-normal.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+
+// src/chip/templates/chip-removable.tsx
+import { jsx as jsx73 } from "react/jsx-runtime";
+
 // src/multiselect/multiselect.spec.tsx
-import { Fragment as Fragment20, jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx74, jsxs as jsxs35 } from "react/jsx-runtime";
 var MULTISELECT_CLASSNAME = `k-multiselect`;
 var states37 = [
   States.hover,
@@ -6861,8 +6888,8 @@ var MultiSelect = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs34(Fragment20, { children: [
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(Fragment21, { children: [
+    /* @__PURE__ */ jsxs35(
       Input,
       {
         ...other,
@@ -6879,12 +6906,12 @@ var MultiSelect = (props) => {
         readonly,
         className: classNames(props.className, MULTISELECT_CLASSNAME),
         children: [
-          /* @__PURE__ */ jsx65(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ jsxs34("div", { className: "k-input-values", children: [
-            /* @__PURE__ */ jsx65(ChipList, { size, children: /* @__PURE__ */ jsx65(Fragment20, { children: tags }) }),
-            /* @__PURE__ */ jsx65(InputInnerInput, { placeholder, value })
+          /* @__PURE__ */ jsx74(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsxs35("div", { className: "k-input-values", children: [
+            /* @__PURE__ */ jsx74(ChipList, { size, children: /* @__PURE__ */ jsx74(Fragment21, { children: tags }) }),
+            /* @__PURE__ */ jsx74(InputInnerInput, { placeholder, value })
           ] }),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx74(
             InputValidationIcon,
             {
               valid,
@@ -6893,14 +6920,14 @@ var MultiSelect = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx74(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx74(
             InputClearValue,
             {
               loading,
@@ -6909,8 +6936,8 @@ var MultiSelect = (props) => {
               value: tags ? "value" : ""
             }
           ),
-          /* @__PURE__ */ jsx65(InputSuffix, { children: suffix }),
-          showArrowButton && /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx74(InputSuffix, { children: suffix }),
+          showArrowButton && /* @__PURE__ */ jsx74(
             Button,
             {
               className: "k-input-button",
@@ -6923,7 +6950,7 @@ var MultiSelect = (props) => {
         ]
       }
     ),
-    opened && popup && /* @__PURE__ */ jsx65(Popup, { className: "k-list-container k-multiselect-popup", children: popup })
+    opened && popup && /* @__PURE__ */ jsx74(Popup, { className: "k-list-container k-multiselect-popup", children: popup })
   ] });
 };
 MultiSelect.states = states37;
@@ -6932,7 +6959,7 @@ MultiSelect.className = MULTISELECT_CLASSNAME;
 MultiSelect.defaultProps = defaultProps34;
 
 // src/numerictextbox/numerictextbox.spec.tsx
-import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs36 } from "react/jsx-runtime";
 var NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;
 var states38 = [
   States.hover,
@@ -6975,7 +7002,7 @@ var NumericTextbox = (props) => {
     showSpinButton = defaultProps35.showSpinButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     Input,
     {
       ...other,
@@ -6992,8 +7019,8 @@ var NumericTextbox = (props) => {
       readonly,
       className: classNames(props.className, NUMERICTEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ jsx66(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx75(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx75(
           InputValidationIcon,
           {
             valid,
@@ -7002,14 +7029,14 @@ var NumericTextbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx75(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ jsx66(
+        showClearButton && /* @__PURE__ */ jsx75(
           InputClearValue,
           {
             loading,
@@ -7018,7 +7045,7 @@ var NumericTextbox = (props) => {
             value
           }
         ),
-        showSpinButton && /* @__PURE__ */ jsx66(
+        showSpinButton && /* @__PURE__ */ jsx75(
           SpinButton,
           {
             className: "k-input-spinner",
@@ -7036,7 +7063,7 @@ NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps35;
 
 // src/switch/switch.spec.tsx
-import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs37 } from "react/jsx-runtime";
 var SWITCH_CLASSNAME = `k-switch`;
 var states39 = [
   States.hover,
@@ -7065,7 +7092,7 @@ var Switch = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "span",
     {
       ...other,
@@ -7086,7 +7113,7 @@ var Switch = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsxs37(
           "span",
           {
             className: classNames(
@@ -7096,12 +7123,12 @@ var Switch = (props) => {
               }
             ),
             children: [
-              onLabel && /* @__PURE__ */ jsx67("span", { className: "k-switch-label-on", children: onLabel }),
-              offLabel && /* @__PURE__ */ jsx67("span", { className: "k-switch-label-off", children: offLabel })
+              onLabel && /* @__PURE__ */ jsx76("span", { className: "k-switch-label-on", children: onLabel }),
+              offLabel && /* @__PURE__ */ jsx76("span", { className: "k-switch-label-off", children: offLabel })
             ]
           }
         ),
-        /* @__PURE__ */ jsx67("span", { className: "k-switch-thumb-wrap", children: /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx76("span", { className: "k-switch-thumb-wrap", children: /* @__PURE__ */ jsx76(
           "span",
           {
             className: classNames(
@@ -7122,7 +7149,7 @@ Switch.className = SWITCH_CLASSNAME;
 Switch.defaultProps = defaultProps36;
 
 // src/timepicker/timepicker.spec.tsx
-import { Fragment as Fragment21, jsx as jsx68, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx77, jsxs as jsxs38 } from "react/jsx-runtime";
 var TIMEPICKER_CLASSNAME = `k-timepicker`;
 var states40 = [
   States.hover,
@@ -7164,8 +7191,8 @@ var TimePicker = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs37(Fragment21, { children: [
-    /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(Fragment22, { children: [
+    /* @__PURE__ */ jsxs38(
       Input,
       {
         ...other,
@@ -7182,9 +7209,9 @@ var TimePicker = (props) => {
         readonly,
         className: classNames(props.className, TIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ jsx68(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ jsx68(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx77(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx77(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ jsx77(
             InputValidationIcon,
             {
               valid,
@@ -7193,14 +7220,14 @@ var TimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx77(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx77(
             InputClearValue,
             {
               loading,
@@ -7209,8 +7236,8 @@ var TimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ jsx68(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx77(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ jsx77(
             Button,
             {
               className: "k-input-button",
@@ -7223,11 +7250,11 @@ var TimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ jsxs37(Popup, { className: "k-list-container k-timepicker-popup", children: [
-      /* @__PURE__ */ jsx68(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx68(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx68(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ jsxs37(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
-        /* @__PURE__ */ jsx68(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
-        /* @__PURE__ */ jsx68(Button, { className: "k-time-cancel", children: "Cancel" })
+    opened && /* @__PURE__ */ jsxs38(Popup, { className: "k-list-container k-timepicker-popup", children: [
+      /* @__PURE__ */ jsx77(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx77(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx77(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ jsxs38(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
+        /* @__PURE__ */ jsx77(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
+        /* @__PURE__ */ jsx77(Button, { className: "k-time-cancel", children: "Cancel" })
       ] })
     ] })
   ] });
@@ -7238,128 +7265,128 @@ TimePicker.className = TIMEPICKER_CLASSNAME;
 TimePicker.defaultProps = defaultProps37;
 
 // src/grid/tests/grid-editing-custom-editor.tsx
-import { Fragment as Fragment22, jsx as jsx69, jsxs as jsxs38 } from "react/jsx-runtime";
-var grid_editing_custom_editor_default = () => /* @__PURE__ */ jsx69(Fragment22, { children: /* @__PURE__ */ jsxs38("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ jsx69("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs38("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx69("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+import { Fragment as Fragment23, jsx as jsx78, jsxs as jsxs39 } from "react/jsx-runtime";
+var grid_editing_custom_editor_default = () => /* @__PURE__ */ jsx78(Fragment23, { children: /* @__PURE__ */ jsxs39("div", { id: "test-area", className: "k-d-grid", children: [
+  /* @__PURE__ */ jsx78("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs39("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx78("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsx69("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs38("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Autocomplete" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Combobox" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Dropdown" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Multiselect" }) }) }) })
+      /* @__PURE__ */ jsx78("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs39("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Autocomplete" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Combobox" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Dropdown" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Multiselect" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-container", children: /* @__PURE__ */ jsx69("div", { className: "k-grid-content", children: /* @__PURE__ */ jsx69("div", { children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-container", children: /* @__PURE__ */ jsx78("div", { className: "k-grid-content", children: /* @__PURE__ */ jsx78("div", { children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsxs38("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Autocomplete, { placeholder: "Autocomplete..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Combobox, { placeholder: "Combobox..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DropdownList, { placeholder: "DropdownList..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(MultiSelect, { placeholder: "Multiselect..." }) })
+      /* @__PURE__ */ jsxs39("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Autocomplete, { placeholder: "Autocomplete..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Combobox, { placeholder: "Combobox..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DropdownList, { placeholder: "DropdownList..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(MultiSelect, { placeholder: "Multiselect..." }) })
         ] }),
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Autocomplete, { placeholder: "Autocomplete...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Combobox, { placeholder: "Combobox...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DropdownList, { placeholder: "DropdownList...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(MultiSelect, { placeholder: "Multiselect...", className: "k-rtl" }) })
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Autocomplete, { placeholder: "Autocomplete...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Combobox, { placeholder: "Combobox...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DropdownList, { placeholder: "DropdownList...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(MultiSelect, { placeholder: "Multiselect...", className: "k-rtl" }) })
         ] })
       ] })
     ] }) }) }) })
   ] }) }),
-  /* @__PURE__ */ jsx69("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs38("div", { className: "k-grid-aria-root", style: { overflow: "visible" }, children: [
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx69("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+  /* @__PURE__ */ jsx78("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs39("div", { className: "k-grid-aria-root", style: { overflow: "visible" }, children: [
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx78("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsx69("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs38("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Datepicker" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Timepicker" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Datetime" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Dateinput" }) }) }) })
+      /* @__PURE__ */ jsx78("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs39("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Datepicker" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Timepicker" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Datetime" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Dateinput" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-container", style: { overflow: "visible" }, children: /* @__PURE__ */ jsx69("div", { className: "k-grid-content", style: { overflow: "visible" }, children: /* @__PURE__ */ jsx69("div", { children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-container", style: { overflow: "visible" }, children: /* @__PURE__ */ jsx78("div", { className: "k-grid-content", style: { overflow: "visible" }, children: /* @__PURE__ */ jsx78("div", { children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsxs38("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DatePicker, { placeholder: "DatePicker..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(TimePicker, { placeholder: "TimePicker..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DateTimePicker, { placeholder: "DateTimePicker..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DateInput, { placeholder: "DateInput..." }) })
+      /* @__PURE__ */ jsxs39("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DatePicker, { placeholder: "DatePicker..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(TimePicker, { placeholder: "TimePicker..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DateTimePicker, { placeholder: "DateTimePicker..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DateInput, { placeholder: "DateInput..." }) })
         ] }),
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DatePicker, { placeholder: "DatePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(TimePicker, { placeholder: "TimePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DateTimePicker, { placeholder: "DateTimePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(DateInput, { placeholder: "DateInput...", className: "k-rtl" }) })
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DatePicker, { placeholder: "DatePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(TimePicker, { placeholder: "TimePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DateTimePicker, { placeholder: "DateTimePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(DateInput, { placeholder: "DateInput...", className: "k-rtl" }) })
         ] })
       ] })
     ] }) }) }) })
   ] }) }),
-  /* @__PURE__ */ jsx69("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs38("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx69("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+  /* @__PURE__ */ jsx78("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ jsxs39("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx78("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsx69("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs38("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Numeric" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx69("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx69("span", { className: "k-link", children: /* @__PURE__ */ jsx69("span", { className: "k-column-title", children: "Switch" }) }) }) }),
-        /* @__PURE__ */ jsx69("th", { className: "k-table-th k-header" })
+      /* @__PURE__ */ jsx78("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs39("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Numeric" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx78("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx78("span", { className: "k-link", children: /* @__PURE__ */ jsx78("span", { className: "k-column-title", children: "Switch" }) }) }) }),
+        /* @__PURE__ */ jsx78("th", { className: "k-table-th k-header" })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx69("div", { className: "k-grid-container", children: /* @__PURE__ */ jsx69("div", { className: "k-grid-content", children: /* @__PURE__ */ jsx69("div", { children: /* @__PURE__ */ jsxs38("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ jsxs38("colgroup", { children: [
-        /* @__PURE__ */ jsx69("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {}),
-        /* @__PURE__ */ jsx69("col", {})
+    /* @__PURE__ */ jsx78("div", { className: "k-grid-container", children: /* @__PURE__ */ jsx78("div", { className: "k-grid-content", children: /* @__PURE__ */ jsx78("div", { children: /* @__PURE__ */ jsxs39("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ jsxs39("colgroup", { children: [
+        /* @__PURE__ */ jsx78("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {}),
+        /* @__PURE__ */ jsx78("col", {})
       ] }),
-      /* @__PURE__ */ jsxs38("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(NumericTextbox, { placeholder: "Numeric..." }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Switch, { checked: true }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td" })
+      /* @__PURE__ */ jsxs39("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(NumericTextbox, { placeholder: "Numeric..." }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Switch, { checked: true }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td" })
         ] }),
-        /* @__PURE__ */ jsxs38("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(NumericTextbox, { placeholder: "Numeric...", className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td", children: /* @__PURE__ */ jsx69(Switch, { checked: true, className: "k-rtl" }) }),
-          /* @__PURE__ */ jsx69("td", { className: "k-table-td" })
+        /* @__PURE__ */ jsxs39("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(NumericTextbox, { placeholder: "Numeric...", className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td", children: /* @__PURE__ */ jsx78(Switch, { checked: true, className: "k-rtl" }) }),
+          /* @__PURE__ */ jsx78("td", { className: "k-table-td" })
         ] })
       ] })
     ] }) }) }) })