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

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

@@ -6428,8 +6428,14 @@ Checkbox.options = options28;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps27;
 
-// src/list/list-item.spec.tsx
+// src/checkbox/templates/checkbox-label.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// src/checkbox/templates/checkbox-normal.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
+// src/list/list-item.spec.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states31 = [
   States.hover,
@@ -6454,7 +6460,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "li",
     {
       ...other,
@@ -6469,10 +6475,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: iconName }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: iconName }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -6483,43 +6489,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps28;
 
 // src/list/list-content.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var className15 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: classNames(className15, props.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: classNames(className15, props.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var className16 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: classNames(className16, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: classNames(className16, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var className17 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { className: classNames(className17, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("li", { className: classNames(className17, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states32 = [
   States.hover,
@@ -6538,7 +6544,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       ...other,
@@ -6561,10 +6567,10 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps29;
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/searchbox/searchbox.spec.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states33 = [
   States.hover,
@@ -6605,7 +6611,7 @@ var Searchbox = (props) => {
     icon = defaultProps30.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     Input,
     {
       ...other,
@@ -6621,11 +6627,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputClearValue, { ...props })
       ]
     }
   );
@@ -6636,19 +6642,19 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps30;
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/chip/chip-action.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/avatar/avatar.spec.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var AVATAR_CLASSNAME = `k-avatar`;
 var states34 = [
   States.hover,
@@ -6693,7 +6699,7 @@ var Avatar = (props) => {
     border = defaultProps31.border,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       ...other,
@@ -6710,7 +6716,7 @@ var Avatar = (props) => {
           [`${AVATAR_CLASSNAME}-bordered`]: border
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
     }
   );
 };
@@ -6719,8 +6725,17 @@ Avatar.options = options32;
 Avatar.className = AVATAR_CLASSNAME;
 Avatar.defaultProps = defaultProps31;
 
+// src/avatar/templates/avatar-icon.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+
+// src/avatar/templates/avatar-text.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+
+// src/avatar/templates/avatar-image.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+
 // src/chip/chip.spec.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var CHIP_CLASSNAME = `k-chip`;
 var states35 = [
   States.hover,
@@ -6764,7 +6779,7 @@ var Chip = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       ...other,
@@ -6786,10 +6801,10 @@ var Chip = (props) => {
         })
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
-        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
-        actions && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "k-chip-actions", children: actions })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
+        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "k-chip-actions", children: actions })
       ]
     }
   );
@@ -6800,7 +6815,7 @@ Chip.className = CHIP_CLASSNAME;
 Chip.defaultProps = defaultProps32;
 
 // src/chip/chip-list.spec.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var CHIPLIST_CLASSNAME = `k-chip-list`;
 var states36 = [];
 var options34 = {
@@ -6814,7 +6829,7 @@ var ChipList = (props) => {
     size = defaultProps33.size,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       ...other,
@@ -6834,8 +6849,20 @@ ChipList.options = options34;
 ChipList.className = CHIPLIST_CLASSNAME;
 ChipList.defaultProps = defaultProps33;
 
+// src/chip/templates/chip-avatar.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/chip/templates/chip-icon.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+
+// src/chip/templates/chip-normal.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+
+// src/chip/templates/chip-removable.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
 // src/multiselect/multiselect.spec.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var MULTISELECT_CLASSNAME = `k-multiselect`;
 var states37 = [
   States.hover,
@@ -6880,8 +6907,8 @@ var MultiSelect = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       Input,
       {
         ...other,
@@ -6898,12 +6925,12 @@ var MultiSelect = (props) => {
         readonly,
         className: classNames(props.className, MULTISELECT_CLASSNAME),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "k-input-values", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: tags }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputInnerInput, { placeholder, value })
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "k-input-values", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: tags }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(InputInnerInput, { placeholder, value })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             InputValidationIcon,
             {
               valid,
@@ -6912,14 +6939,14 @@ var MultiSelect = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             InputClearValue,
             {
               loading,
@@ -6928,8 +6955,8 @@ var MultiSelect = (props) => {
               value: tags ? "value" : ""
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputSuffix, { children: suffix }),
-          showArrowButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(InputSuffix, { children: suffix }),
+          showArrowButton && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             Button,
             {
               className: "k-input-button",
@@ -6942,7 +6969,7 @@ var MultiSelect = (props) => {
         ]
       }
     ),
-    opened && popup && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Popup, { className: "k-list-container k-multiselect-popup", children: popup })
+    opened && popup && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Popup, { className: "k-list-container k-multiselect-popup", children: popup })
   ] });
 };
 MultiSelect.states = states37;
