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

package/dist/esm/expansion-panel/tests/expansion-panel-rtl.js

@@ -4351,19 +4351,45 @@ ExpansionPanel.states = states4;
 ExpansionPanel.options = options4;
 ExpansionPanel.className = EXPANSION_PANEL_CLASSNAME;
 ExpansionPanel.defaultProps = defaultProps4;
+var expansion_panel_spec_default = ExpansionPanel;
+
+// src/expansion-panel/templates/expansion-panel-normal.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ExpansionPanelNormal = (props) => /* @__PURE__ */ jsx5(
+  expansion_panel_spec_default,
+  {
+    children: [
+      /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text." })
+    ],
+    ...props
+  }
+);
+
+// src/expansion-panel/templates/expansion-panel-expanded.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ExpansionPanelExpanded = (props) => /* @__PURE__ */ jsx6(
+  expansion_panel_spec_default,
+  {
+    expanded: true,
+    children: [
+      /* @__PURE__ */ jsx6("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text." })
+    ],
+    ...props
+  }
+);
 
 // src/expansion-panel/tests/expansion-panel-rtl.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var expansion_panel_rtl_default = () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", children: [
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Collapsed panel", subtitle: "South America", dir: "rtl" }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Expanded panel", subtitle: "South America", expanded: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Expanded Focused panel", subtitle: "South America", expanded: true, focus: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Collapsed panel", subtitle: "South America", dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Focus state", subtitle: "South America", focus: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Hover state", subtitle: "South America", hover: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Hover & Focus state", subtitle: "South America", hover: true, focus: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Disabled panel", subtitle: "South America", disabled: true, dir: "rtl", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Content with fixed height", subtitle: "South America", expanded: true, dir: "rtl", contentStyle: { height: "100px" }, children: /* @__PURE__ */ jsx5("div", { style: { height: "100%", overflow: "auto" }, children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) })
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var expansion_panel_rtl_default = () => /* @__PURE__ */ jsx7(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+  /* @__PURE__ */ jsxs2("div", { children: [
+    ["normal", ...ExpansionPanel.states].map((state) => /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { ...{ [state]: true }, title: "Expanded panel - " + state, subtitle: "Subtitle", dir: "rtl" })),
+    /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { title: "Expanded panel - hover & focus", hover: true, focus: true, subtitle: "Subtitle", dir: "rtl" })
+  ] }),
+  /* @__PURE__ */ jsxs2("div", { children: [
+    ["normal", ...ExpansionPanel.states].map((state) => /* @__PURE__ */ jsx7(ExpansionPanelNormal, { ...{ [state]: true }, title: "Collapsed panel - " + state, subtitle: "Subtitle", dir: "rtl" })),
+    /* @__PURE__ */ jsx7(ExpansionPanelNormal, { title: "Collapsed panel - hover & focus", hover: true, focus: true, subtitle: "Subtitle", dir: "rtl" }),
+    /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { title: "Content with fixed height", subtitle: "Subtitle", contentStyle: { height: "100px" }, dir: "rtl", children: /* @__PURE__ */ jsx7("div", { style: { height: "100%", overflow: "auto" }, children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) })
+  ] })
 ] }) });
 export {
   expansion_panel_rtl_default as default

package/dist/esm/expansion-panel/tests/expansion-panel.js

@@ -4351,19 +4351,45 @@ ExpansionPanel.states = states4;
 ExpansionPanel.options = options4;
 ExpansionPanel.className = EXPANSION_PANEL_CLASSNAME;
 ExpansionPanel.defaultProps = defaultProps4;
+var expansion_panel_spec_default = ExpansionPanel;
+
+// src/expansion-panel/templates/expansion-panel-normal.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ExpansionPanelNormal = (props) => /* @__PURE__ */ jsx5(
+  expansion_panel_spec_default,
+  {
+    children: [
+      /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text." })
+    ],
+    ...props
+  }
+);
+
+// src/expansion-panel/templates/expansion-panel-expanded.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ExpansionPanelExpanded = (props) => /* @__PURE__ */ jsx6(
+  expansion_panel_spec_default,
+  {
+    expanded: true,
+    children: [
+      /* @__PURE__ */ jsx6("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text." })
+    ],
+    ...props
+  }
+);
 
 // src/expansion-panel/tests/expansion-panel.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var expansion_panel_default = () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", children: [
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Collapsed panel", subtitle: "South America" }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Expanded panel", subtitle: "South America", expanded: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Expanded Focused panel", subtitle: "South America", expanded: true, focus: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Collapsed panel", subtitle: "South America", children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Focus state", subtitle: "South America", focus: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Hover state", subtitle: "South America", hover: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Hover & Focus state", subtitle: "South America", hover: true, focus: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Disabled panel", subtitle: "South America", disabled: true, children: /* @__PURE__ */ jsx5("span", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) }),
-  /* @__PURE__ */ jsx5(ExpansionPanel, { title: "Content with fixed height", subtitle: "South America", expanded: true, contentStyle: { height: "100px" }, children: /* @__PURE__ */ jsx5("div", { style: { height: "100%", overflow: "auto" }, children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) })
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var expansion_panel_default = () => /* @__PURE__ */ jsx7(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+  /* @__PURE__ */ jsxs2("div", { children: [
+    ["normal", ...ExpansionPanel.states].map((state) => /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { ...{ [state]: true }, title: "Expanded panel - " + state, subtitle: "Subtitle" })),
+    /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { title: "Expanded panel - hover & focus", hover: true, focus: true, subtitle: "Subtitle" })
+  ] }),
+  /* @__PURE__ */ jsxs2("div", { children: [
+    ["normal", ...ExpansionPanel.states].map((state) => /* @__PURE__ */ jsx7(ExpansionPanelNormal, { ...{ [state]: true }, title: "Collapsed panel - " + state, subtitle: "Subtitle" })),
+    /* @__PURE__ */ jsx7(ExpansionPanelNormal, { title: "Collapsed panel - hover & focus", hover: true, focus: true, subtitle: "Subtitle" }),
+    /* @__PURE__ */ jsx7(ExpansionPanelExpanded, { title: "Content with fixed height", subtitle: "Subtitle", contentStyle: { height: "100px" }, children: /* @__PURE__ */ jsx7("div", { style: { height: "100%", overflow: "auto" }, children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }) })
+  ] })
 ] }) });
 export {
   expansion_panel_default as default

package/dist/esm/filemanager/tests/filemanager-contextmenu.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,19 +8047,19 @@ 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-contextmenu.tsx
-import { Fragment as Fragment30, jsx as jsx129, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx133, jsxs as jsxs54 } from "react/jsx-runtime";
 var styles = `
     #filemanager-context-menu {
         position: absolute;
@@ -8057,36 +8069,36 @@ var styles = `
         overflow: visible;
     }
 `;
-var filemanager_contextmenu_default = () => /* @__PURE__ */ jsxs52(Fragment30, { children: [
-  /* @__PURE__ */ jsx129("style", { children: styles }),
-  /* @__PURE__ */ jsxs52("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-    /* @__PURE__ */ jsx129("span", { children: "File Manager ContextMenu" }),
-    /* @__PURE__ */ jsxs52("div", { className: "k-widget k-filemanager", children: [
-      /* @__PURE__ */ jsx129("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs52(Toolbar, { className: "k-filemanager-toolbar", children: [
-        /* @__PURE__ */ jsx129(Button, { children: "New Folder" }),
-        /* @__PURE__ */ jsx129(Button, { children: "Upload" })
+var filemanager_contextmenu_default = () => /* @__PURE__ */ jsxs54(Fragment31, { children: [
+  /* @__PURE__ */ jsx133("style", { children: styles }),
+  /* @__PURE__ */ jsxs54("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+    /* @__PURE__ */ jsx133("span", { children: "File Manager ContextMenu" }),
+    /* @__PURE__ */ jsxs54("div", { className: "k-widget k-filemanager", children: [
+      /* @__PURE__ */ jsx133("div", { className: "k-filemanager-header", children: /* @__PURE__ */ jsxs54(Toolbar, { className: "k-filemanager-toolbar", children: [
+        /* @__PURE__ */ jsx133(Button, { children: "New Folder" }),
+        /* @__PURE__ */ jsx133(Button, { children: "Upload" })
       ] }) }),
-      /* @__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__ */ jsx129("div", { className: "k-widget k-listview k-selectable k-filemanager-listview", children: /* @__PURE__ */ jsxs52("div", { className: "k-listview-content k-d-flex k-flex-row k-flex-wrap", children: [
-            /* @__PURE__ */ jsxs52("div", { className: "k-listview-item", children: [
-              /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "folder", size: "xxxlarge" }) }),
-              /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "Folder" })
+      /* @__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__ */ jsx133("div", { className: "k-widget k-listview k-selectable k-filemanager-listview", children: /* @__PURE__ */ jsxs54("div", { className: "k-listview-content k-d-flex k-flex-row k-flex-wrap", children: [
+            /* @__PURE__ */ jsxs54("div", { className: "k-listview-item", children: [
+              /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "folder", size: "xxxlarge" }) }),
+              /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "Folder" })
             ] }),
-            /* @__PURE__ */ jsxs52("div", { className: "k-listview-item", children: [
-              /* @__PURE__ */ jsx129("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx129(Icon, { className: "k-file-icon", icon: "file-image", size: "xxxlarge" }) }),
-              /* @__PURE__ */ jsx129("span", { className: "k-file-name", children: "file.png" })
+            /* @__PURE__ */ jsxs54("div", { className: "k-listview-item", children: [
+              /* @__PURE__ */ jsx133("span", { className: "k-file-preview", children: /* @__PURE__ */ jsx133(Icon, { className: "k-file-icon", icon: "file-image", size: "xxxlarge" }) }),
+              /* @__PURE__ */ jsx133("span", { className: "k-file-name", children: "file.png" })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx129("div", { className: "k-filemanager-preview", hidden: true })
+        /* @__PURE__ */ jsx133("div", { className: "k-filemanager-preview", hidden: true })
       ] })
     ] }),
-    /* @__PURE__ */ jsx129(Popup, { id: "filemanager-context-menu", className: "k-menu-popup k-context-menu-popup", children: /* @__PURE__ */ jsxs52(MenuList, { children: [
-      /* @__PURE__ */ jsx129(MenuItem, { text: "Rename", icon: "pencil" }),
-      /* @__PURE__ */ jsx129(MenuItem, { text: "Delete", icon: "trash" })
+    /* @__PURE__ */ jsx133(Popup, { id: "filemanager-context-menu", className: "k-menu-popup k-context-menu-popup", children: /* @__PURE__ */ jsxs54(MenuList, { children: [
+      /* @__PURE__ */ jsx133(MenuItem, { text: "Rename", icon: "pencil" }),
+      /* @__PURE__ */ jsx133(MenuItem, { text: "Delete", icon: "trash" })
     ] }) })
   ] })
 ] });

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

@@ -4507,20 +4507,22 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ jsx10(
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var DialogNormal = (props) => /* @__PURE__ */ jsx10(
   dialog_spec_default,
   {
-    ...other,
-    children
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Dialog content" })
+    ],
+    ...props
   }
 );
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/upload/upload-dropzone.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var UPLOADDROPZONE_CLASSNAME = `k-upload-dropzone`;
 var states7 = [
   States.hover
@@ -4531,28 +4533,28 @@ var UploadDropzone = (props) => {
     status,
     ...other
   } = props;
-  let statusMsg = /* @__PURE__ */ jsx12(Fragment7, {});
+  let statusMsg = /* @__PURE__ */ jsx12(Fragment8, {});
   switch (status) {
     case "uploading":
-      statusMsg = /* @__PURE__ */ jsxs4(Fragment7, { children: [
+      statusMsg = /* @__PURE__ */ jsxs4(Fragment8, { children: [
         /* @__PURE__ */ jsx12(Icon, { icon: "upload" }),
         "Uploading..."
       ] });
       break;
     case "done":
-      statusMsg = /* @__PURE__ */ jsxs4(Fragment7, { children: [
+      statusMsg = /* @__PURE__ */ jsxs4(Fragment8, { children: [
         /* @__PURE__ */ jsx12(Icon, { icon: "check" }),
         "Done"
       ] });
       break;
     case "failed":
-      statusMsg = /* @__PURE__ */ jsxs4(Fragment7, { children: [
+      statusMsg = /* @__PURE__ */ jsxs4(Fragment8, { children: [
         /* @__PURE__ */ jsx12(Icon, { icon: "exclamation-circle" }),
         "Done"
       ] });
       break;
     default:
-      statusMsg = /* @__PURE__ */ jsx12(Fragment7, {});
+      statusMsg = /* @__PURE__ */ jsx12(Fragment8, {});
       break;
   }
   return /* @__PURE__ */ jsxs4(
@@ -4783,32 +4785,32 @@ import { jsx as jsx17 } from "react/jsx-runtime";
 import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 
 // src/upload/upload-file.tsx
-import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 
 // src/upload/upload-file-multiple.tsx
-import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/filemanager/tests/filemanager-dialogs.tsx
-import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var styles = `
     .k-dialog {
         width: 100%;
         position: relative;
     }
 `;
-var filemanager_dialogs_default = () => /* @__PURE__ */ jsxs10(Fragment10, { children: [
+var filemanager_dialogs_default = () => /* @__PURE__ */ jsxs10(Fragment11, { children: [
   /* @__PURE__ */ jsx21("style", { children: styles }),
   /* @__PURE__ */ jsxs10("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Upload Files", actions: ["x"], actionButtonsAlign: "start", className: "k-filemanager-upload-dialog", actionButtons: /* @__PURE__ */ jsxs10(Fragment10, { children: [
+    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Upload Files", actions: ["x"], actionButtonsAlign: "start", className: "k-filemanager-upload-dialog", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
       /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Upload" }),
       /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
     ] }), children: /* @__PURE__ */ jsx21(Upload, { async: true, empty: true, status: "upload" }) }) }),
     /* @__PURE__ */ jsx21("span", { children: " " }),
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment10, { children: [
+    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
       /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Confirm" }),
       /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
     ] }), children: /* @__PURE__ */ jsx21("p", { children: "Do you want to move or copy?" }) }) }),
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsxs10(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment10, { children: [
+    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsxs10(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
       /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Confirm" }),
       /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
     ] }), children: [