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

package/dist/cjs/filemanager/tests/filemanager-gridview.js

@@ -5531,8 +5531,14 @@ Checkbox.options = options21;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps19;
 
-// src/list/list-item.spec.tsx
+// src/checkbox/templates/checkbox-label.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
+
+// src/checkbox/templates/checkbox-normal.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// src/list/list-item.spec.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states24 = [
   States.hover,
@@ -5557,7 +5563,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "li",
     {
       ...other,
@@ -5572,10 +5578,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { icon: iconName }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: iconName }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -5586,43 +5592,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps20;
 
 // src/list/list-content.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var className10 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: classNames(className10, props.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: classNames(className10, props.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var className11 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: classNames(className11, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: classNames(className11, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var className12 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { className: classNames(className12, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { className: classNames(className12, props.className), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states25 = [
   States.hover,
@@ -5641,7 +5647,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       ...other,
@@ -5664,10 +5670,10 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps21;
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/searchbox/searchbox.spec.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states26 = [
   States.hover,
@@ -5708,7 +5714,7 @@ var Searchbox = (props) => {
     icon = defaultProps22.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     Input,
     {
       ...other,
@@ -5724,11 +5730,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InputClearValue, { ...props })
       ]
     }
   );
@@ -5739,16 +5745,16 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps22;
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/menu-button/menu-button.spec.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var MENUBUTTON_CLASSNAME = `k-menu-button`;
 var states27 = [
   States.hover,
@@ -5800,7 +5806,7 @@ var MenuButton = (props) => {
     arrowIconName = defaultProps23.arrowIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Button,
     {
       ...other,
@@ -5830,7 +5836,7 @@ MenuButton.className = MENUBUTTON_CLASSNAME;
 MenuButton.defaultProps = defaultProps23;
 
 // src/split-button/split-button.spec.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SPLITBUTTON_CLASSNAME = `k-split-button`;
 var states28 = [
   States.hover,
@@ -5880,7 +5886,7 @@ var SplitButton = (props) => {
     arrowIconName = defaultProps24.arrowIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
       ...other,
@@ -5893,7 +5899,7 @@ var SplitButton = (props) => {
         })
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           Button,
           {
             text,
@@ -5910,7 +5916,7 @@ var SplitButton = (props) => {
             children: props.children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           Button,
           {
             className: "k-split-button-arrow",
@@ -5932,7 +5938,7 @@ SplitButton.defaultProps = defaultProps24;
 var split_button_spec_default = SplitButton;
 
 // src/toolbar/toolbar.spec.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var TOOLBAR_CLASSNAME = `k-toolbar`;
 var states29 = [
   States.focus
@@ -5955,7 +5961,7 @@ var Toolbar = (props) => {
     const tempToolbarChildren = [];
     if (child.type === Button && child.props.className && child.props.className.includes("k-toolbar-overflow-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Button,
           {
             ...child.props,
@@ -5966,7 +5972,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Button && child.props.className && child.props.className.includes("k-toggle-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Button,
           {
             ...child.props,
@@ -5977,7 +5983,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Button) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Button,
           {
             ...child.props,
@@ -5988,7 +5994,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === MenuButton) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           MenuButton,
           {
             ...child.props,
@@ -5999,7 +6005,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === split_button_spec_default) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           split_button_spec_default,
           {
             ...child.props,
@@ -6013,7 +6019,7 @@ var Toolbar = (props) => {
       const childrenArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
       childrenArray.forEach((button, bindex) => {
         buttonGroupItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             Button,
             {
               ...button.props,
@@ -6024,7 +6030,7 @@ var Toolbar = (props) => {
         );
       });
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           ButtonGroup,
           {
             ...child.props,
@@ -6036,7 +6042,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Combobox) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Combobox,
           {
             ...child.props,
@@ -6047,7 +6053,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === DropdownList) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           DropdownList,
           {
             ...child.props,
@@ -6058,7 +6064,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === ColorPicker) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           ColorPicker,
           {
             ...child.props,
@@ -6080,7 +6086,7 @@ var Toolbar = (props) => {
       addUniqueToolClass(child, index);
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       ...other,
@@ -6107,7 +6113,7 @@ Toolbar.className = TOOLBAR_CLASSNAME;
 Toolbar.defaultProps = defaultProps25;
 
 // src/toolbar/toolbar-angular.spec.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TOOLBARANGULAR_CLASSNAME = `k-toolbar`;
 var states30 = [
   States.focus
@@ -6130,7 +6136,7 @@ var ToolbarAngular = (props) => {
     const tempToolbarChildren = [];
     if (child.type === Button && child.props.className && child.props.className.includes("k-toolbar-overflow-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Button,
           {
             ...child.props,
@@ -6141,7 +6147,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Button && child.props.className && child.props.className.includes("k-toggle-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Button,
           {
             ...child.props,
@@ -6152,7 +6158,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Button) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Button,
           {
             ...child.props,
@@ -6163,7 +6169,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === MenuButton) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           MenuButton,
           {
             ...child.props,
@@ -6174,7 +6180,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === split_button_spec_default) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           split_button_spec_default,
           {
             ...child.props,
@@ -6188,7 +6194,7 @@ var ToolbarAngular = (props) => {
       const childrenArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
       childrenArray.forEach((button, bindex) => {
         buttonGroupItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             Button,
             {
               ...button.props,
@@ -6199,7 +6205,7 @@ var ToolbarAngular = (props) => {
         );
       });
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           ButtonGroup,
           {
             ...child.props,
@@ -6211,7 +6217,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Combobox) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Combobox,
           {
             ...child.props,
@@ -6222,7 +6228,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === DropdownList) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           DropdownList,
           {
             ...child.props,
@@ -6233,7 +6239,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === ColorPicker) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           ColorPicker,
           {
             ...child.props,
@@ -6255,7 +6261,7 @@ var ToolbarAngular = (props) => {
       addUniqueToolClass(child, index);
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       ...other,
@@ -6282,10 +6288,10 @@ ToolbarAngular.className = TOOLBARANGULAR_CLASSNAME;
 ToolbarAngular.defaultProps = defaultProps26;
 
 // src/toolbar/toolbar-separator.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/toolbar/toolbar-item.spec.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TOOLBARITEM_CLASSNAME = `k-toolbar-item`;
 var states31 = [
   States.focus
@@ -6297,7 +6303,7 @@ var ToolbarItem = (props) => {
     focus,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       ...other,
@@ -6318,7 +6324,7 @@ ToolbarItem.className = TOOLBARITEM_CLASSNAME;
 ToolbarItem.defaultProps = defaultProps27;
 
 // src/treeview/treeview.spec.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var import_react = require("react");
 var TREEVIEW_CLASSNAME = `k-treeview`;
 var states32 = [];
@@ -6353,17 +6359,17 @@ var Treeview = (props) => {
     } else {
       if (children.type === TreeviewItem) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TreeviewItem, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TreeviewItem, { ...children.props, dir })
         );
       }
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TreeviewGroup, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TreeviewGroup, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
       ...other,
@@ -6375,7 +6381,7 @@ var Treeview = (props) => {
           size
         })
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
     }
   );
 };
@@ -6385,7 +6391,7 @@ Treeview.className = TREEVIEW_CLASSNAME;
 Treeview.defaultProps = defaultProps28;
 
 // src/treeview/treeview-group.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var import_react2 = require("react");
 var className13 = `k-treeview-group`;
 var TreeviewGroup = (props) => {
@@ -6406,16 +6412,16 @@ var TreeviewGroup = (props) => {
     } else {
       if (children.type === treeview_item_spec_default) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(treeview_item_spec_default, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(treeview_item_spec_default, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: classNames(props.className, className13), children: listChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { className: classNames(props.className, className13), children: listChildren });
 };
 
 // src/treeview/treeview-leaf.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TREEVIEWLEAF_CLASSNAME = `k-treeview-leaf`;
 var states33 = [
   States.hover,
@@ -6433,7 +6439,7 @@ var TreeviewLeaf = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "span",
     {
       ...other,
@@ -6447,8 +6453,8 @@ var TreeviewLeaf = (props) => {
         })
       ),
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "k-treeview-leaf-text", children: text })
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-treeview-leaf-text", children: text })
       ]
     }
   );
@@ -6459,7 +6465,7 @@ TreeviewLeaf.className = TREEVIEWLEAF_CLASSNAME;
 var treeview_leaf_default = TreeviewLeaf;
 
 // src/treeview/treeview-item.spec.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var import_react3 = require("react");
 var TREEVIEWITEM_CLASSNAME = `k-treeview-item`;
 var states34 = [
@@ -6502,12 +6508,12 @@ var TreeviewItem = (props) => {
     } else {
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TreeviewGroup, { ...children.props, dir, children: children.props.children })
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TreeviewGroup, { ...children.props, dir, children: children.props.children })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "li",
     {
       ...other,
@@ -6516,19 +6522,19 @@ var TreeviewItem = (props) => {
         TREEVIEWITEM_CLASSNAME
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "k-treeview-mid", children: [
-          _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "k-treeview-mid", children: [
+          _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "span",
             {
               className: classNames(
                 "k-treeview-toggle",
                 stateClassNames("k-treeview-toggle", { disabled })
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
             }
           ),
-          showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Checkbox, { checked, disabled }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Checkbox, { checked, disabled }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             treeview_leaf_default,
             {
               className: classNames(
@@ -6544,7 +6550,7 @@ var TreeviewItem = (props) => {
             }
           )
         ] }),
-        expanded && _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: listChildren })
+        expanded && _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: listChildren })
       ]
     }
   );
@@ -6556,127 +6562,127 @@ TreeviewItem.defaultProps = defaultProps29;
 var treeview_item_spec_default = TreeviewItem;
 
 // src/filemanager/tests/filemanager-gridview.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var filemanager_gridview_default = () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: "File Manager Grid View" }),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { children: "New Folder" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { children: "Upload" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { icon: "grid", selected: true })
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var filemanager_gridview_default = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: "File Manager Grid View" }),
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { children: "New Folder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { children: "Upload" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TreeviewItem, { text: "Folder" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TreeviewItem, { text: "Folder" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "k-link", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "k-link", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", { className: "k-sorted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {})
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", { className: "k-sorted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: "File Manager Grid View Resizing" }),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { children: "New Folder" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { children: "Upload" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { icon: "grid", selected: true })
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: "File Manager Grid View Resizing" }),
+  /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { children: "New Folder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { children: "Upload" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TreeviewItem, { text: "Folder" }) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-resize-handle" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TreeviewItem, { text: "Folder" }) }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-resize-handle" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "k-link", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "k-link", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", { className: "k-sorted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("col", {})
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", { className: "k-sorted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] })
 ] }) });