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

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

@@ -7803,20 +7803,32 @@ ToolbarPopup.options = options47;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps45;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 var import_jsx_runtime118 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-resizable.tsx
+// src/split-button/templates/split-button-popup.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
 
-// src/treeview/treeview.spec.tsx
+// src/toolbar/templates/toolbar-normal.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-resizable.tsx
+var import_jsx_runtime122 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+var import_jsx_runtime123 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-resizable.tsx
+var import_jsx_runtime124 = require("react/jsx-runtime");
+
+// src/treeview/treeview.spec.tsx
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var import_react2 = require("react");
 var TREEVIEW_CLASSNAME = `k-treeview`;
 var states51 = [];
@@ -7851,17 +7863,17 @@ var Treeview = (props) => {
     } else {
       if (children.type === TreeviewItem) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TreeviewItem, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TreeviewItem, { ...children.props, dir })
         );
       }
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TreeviewGroup, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TreeviewGroup, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       ...other,
@@ -7873,7 +7885,7 @@ var Treeview = (props) => {
           size
         })
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
+      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
     }
   );
 };
@@ -7883,7 +7895,7 @@ Treeview.className = TREEVIEW_CLASSNAME;
 Treeview.defaultProps = defaultProps46;
 
 // src/treeview/treeview-group.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var import_react3 = require("react");
 var className13 = `k-treeview-group`;
 var TreeviewGroup = (props) => {
@@ -7904,16 +7916,16 @@ var TreeviewGroup = (props) => {
     } else {
       if (children.type === treeview_item_spec_default) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(treeview_item_spec_default, { ...children.props, dir })
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(treeview_item_spec_default, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("ul", { className: classNames(props.className, className13), children: listChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("ul", { className: classNames(props.className, className13), children: listChildren });
 };
 
 // src/treeview/treeview-leaf.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var TREEVIEWLEAF_CLASSNAME = `k-treeview-leaf`;
 var states52 = [
   States.hover,
@@ -7931,7 +7943,7 @@ var TreeviewLeaf = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "span",
     {
       ...other,
@@ -7945,8 +7957,8 @@ var TreeviewLeaf = (props) => {
         })
       ),
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "k-treeview-leaf-text", children: text })
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "k-treeview-leaf-text", children: text })
       ]
     }
   );
@@ -7957,7 +7969,7 @@ TreeviewLeaf.className = TREEVIEWLEAF_CLASSNAME;
 var treeview_leaf_default = TreeviewLeaf;
 
 // src/treeview/treeview-item.spec.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var import_react4 = require("react");
 var TREEVIEWITEM_CLASSNAME = `k-treeview-item`;
 var states53 = [
@@ -8000,12 +8012,12 @@ var TreeviewItem = (props) => {
     } else {
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TreeviewGroup, { ...children.props, dir, children: children.props.children })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(TreeviewGroup, { ...children.props, dir, children: children.props.children })
         );
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "li",
     {
       ...other,
@@ -8014,19 +8026,19 @@ var TreeviewItem = (props) => {
         TREEVIEWITEM_CLASSNAME
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: "k-treeview-mid", children: [
-          _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "k-treeview-mid", children: [
+          _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             "span",
             {
               className: classNames(
                 "k-treeview-toggle",
                 stateClassNames("k-treeview-toggle", { disabled })
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
             }
           ),
-          showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Checkbox, { checked, disabled }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Checkbox, { checked, disabled }),
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             treeview_leaf_default,
             {
               className: classNames(
@@ -8042,7 +8054,7 @@ var TreeviewItem = (props) => {
             }
           )
         ] }),
-        expanded && _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: listChildren })
+        expanded && _hasChildren && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: listChildren })
       ]
     }
   );
@@ -8054,139 +8066,139 @@ TreeviewItem.defaultProps = defaultProps47;
 var treeview_item_spec_default = TreeviewItem;
 
 // src/treeview/templates/treeview-normal.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 
 // src/treeview/templates/treeview-hierarchy.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 
 // src/treeview/templates/treeview-icons.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 
 // src/treeview/templates/treeview-checkboxes.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 
 // src/filemanager/tests/filemanager-gridview.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var filemanager_gridview_default = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "File Manager Grid View" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "New Folder" }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Upload" }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "grid", selected: true })
+var import_jsx_runtime133 = require("react/jsx-runtime");
+var filemanager_gridview_default = () => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_jsx_runtime133.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "File Manager Grid View" }),
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { children: "New Folder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { children: "Upload" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TreeviewItem, { text: "Folder" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(TreeviewItem, { text: "Folder" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "k-link", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-sorted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", { className: "k-sorted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "File Manager Grid View Resizing" }),
-  /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "New Folder" }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Upload" }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "grid", selected: true })
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "File Manager Grid View Resizing" }),
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { children: "New Folder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { children: "Upload" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TreeviewItem, { text: "Folder" }) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-resize-handle" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(TreeviewItem, { text: "Folder" }) }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-resize-handle" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbItem, { root: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "k-link", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-sorted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", { className: "k-sorted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-preview", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] })
 ] }) });