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

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

@@ -7784,20 +7784,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
 import { jsx as jsx117 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 import { jsx as jsx118 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 import { jsx as jsx119 } from "react/jsx-runtime";
 
+// src/split-button/templates/split-button-popup.tsx
+import { jsx as jsx120, jsxs as jsxs47 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-normal.tsx
+import { Fragment as Fragment29, jsx as jsx121, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-resizable.tsx
+import { jsx as jsx122 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+import { jsx as jsx123 } from "react/jsx-runtime";
+
 // src/toolbar/templates/toolbar-angular-resizable.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 
 // src/treeview/treeview.spec.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var TREEVIEW_CLASSNAME = `k-treeview`;
 var states51 = [];
@@ -7832,17 +7844,17 @@ var Treeview = (props) => {
     } else {
       if (children.type === TreeviewItem) {
         listChildren.push(
-          /* @__PURE__ */ jsx121(TreeviewItem, { ...children.props, dir })
+          /* @__PURE__ */ jsx125(TreeviewItem, { ...children.props, dir })
         );
       }
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ jsx121(TreeviewGroup, { ...children.props, dir })
+          /* @__PURE__ */ jsx125(TreeviewGroup, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx125(
     "div",
     {
       ...other,
@@ -7854,7 +7866,7 @@ var Treeview = (props) => {
           size
         })
       ),
-      children: /* @__PURE__ */ jsx121(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
+      children: /* @__PURE__ */ jsx125(TreeviewGroup, { className: "k-treeview-lines", dir, children: listChildren })
     }
   );
 };
@@ -7864,7 +7876,7 @@ Treeview.className = TREEVIEW_CLASSNAME;
 Treeview.defaultProps = defaultProps46;
 
 // src/treeview/treeview-group.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 import { createElement as createElement3 } from "react";
 var className13 = `k-treeview-group`;
 var TreeviewGroup = (props) => {
@@ -7885,16 +7897,16 @@ var TreeviewGroup = (props) => {
     } else {
       if (children.type === treeview_item_spec_default) {
         listChildren.push(
-          /* @__PURE__ */ jsx122(treeview_item_spec_default, { ...children.props, dir })
+          /* @__PURE__ */ jsx126(treeview_item_spec_default, { ...children.props, dir })
         );
       }
     }
   }
-  return /* @__PURE__ */ jsx122("ul", { className: classNames(props.className, className13), children: listChildren });
+  return /* @__PURE__ */ jsx126("ul", { className: classNames(props.className, className13), children: listChildren });
 };
 
 // src/treeview/treeview-leaf.tsx
-import { jsx as jsx123, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs49 } from "react/jsx-runtime";
 var TREEVIEWLEAF_CLASSNAME = `k-treeview-leaf`;
 var states52 = [
   States.hover,
@@ -7912,7 +7924,7 @@ var TreeviewLeaf = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs49(
     "span",
     {
       ...other,
@@ -7926,8 +7938,8 @@ var TreeviewLeaf = (props) => {
         })
       ),
       children: [
-        showIcon && /* @__PURE__ */ jsx123(Icon, { icon }),
-        /* @__PURE__ */ jsx123("span", { className: "k-treeview-leaf-text", children: text })
+        showIcon && /* @__PURE__ */ jsx127(Icon, { icon }),
+        /* @__PURE__ */ jsx127("span", { className: "k-treeview-leaf-text", children: text })
       ]
     }
   );
@@ -7938,7 +7950,7 @@ TreeviewLeaf.className = TREEVIEWLEAF_CLASSNAME;
 var treeview_leaf_default = TreeviewLeaf;
 
 // src/treeview/treeview-item.spec.tsx
-import { Fragment as Fragment29, jsx as jsx124, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx128, jsxs as jsxs50 } from "react/jsx-runtime";
 import { createElement as createElement4 } from "react";
 var TREEVIEWITEM_CLASSNAME = `k-treeview-item`;
 var states53 = [
@@ -7981,12 +7993,12 @@ var TreeviewItem = (props) => {
     } else {
       if (children.type === TreeviewGroup) {
         listChildren.push(
-          /* @__PURE__ */ jsx124(TreeviewGroup, { ...children.props, dir, children: children.props.children })
+          /* @__PURE__ */ jsx128(TreeviewGroup, { ...children.props, dir, children: children.props.children })
         );
       }
     }
   }
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs50(
     "li",
     {
       ...other,
@@ -7995,19 +8007,19 @@ var TreeviewItem = (props) => {
         TREEVIEWITEM_CLASSNAME
       ),
       children: [
-        /* @__PURE__ */ jsxs48("span", { className: "k-treeview-mid", children: [
-          _hasChildren && /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsxs50("span", { className: "k-treeview-mid", children: [
+          _hasChildren && /* @__PURE__ */ jsx128(
             "span",
             {
               className: classNames(
                 "k-treeview-toggle",
                 stateClassNames("k-treeview-toggle", { disabled })
               ),
-              children: /* @__PURE__ */ jsx124(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
+              children: /* @__PURE__ */ jsx128(Icon, { icon: expanded ? "caret-alt-down" : dir === "rtl" ? "caret-alt-left" : "caret-alt-right" })
             }
           ),
-          showCheckbox && /* @__PURE__ */ jsx124(Checkbox, { checked, disabled }),
-          /* @__PURE__ */ jsx124(
+          showCheckbox && /* @__PURE__ */ jsx128(Checkbox, { checked, disabled }),
+          /* @__PURE__ */ jsx128(
             treeview_leaf_default,
             {
               className: classNames(
@@ -8023,7 +8035,7 @@ var TreeviewItem = (props) => {
             }
           )
         ] }),
-        expanded && _hasChildren && /* @__PURE__ */ jsx124(Fragment29, { children: listChildren })
+        expanded && _hasChildren && /* @__PURE__ */ jsx128(Fragment30, { children: listChildren })
       ]
     }
   );
@@ -8035,139 +8047,139 @@ TreeviewItem.defaultProps = defaultProps47;
 var treeview_item_spec_default = TreeviewItem;
 
 // src/treeview/templates/treeview-normal.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 
 // src/treeview/templates/treeview-hierarchy.tsx
-import { jsx as jsx126, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs51 } from "react/jsx-runtime";
 
 // src/treeview/templates/treeview-icons.tsx
-import { jsx as jsx127, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs52 } from "react/jsx-runtime";
 
 // src/treeview/templates/treeview-checkboxes.tsx
-import { jsx as jsx128, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs53 } from "react/jsx-runtime";
 
 // src/filemanager/tests/filemanager-gridview.tsx
-import { Fragment as Fragment30, jsx as jsx129, jsxs as jsxs52 } from "react/jsx-runtime";
-var filemanager_gridview_default = () => /* @__PURE__ */ jsx129(Fragment30, { children: /* @__PURE__ */ jsxs52("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ jsx129("span", { children: "File Manager Grid View" }),
-  /* @__PURE__ */ jsxs52("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ jsx129("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs52(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ jsx129(Button, { children: "New Folder" }),
-      /* @__PURE__ */ jsx129(Button, { children: "Upload" }),
-      /* @__PURE__ */ jsxs52(ButtonGroup, { children: [
-        /* @__PURE__ */ jsx129(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ jsx129(Button, { icon: "grid", selected: true })
+import { Fragment as Fragment31, jsx as jsx133, jsxs as jsxs54 } from "react/jsx-runtime";
+var filemanager_gridview_default = () => /* @__PURE__ */ jsx133(Fragment31, { children: /* @__PURE__ */ jsxs54("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ jsx133("span", { children: "File Manager Grid View" }),
+  /* @__PURE__ */ jsxs54("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ jsx133("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs54(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ jsx133(Button, { children: "New Folder" }),
+      /* @__PURE__ */ jsx133(Button, { children: "Upload" }),
+      /* @__PURE__ */ jsxs54(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx133(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ jsx133(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ jsx129("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ jsx129(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ jsx129(TreeviewItem, { text: "Folder" }) }) }),
-      /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ jsx129(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ jsx129(BreadcrumbContainer, { children: /* @__PURE__ */ jsx129(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsx129(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ jsx129(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ jsx129("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx129("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs52("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ jsxs52("colgroup", { children: [
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {})
+    /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ jsx133("div", { className: "k-filemanager-navigation", children: /* @__PURE__ */ jsx133(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ jsx133(TreeviewItem, { text: "Folder" }) }) }),
+      /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ jsx133(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ jsx133(BreadcrumbContainer, { children: /* @__PURE__ */ jsx133(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsx133(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ jsx133(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ jsx133("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx133("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ jsxs54("colgroup", { children: [
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {})
             ] }),
-            /* @__PURE__ */ jsx129("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs52("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-                /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ jsx129("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx129(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ jsx133("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs54("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+                /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ jsx133("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx133(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx129("span", { className: "k-link", children: /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx129("span", { className: "k-link", children: /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx133("span", { className: "k-link", children: /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx133("span", { className: "k-link", children: /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ jsx129("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ jsxs52("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ jsxs52("colgroup", { children: [
-              /* @__PURE__ */ jsx129("col", { className: "k-sorted" }),
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {})
+          /* @__PURE__ */ jsx133("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ jsxs54("colgroup", { children: [
+              /* @__PURE__ */ jsx133("col", { className: "k-sorted" }),
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {})
             ] }),
-            /* @__PURE__ */ jsxs52("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ jsxs52("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ jsxs52("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ jsxs54("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ jsxs54("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ jsxs54("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ jsxs52("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ jsxs52("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ jsxs54("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ jsxs54("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx129("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ jsx133("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] }),
-  /* @__PURE__ */ jsx129("span", { children: "File Manager Grid View Resizing" }),
-  /* @__PURE__ */ jsxs52("div", { className: "k-widget k-filemanager", children: [
-    /* @__PURE__ */ jsx129("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs52(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
-      /* @__PURE__ */ jsx129(Button, { children: "New Folder" }),
-      /* @__PURE__ */ jsx129(Button, { children: "Upload" }),
-      /* @__PURE__ */ jsxs52(ButtonGroup, { children: [
-        /* @__PURE__ */ jsx129(Button, { icon: "grid-layout" }),
-        /* @__PURE__ */ jsx129(Button, { icon: "grid", selected: true })
+  /* @__PURE__ */ jsx133("span", { children: "File Manager Grid View Resizing" }),
+  /* @__PURE__ */ jsxs54("div", { className: "k-widget k-filemanager", children: [
+    /* @__PURE__ */ jsx133("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs54(Toolbar, { className: "k-filemanager-toolbar", resizable: true, children: [
+      /* @__PURE__ */ jsx133(Button, { children: "New Folder" }),
+      /* @__PURE__ */ jsx133(Button, { children: "Upload" }),
+      /* @__PURE__ */ jsxs54(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx133(Button, { icon: "grid-layout" }),
+        /* @__PURE__ */ jsx133(Button, { icon: "grid", selected: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-content-container", children: [
-      /* @__PURE__ */ jsx129("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ jsx129("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ jsx129(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ jsx129(TreeviewItem, { text: "Folder" }) }) }) }),
-      /* @__PURE__ */ jsx129("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ jsx129("span", { className: "k-resize-handle" }) }),
-      /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-content", children: [
-        /* @__PURE__ */ jsx129(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ jsx129(BreadcrumbContainer, { children: /* @__PURE__ */ jsx129(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsx129(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ jsx129(Icon, { icon: "home" }) }) }) }) }),
-        /* @__PURE__ */ jsx129("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ jsxs52("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
-          /* @__PURE__ */ jsx129("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx129("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs52("table", { className: "k-table k-table-md k-grid-header-table", children: [
-            /* @__PURE__ */ jsxs52("colgroup", { children: [
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {})
+    /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-content-container", children: [
+      /* @__PURE__ */ jsx133("div", { className: "k-filemanager-navigation", style: { width: "234px" }, children: /* @__PURE__ */ jsx133("div", { className: "k-filemanager-navigation-container", children: /* @__PURE__ */ jsx133(Treeview, { className: "k-filemanager-treeview", children: /* @__PURE__ */ jsx133(TreeviewItem, { text: "Folder" }) }) }) }),
+      /* @__PURE__ */ jsx133("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal k-filemanager-splitbar-navigation k-focus", children: /* @__PURE__ */ jsx133("span", { className: "k-resize-handle" }) }),
+      /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-content", children: [
+        /* @__PURE__ */ jsx133(Breadcrumb, { className: "k-filemanager-breadcrumb", children: /* @__PURE__ */ jsx133(BreadcrumbContainer, { children: /* @__PURE__ */ jsx133(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsx133(BreadcrumbLink, { root: true, icon: true, children: /* @__PURE__ */ jsx133(Icon, { icon: "home" }) }) }) }) }),
+        /* @__PURE__ */ jsx133("div", { className: "k-filemanager-view k-filemanager-view-grid", children: /* @__PURE__ */ jsxs54("div", { className: "k-filemanager-grid k-grid k-grid-md k-grid-display-block k-editable", children: [
+          /* @__PURE__ */ jsx133("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx133("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+            /* @__PURE__ */ jsxs54("colgroup", { children: [
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {})
             ] }),
-            /* @__PURE__ */ jsx129("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs52("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-                /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "Name" }),
-                /* @__PURE__ */ jsx129("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx129(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ jsx133("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs54("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header k-sorted", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+                /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "Name" }),
+                /* @__PURE__ */ jsx133("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx133(Icon, { icon: "sort-asc-small" }) })
               ] }) }) }),
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx129("span", { className: "k-link", children: /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
-              /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx129("span", { className: "k-link", children: /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "File Size" }) }) }) })
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx133("span", { className: "k-link", children: /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "Date Created" }) }) }) }),
+              /* @__PURE__ */ jsx133("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx133("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx133("span", { className: "k-link", children: /* @__PURE__ */ jsx133("span", { className: "k-column-title", children: "File Size" }) }) }) })
             ] }) })
           ] }) }) }),
-          /* @__PURE__ */ jsx129("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ jsxs52("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
-            /* @__PURE__ */ jsxs52("colgroup", { children: [
-              /* @__PURE__ */ jsx129("col", { className: "k-sorted" }),
-              /* @__PURE__ */ jsx129("col", {}),
-              /* @__PURE__ */ jsx129("col", {})
+          /* @__PURE__ */ jsx133("div", { className: "k-grid-content k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-table k-selectable", children: [
+            /* @__PURE__ */ jsxs54("colgroup", { children: [
+              /* @__PURE__ */ jsx133("col", { className: "k-sorted" }),
+              /* @__PURE__ */ jsx133("col", {}),
+              /* @__PURE__ */ jsx133("col", {})
             ] }),
-            /* @__PURE__ */ jsxs52("tbody", { className: "k-table-tbody", children: [
-              /* @__PURE__ */ jsxs52("tr", { className: "k-table-row", children: [
-                /* @__PURE__ */ jsxs52("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "folder" }) }),
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "Folder" })
+            /* @__PURE__ */ jsxs54("tbody", { className: "k-table-tbody", children: [
+              /* @__PURE__ */ jsxs54("tr", { className: "k-table-row", children: [
+                /* @__PURE__ */ jsxs54("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "folder" }) }),
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "Folder" })
                 ] }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "0" })
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "0" })
               ] }),
-              /* @__PURE__ */ jsxs52("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-                /* @__PURE__ */ jsxs52("td", { className: "k-table-td", children: [
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "file" }) }),
-                  /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "file.png" })
+              /* @__PURE__ */ jsxs54("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
+                /* @__PURE__ */ jsxs54("td", { className: "k-table-td", children: [
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "file" }) }),
+                  /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "file.png" })
                 ] }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
-                /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "73289" })
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "13/12/2019 at 12:22:04 PM" }),
+                /* @__PURE__ */ jsx133("td", { className: "k-table-td", children: "73289" })
               ] })
             ] })
           ] }) })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsx129("div", { className: "k-filemanager-preview", hidden: true })
+      /* @__PURE__ */ jsx133("div", { className: "k-filemanager-preview", hidden: true })
     ] })
   ] })
 ] }) });