@progress/kendo-themes-html 7.0.2-dev.4 → 7.0.2

package/dist/cjs/window/tests/window-action-buttons.js

@@ -4531,32 +4531,46 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
-// src/window/tests/window-action-buttons.tsx
+// src/window/templates/window-normal.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var WindowNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
+// src/window/tests/window-action-buttons.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var style = `
     .k-window {
         position: relative;
         width: 300px;
     }
 `;
-var window_action_buttons_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Title", actions: ["window-minimize", "window", "x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { themeColor: "primary", children: "Update" })
+var window_action_buttons_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { themeColor: "primary", children: "Update" })
     ] }), children: "Action Buttons at start position" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Title", actions: ["window-minimize", "window", "x"], actionButtonsAlign: "center", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { themeColor: "primary", children: "Update" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { actionButtonsAlign: "center", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { themeColor: "primary", children: "Update" })
     ] }), children: "Action Buttons at center position" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Title", actions: ["window-minimize", "window", "x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { themeColor: "primary", children: "Update" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { themeColor: "primary", children: "Update" })
     ] }), children: "Action Buttons at end position" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Title", actions: ["window-minimize", "window", "x"], actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { themeColor: "primary", children: "Update" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { themeColor: "primary", children: "Update" })
     ] }), children: "Action Buttons with stretched position" })
   ] })
 ] });

package/dist/cjs/window/tests/window-rtl.js

@@ -4531,20 +4531,34 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
-// src/window/tests/window-rtl.tsx
+// src/window/templates/window-normal.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var WindowNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
+// src/window/tests/window-rtl.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var style = `
     .k-window {
         position: relative;
     }
 `;
-var window_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2 k-rtl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Window", actions: ["window-minimize", "window", "x"], children: "Window content" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "", actions: ["window-minimize", "window", "x"], children: "Window with no title specified" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "", children: "Window with empty title and no actions" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { children: "Window without a title" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Window minimized", actions: ["window-minimize", "window", "x"], minimized: true, children: "Window content" }) })
+var window_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2 k-rtl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { children: "Window content" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "", children: "Window with no title specified" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "", actions: void 0, children: "Window with empty title and no actions" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: void 0, actions: void 0, children: "Window without a title" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "Window minimized", minimized: true, children: "Window content" }) })
   ] })
 ] });

package/dist/cjs/window/tests/window-theme-colors.js

@@ -4531,19 +4531,32 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
-// src/window/tests/window-theme-colors.tsx
+// src/window/templates/window-normal.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var WindowNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
+// src/window/tests/window-theme-colors.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var style = `
     .k-window {
         position: relative;
     }
 `;
-var window_theme_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Window", actions: ["window-minimize", "window", "x"], children: "Window with default theme color" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { themeColor: "primary", title: "Window", actions: ["window-minimize", "window", "x"], children: "Window with primary theme color" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { themeColor: "dark", title: "Window", actions: ["window-minimize", "window", "x"], children: "Window with dark theme color" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { themeColor: "light", title: "Window", actions: ["window-minimize", "window", "x"], children: "Window with light theme color" }) })
-  ] })
+var window_theme_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [void 0, ...Window.options.themeColor].map((color) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(WindowNormal, { themeColor: color, children: [
+    "Window with ",
+    color ? color : "no",
+    " theme color"
+  ] }) })) })
 ] });

package/dist/cjs/window/tests/window.js

@@ -4531,20 +4531,34 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
-// src/window/tests/window.tsx
+// src/window/templates/window-normal.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var WindowNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
+// src/window/tests/window.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var style = `
     .k-window {
         position: relative;
     }
 `;
-var window_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Window", actions: ["window-minimize", "window", "x"], children: "Window content" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "", actions: ["window-minimize", "window", "x"], children: "Window with no title specified" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "", children: "Window with empty title and no actions" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { children: "Window without a title" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Window, { title: "Window minimized", actions: ["window-minimize", "window", "x"], minimized: true, children: "Window content" }) })
+var window_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { children: "Window content" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "", children: "Window with no title specified" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "", actions: void 0, children: "Window with empty title and no actions" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: void 0, actions: void 0, children: "Window without a title" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WindowNormal, { title: "Window minimized", minimized: true, children: "Window content" }) })
   ] })
 ] });

package/dist/esm/context-menu/tests/context-menu-in-window.js

@@ -4512,8 +4512,22 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
+// src/window/templates/window-normal.tsx
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var WindowNormal = (props) => /* @__PURE__ */ jsx10(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
 // src/menu/menu-item.spec.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var MENUITEM_CLASSNAME = `k-menu-item`;
 var states7 = [
   States.hover,
@@ -4541,7 +4555,7 @@ var MenuItem = (props) => {
     children,
     ...other
   } = props;
-  const contentTemplate = /* @__PURE__ */ jsx10(Fragment6, {});
+  const contentTemplate = /* @__PURE__ */ jsx11(Fragment7, {});
   if (children) {
     children.forEach((child) => {
       const component = child.type;
@@ -4583,9 +4597,9 @@ var MenuItem = (props) => {
               })
             ),
             children: [
-              icon && /* @__PURE__ */ jsx10(Icon, { className: "k-menu-link-icon", icon }),
-              /* @__PURE__ */ jsx10("span", { className: "k-menu-link-text", children: text }),
-              showArrow && /* @__PURE__ */ jsx10("span", { className: "k-menu-expand-arrow", children: /* @__PURE__ */ jsx10(Icon, { icon: expandArrowName }) })
+              icon && /* @__PURE__ */ jsx11(Icon, { className: "k-menu-link-icon", icon }),
+              /* @__PURE__ */ jsx11("span", { className: "k-menu-link-text", children: text }),
+              showArrow && /* @__PURE__ */ jsx11("span", { className: "k-menu-expand-arrow", children: /* @__PURE__ */ jsx11(Icon, { icon: expandArrowName }) })
             ]
           }
         ),
@@ -4601,7 +4615,7 @@ MenuItem.defaultProps = defaultProps7;
 var menu_item_spec_default = MenuItem;
 
 // src/menu/menu-separator.spec.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var SEPARATOR_CLASSNAME = `k-separator`;
 var defaultProps8 = {
   orientation: "horizontal"
@@ -4611,7 +4625,7 @@ var MenuSeparator = (props) => {
     orientation = defaultProps8.orientation,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "li",
     {
       ...other,
@@ -4629,10 +4643,10 @@ var MenuSeparator = (props) => {
 var menu_separator_spec_default = MenuSeparator;
 
 // src/menu/menu-item-content.tsx
-import { Fragment as Fragment7, jsx as jsx12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx13 } from "react/jsx-runtime";
 
 // src/menu/menu-list.spec.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 import { createElement } from "react";
 var MENULIST_CLASSNAME = `k-menu-group`;
 var states8 = [];
@@ -4660,7 +4674,7 @@ var MenuList = (props) => {
           );
         } else if (child.type === menu_separator_spec_default) {
           listChildren.push(
-            /* @__PURE__ */ jsx13(menu_separator_spec_default, {})
+            /* @__PURE__ */ jsx14(menu_separator_spec_default, {})
           );
         } else {
           listChildren.push(child);
@@ -4668,7 +4682,7 @@ var MenuList = (props) => {
       });
     }
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "ul",
     {
       ...other,
@@ -4689,7 +4703,7 @@ MenuList.className = MENULIST_CLASSNAME;
 MenuList.defaultProps = defaultProps9;
 
 // src/animation-container/animation-container.spec.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states9 = [];
 var options9 = {};
@@ -4703,7 +4717,7 @@ var AnimationContainer = (props) => {
     offset,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       ...other,
@@ -4715,7 +4729,7 @@ var AnimationContainer = (props) => {
           ["k-animation-container-fixed"]: positionMode === "fixed"
         }
       ),
-      children: /* @__PURE__ */ jsx14("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
+      children: /* @__PURE__ */ jsx15("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
     }
   );
 };
@@ -4725,7 +4739,7 @@ AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
 AnimationContainer.defaultProps = defaultProps10;
 
 // src/popup/popup.spec.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var POPUP_CLASSNAME = `k-popup`;
 var states10 = [];
 var options10 = {};
@@ -4738,12 +4752,12 @@ var Popup = (props) => {
     positionMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     AnimationContainer,
     {
       positionMode,
       offset,
-      children: /* @__PURE__ */ jsx15("div", { ...other, className: classNames(props.className, POPUP_CLASSNAME), children: props.children })
+      children: /* @__PURE__ */ jsx16("div", { ...other, className: classNames(props.className, POPUP_CLASSNAME), children: props.children })
     }
   );
 };
@@ -4753,7 +4767,7 @@ Popup.className = POPUP_CLASSNAME;
 Popup.defaultProps = defaultProps11;
 
 // src/context-menu/tests/context-menu-in-window.tsx
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         height: 300px;
@@ -4770,17 +4784,17 @@ var styles = `
         position: relative;
     }
 `;
-var context_menu_in_window_default = () => /* @__PURE__ */ jsxs4(Fragment8, { children: [
-  /* @__PURE__ */ jsx16("style", { children: styles }),
-  /* @__PURE__ */ jsx16("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsxs4("section", { children: [
-    /* @__PURE__ */ jsx16(Window, { title: "Window", actions: ["window-minimize", "window", "x"], children: "Target" }),
-    /* @__PURE__ */ jsx16(Popup, { className: "k-menu-popup", children: /* @__PURE__ */ jsxs4(MenuList, { className: "k-context-menu", children: [
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 1", showArrow: true }),
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 2", showArrow: true }),
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 3", showArrow: true }),
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 4", showArrow: true }),
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 5", showArrow: true }),
-      /* @__PURE__ */ jsx16(MenuItem, { text: "Item 6", showArrow: true })
+var context_menu_in_window_default = () => /* @__PURE__ */ jsxs4(Fragment9, { children: [
+  /* @__PURE__ */ jsx17("style", { children: styles }),
+  /* @__PURE__ */ jsx17("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsxs4("section", { children: [
+    /* @__PURE__ */ jsx17(WindowNormal, { title: "Window", children: "Target" }),
+    /* @__PURE__ */ jsx17(Popup, { className: "k-menu-popup", children: /* @__PURE__ */ jsxs4(MenuList, { className: "k-context-menu", children: [
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 1", showArrow: true }),
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 2", showArrow: true }),
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 3", showArrow: true }),
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 4", showArrow: true }),
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 5", showArrow: true }),
+      /* @__PURE__ */ jsx17(MenuItem, { text: "Item 6", showArrow: true })
     ] }) })
   ] }) })
 ] });

package/dist/esm/dialog/tests/dialog-in-window.js

@@ -4512,8 +4512,22 @@ Window.options = options6;
 Window.className = WINDOW_CLASSNAME;
 Window.defaultProps = defaultProps6;
 
+// src/window/templates/window-normal.tsx
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var WindowNormal = (props) => /* @__PURE__ */ jsx10(
+  Window,
+  {
+    title: "Title",
+    actions: ["window-minimize", "window", "x"],
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Content" })
+    ],
+    ...props
+  }
+);
+
 // src/dialog/dialog.spec.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var DIALOG_CLASSNAME = `k-dialog`;
 var states7 = [];
 var options7 = {
@@ -4545,13 +4559,13 @@ var Dialog = (props) => {
       ),
       children: [
         (title !== void 0 || actions) && /* @__PURE__ */ jsxs3("div", { className: "k-window-titlebar k-dialog-titlebar", children: [
-          title !== void 0 && /* @__PURE__ */ jsx10("span", { className: "k-window-title k-dialog-title", children: title }),
-          actions && /* @__PURE__ */ jsx10(Fragment6, { children: /* @__PURE__ */ jsx10("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions", children: actions.map(
-            (actionName) => /* @__PURE__ */ jsx10(Button, { icon: actionName, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" }, actionName)
+          title !== void 0 && /* @__PURE__ */ jsx11("span", { className: "k-window-title k-dialog-title", children: title }),
+          actions && /* @__PURE__ */ jsx11(Fragment7, { children: /* @__PURE__ */ jsx11("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions", children: actions.map(
+            (actionName) => /* @__PURE__ */ jsx11(Button, { icon: actionName, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" }, actionName)
           ) }) })
         ] }),
-        /* @__PURE__ */ jsx10("div", { className: "k-window-content k-dialog-content", children: props.children }),
-        actionButtons && /* @__PURE__ */ jsx10(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions k-dialog-actions", children: actionButtons })
+        /* @__PURE__ */ jsx11("div", { className: "k-window-content k-dialog-content", children: props.children }),
+        actionButtons && /* @__PURE__ */ jsx11(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions k-dialog-actions", children: actionButtons })
       ]
     }
   );
@@ -4563,17 +4577,17 @@ Dialog.defaultProps = defaultProps7;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { Fragment as Fragment7, jsx as jsx11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12 } from "react/jsx-runtime";
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx12(Fragment8, { children: /* @__PURE__ */ jsxs4("div", { className: "k-dialog-wrapper", children: [
-  /* @__PURE__ */ jsx12("div", { className: "k-overlay" }),
-  /* @__PURE__ */ jsx12(dialog_spec_default, { ...other, children })
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx13(Fragment9, { children: /* @__PURE__ */ jsxs4("div", { className: "k-dialog-wrapper", children: [
+  /* @__PURE__ */ jsx13("div", { className: "k-overlay" }),
+  /* @__PURE__ */ jsx13(dialog_spec_default, { ...other, children })
 ] }) });
 
 // src/dialog/tests/dialog-in-window.tsx
-import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         width: 500px;
@@ -4589,11 +4603,11 @@ var styles = `
         height: 200px;
     }
 `;
-var dialog_in_window_default = () => /* @__PURE__ */ jsxs5(Fragment9, { children: [
-  /* @__PURE__ */ jsx13("style", { children: styles }),
-  /* @__PURE__ */ jsx13("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx13("section", { children: /* @__PURE__ */ jsxs5(Window, { title: "Window with dialog", actions: ["window-minimize", "window", "x"], className: "k-window-wrapper", children: [
+var dialog_in_window_default = () => /* @__PURE__ */ jsxs5(Fragment10, { children: [
+  /* @__PURE__ */ jsx14("style", { children: styles }),
+  /* @__PURE__ */ jsx14("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx14("section", { children: /* @__PURE__ */ jsxs5(WindowNormal, { title: "Window with dialog", className: "k-window-wrapper", children: [
     "Window content",
-    /* @__PURE__ */ jsx13(DialogModal, { title: "Dialog in window", actions: ["x"], children: "Dialog content" })
+    /* @__PURE__ */ jsx14(DialogModal, { title: "Dialog in window", actions: ["x"], children: "Dialog content" })
   ] }) }) })
 ] });
 export {