@@ -6951,7 +6978,7 @@ MultiSelect.className = MULTISELECT_CLASSNAME;
 MultiSelect.defaultProps = defaultProps34;
 
 // src/numerictextbox/numerictextbox.spec.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;
 var states38 = [
   States.hover,
@@ -6994,7 +7021,7 @@ var NumericTextbox = (props) => {
     showSpinButton = defaultProps35.showSpinButton,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     Input,
     {
       ...other,
@@ -7011,8 +7038,8 @@ var NumericTextbox = (props) => {
       readonly,
       className: classNames(props.className, NUMERICTEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           InputValidationIcon,
           {
             valid,
@@ -7021,14 +7048,14 @@ var NumericTextbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           InputClearValue,
           {
             loading,
@@ -7037,7 +7064,7 @@ var NumericTextbox = (props) => {
             value
           }
         ),
-        showSpinButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        showSpinButton && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           SpinButton,
           {
             className: "k-input-spinner",
@@ -7055,7 +7082,7 @@ NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps35;
 
 // src/switch/switch.spec.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var SWITCH_CLASSNAME = `k-switch`;
 var states39 = [
   States.hover,
@@ -7084,7 +7111,7 @@ var Switch = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "span",
     {
       ...other,
@@ -7105,7 +7132,7 @@ var Switch = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           "span",
           {
             className: classNames(
@@ -7115,12 +7142,12 @@ var Switch = (props) => {
               }
             ),
             children: [
-              onLabel && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "k-switch-label-on", children: onLabel }),
-              offLabel && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "k-switch-label-off", children: offLabel })
+              onLabel && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "k-switch-label-on", children: onLabel }),
+              offLabel && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "k-switch-label-off", children: offLabel })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "k-switch-thumb-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "k-switch-thumb-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           "span",
           {
             className: classNames(
@@ -7141,7 +7168,7 @@ Switch.className = SWITCH_CLASSNAME;
 Switch.defaultProps = defaultProps36;
 
 // src/timepicker/timepicker.spec.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var TIMEPICKER_CLASSNAME = `k-timepicker`;
 var states40 = [
   States.hover,
@@ -7183,8 +7210,8 @@ var TimePicker = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       Input,
       {
         ...other,
@@ -7201,9 +7228,9 @@ var TimePicker = (props) => {
         readonly,
         className: classNames(props.className, TIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             InputValidationIcon,
             {
               valid,
@@ -7212,14 +7239,14 @@ var TimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             InputClearValue,
             {
               loading,
@@ -7228,8 +7255,8 @@ var TimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Button,
             {
               className: "k-input-button",
@@ -7242,11 +7269,11 @@ var TimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Popup, { className: "k-list-container k-timepicker-popup", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { className: "k-time-cancel", children: "Cancel" })
+    opened && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Popup, { className: "k-list-container k-timepicker-popup", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { className: "k-time-cancel", children: "Cancel" })
       ] })
     ] })
   ] });
@@ -7257,128 +7284,128 @@ TimePicker.className = TIMEPICKER_CLASSNAME;
 TimePicker.defaultProps = defaultProps37;
 
 // src/grid/tests/grid-editing-custom-editor.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var grid_editing_custom_editor_default = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var grid_editing_custom_editor_default = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Autocomplete" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Combobox" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Dropdown" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Multiselect" }) }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Autocomplete" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Combobox" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Dropdown" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Multiselect" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Autocomplete, { placeholder: "Autocomplete..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Combobox, { placeholder: "Combobox..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DropdownList, { placeholder: "DropdownList..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MultiSelect, { placeholder: "Multiselect..." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Autocomplete, { placeholder: "Autocomplete..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Combobox, { placeholder: "Combobox..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropdownList, { placeholder: "DropdownList..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MultiSelect, { placeholder: "Multiselect..." }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Autocomplete, { placeholder: "Autocomplete...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Combobox, { placeholder: "Combobox...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DropdownList, { placeholder: "DropdownList...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MultiSelect, { placeholder: "Multiselect...", className: "k-rtl" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Autocomplete, { placeholder: "Autocomplete...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Combobox, { placeholder: "Combobox...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropdownList, { placeholder: "DropdownList...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MultiSelect, { placeholder: "Multiselect...", className: "k-rtl" }) })
         ] })
       ] })
     ] }) }) }) })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "k-grid-aria-root", style: { overflow: "visible" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "k-grid-aria-root", style: { overflow: "visible" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Datepicker" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Timepicker" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Datetime" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Dateinput" }) }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Datepicker" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Timepicker" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Datetime" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Dateinput" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-container", style: { overflow: "visible" }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-content", style: { overflow: "visible" }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-container", style: { overflow: "visible" }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-content", style: { overflow: "visible" }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DatePicker, { placeholder: "DatePicker..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TimePicker, { placeholder: "TimePicker..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DateTimePicker, { placeholder: "DateTimePicker..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DateInput, { placeholder: "DateInput..." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DatePicker, { placeholder: "DatePicker..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TimePicker, { placeholder: "TimePicker..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DateTimePicker, { placeholder: "DateTimePicker..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DateInput, { placeholder: "DateInput..." }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DatePicker, { placeholder: "DatePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TimePicker, { placeholder: "TimePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DateTimePicker, { placeholder: "DateTimePicker...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DateInput, { placeholder: "DateInput...", className: "k-rtl" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DatePicker, { placeholder: "DatePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TimePicker, { placeholder: "TimePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DateTimePicker, { placeholder: "DateTimePicker...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DateInput, { placeholder: "DateInput...", className: "k-rtl" }) })
         ] })
       ] })
     ] }) }) }) })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Numeric" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "k-column-title", children: "Switch" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("th", { className: "k-table-th k-header" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Numeric" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "k-column-title", children: "Switch" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "k-table-th k-header" })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", { style: { width: "68px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", { style: { width: "68px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tbody", { className: "k-table-tbody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "LTR" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NumericTextbox, { placeholder: "Numeric..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Switch, { checked: true }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tbody", { className: "k-table-tbody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "LTR" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NumericTextbox, { placeholder: "Numeric..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Switch, { checked: true }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: "RTL" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NumericTextbox, { placeholder: "Numeric...", className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Switch, { checked: true, className: "k-rtl" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "k-table-td" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-grid-edit-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: "RTL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NumericTextbox, { placeholder: "Numeric...", className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Switch, { checked: true, className: "k-rtl" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { className: "k-table-td" })
         ] })
       ] })
     ] }) }) }) })