@progress/kendo-react-dialogs 14.5.0-develop.8 → 15.0.0-develop.1

package/Window.mjs

@@ -6,195 +6,195 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as T from "react";
-import * as ut from "react-dom";
+import * as ft from "react-dom";
 import i from "prop-types";
-import { WindowTitleBar as ft } from "./WindowTitlebar.mjs";
-import { withIdHOC as ht, withPropsContext as gt, createPropsContext as st, ZIndexContext as Ze, canUseDOM as le, keepFocusInContainer as mt, Keys as L, dispatchEvent as F, classNames as wt, Draggable as Tt } from "@progress/kendo-react-common";
-import { ResizeHandlers as Et } from "./WindowResizeHandlers.mjs";
-import { MiddleLayerOptimization as Ct } from "./MiddleLayerOptimization.mjs";
+import { WindowTitleBar as ht } from "./WindowTitlebar.mjs";
+import { withIdHOC as gt, withPropsContext as st, createPropsContext as mt, ZIndexContext as Oe, canUseDOM as de, keepFocusInContainer as wt, Keys as C, dispatchEvent as M, useWebMcpRegister as Tt, classNames as Et, Draggable as Lt } from "@progress/kendo-react-common";
+import { ResizeHandlers as Ct } from "./WindowResizeHandlers.mjs";
+import { MiddleLayerOptimization as Dt } from "./MiddleLayerOptimization.mjs";
 import { windowStage as o } from "./StageEnum.mjs";
-import { WindowActionsBar as _e } from "./WindowActionsBar.mjs";
-import { DEFAULT_DIALOGS_ZINDEX as Pe, ZINDEX_DIALOGS_STEP as Ke, DATA_DIALOGS_ID as Lt } from "./constants.mjs";
-import { getMaxZIndex as Xe } from "./utils.mjs";
-const { useState: M, useEffect: x, useCallback: d, useMemo: G, useRef: N, useImperativeHandle: Dt, useContext: It, forwardRef: bt } = T, p = 300, ee = 300, me = 120, we = 100, W = 5, z = {
-  minWidth: me,
-  minHeight: we,
+import { WindowActionsBar as Ze } from "./WindowActionsBar.mjs";
+import { DEFAULT_DIALOGS_ZINDEX as _e, ZINDEX_DIALOGS_STEP as Pe, DATA_DIALOGS_ID as bt } from "./constants.mjs";
+import { getMaxZIndex as Ke } from "./utils.mjs";
+const { useState: N, useEffect: z, useCallback: u, useMemo: G, useRef: v, useImperativeHandle: It, useContext: Wt, forwardRef: St } = T, $ = 300, p = 300, se = 120, me = 100, W = 5, O = {
+  minWidth: se,
+  minHeight: me,
   resizable: !0,
   draggable: !0,
   modal: !1,
   doubleClickStageChange: !0,
   autoFocus: !0
-}, Ge = bt((e, O) => {
-  var ve;
+}, Xe = St((e, U) => {
+  var ye;
   const {
-    minWidth: de = z.minWidth,
-    minHeight: ue = z.minHeight,
-    resizable: fe = z.resizable,
-    draggable: Te = z.draggable,
-    modal: he = z.modal,
-    doubleClickStageChange: Ye = z.doubleClickStageChange,
-    autoFocus: je = z.autoFocus
-  } = e, [$e, V] = M(e.stage || o.DEFAULT), [Y, te] = M(!1), [ne, S] = M(0), [ie, y] = M(0), [oe, U] = M(p), [re, A] = M(ee), [qe, ge] = M(!0), [se, Ee] = M(Pe), a = (ve = e.stage) != null ? ve : $e, R = It(Ze), v = N(null), Ce = N(null), h = N({
+    minWidth: ee = O.minWidth,
+    minHeight: te = O.minHeight,
+    resizable: ue = O.resizable,
+    draggable: we = O.draggable,
+    modal: fe = O.modal,
+    doubleClickStageChange: Ve = O.doubleClickStageChange,
+    autoFocus: Ye = O.autoFocus
+  } = e, [je, V] = N(e.stage || o.DEFAULT), [Y, ne] = N(!1), [ie, S] = N(0), [oe, A] = N(0), [ae, x] = N($), [re, B] = N(p), [qe, he] = N(!0), [ge, Te] = N(_e), r = (ye = e.stage) != null ? ye : je, H = Wt(Oe), R = v(null), Ee = v(null), h = v({
     leftBeforeAction: 0,
     topBeforeAction: 0,
-    widthBeforeAction: p,
-    heightBeforeAction: ee
-  }), Z = N({ x: 0, y: 0 }), _ = N(void 0), j = N(
-    le ? document.activeElement : null
-  ), Le = N("window-title-" + (e.id ? e.id + "-accessibility-id" : "")), k = N({
+    widthBeforeAction: $,
+    heightBeforeAction: p
+  }), Z = v({ x: 0, y: 0 }), _ = v(void 0), Je = v(
+    de ? document.activeElement : null
+  ), Le = v("window-title-" + (e.id ? e.id + "-accessibility-id" : "")), k = v({
     left: 0,
     top: 0,
-    width: p,
-    height: ee,
-    internalLeft: ie,
-    internalTop: ne,
-    internalWidth: oe,
+    width: $,
+    height: p,
+    internalLeft: oe,
+    internalTop: ie,
+    internalWidth: ae,
     internalHeight: re,
-    stage: a,
-    draggable: Te,
+    stage: r,
+    draggable: we,
     props: e
-  }), H = d(() => {
-    const t = le ? document : null;
+  }), F = u(() => {
+    const t = de ? document : null;
     return e.appendTo ? e.appendTo.ownerDocument : t;
-  }, [e.appendTo]), g = d(() => {
-    const t = H();
+  }, [e.appendTo]), g = u(() => {
+    const t = F();
     return t == null ? void 0 : t.defaultView;
-  }, [H]), P = G(() => {
+  }, [F]), P = G(() => {
     var t;
-    return a !== o.FULLSCREEN ? Math.max((t = e.top) != null ? t : ne, 0) : 0;
-  }, [a, e.top, ne]), K = G(() => {
+    return r !== o.FULLSCREEN ? Math.max((t = e.top) != null ? t : ie, 0) : 0;
+  }, [r, e.top, ie]), K = G(() => {
     var t;
-    return a !== o.FULLSCREEN ? Math.max((t = e.left) != null ? t : ie, 0) : 0;
-  }, [a, e.left, ie]), D = G(() => {
+    return r !== o.FULLSCREEN ? Math.max((t = e.left) != null ? t : oe, 0) : 0;
+  }, [r, e.left, oe]), D = G(() => {
     var n;
-    const t = (n = e.width) != null ? n : oe;
-    if (a === o.FULLSCREEN) {
+    const t = (n = e.width) != null ? n : ae;
+    if (r === o.FULLSCREEN) {
       if (e.appendTo)
         return e.appendTo.offsetWidth;
-      const r = g();
-      return r ? r.innerWidth : 0;
+      const a = g();
+      return a ? a.innerWidth : 0;
     }
     return t;
-  }, [a, e.width, e.appendTo, oe, g]), I = G(() => {
+  }, [r, e.width, e.appendTo, ae, g]), b = G(() => {
     const t = e.height === void 0 ? re : e.height;
-    if (a === o.FULLSCREEN) {
+    if (r === o.FULLSCREEN) {
       if (e.appendTo)
         return e.appendTo.offsetHeight;
       const n = g();
       return n ? n.innerHeight : 0;
-    } else if (a === o.MINIMIZED)
+    } else if (r === o.MINIMIZED)
       return 0;
     return t;
-  }, [a, e.height, e.appendTo, re, g]), ae = G(() => e.id ? e.id + "-accessibility-id" : void 0, [e.id]);
-  x(() => {
+  }, [r, e.height, e.appendTo, re, g]), ce = G(() => e.id ? e.id + "-accessibility-id" : void 0, [e.id]);
+  z(() => {
     k.current = {
       left: K,
       top: P,
       width: D,
-      height: I,
-      internalLeft: ie,
-      internalTop: ne,
-      internalWidth: oe,
+      height: b,
+      internalLeft: oe,
+      internalTop: ie,
+      internalWidth: ae,
       internalHeight: re,
-      stage: a,
-      draggable: Te,
+      stage: r,
+      draggable: we,
       props: e
     };
   });
   const X = G(() => {
-    if (R === void 0)
-      return R != null ? R : Pe;
-    const t = R ? R + Ke : 0;
-    return se > t ? se : R + Ke;
-  }, [se, R]), De = d(() => {
-    var r, l;
+    if (H === void 0)
+      return H != null ? H : _e;
+    const t = H ? H + Pe : 0;
+    return ge > t ? ge : H + Pe;
+  }, [ge, H]), Ce = u(() => {
+    var a, d;
     if (e.top !== void 0)
       return e.top;
     if (e.initialTop !== void 0)
       return e.initialTop;
-    let t = ee;
+    let t = p;
     if (e.height !== void 0 ? t = e.height : e.initialHeight !== void 0 && (t = e.initialHeight), e.appendTo && t)
       return e.appendTo.offsetHeight / 2 - t / 2;
     const n = g();
-    return n ? n.innerHeight / 2 - ((l = t != null ? t : (r = v.current) == null ? void 0 : r.clientHeight) != null ? l : 0) / 2 : 0;
-  }, [e.top, e.initialTop, e.height, e.initialHeight, e.appendTo, g]), Ie = d(() => {
+    return n ? n.innerHeight / 2 - ((d = t != null ? t : (a = R.current) == null ? void 0 : a.clientHeight) != null ? d : 0) / 2 : 0;
+  }, [e.top, e.initialTop, e.height, e.initialHeight, e.appendTo, g]), De = u(() => {
     if (e.left !== void 0)
       return e.left;
     if (e.initialLeft !== void 0)
       return e.initialLeft;
-    let t = p;
+    let t = $;
     if (e.width !== void 0 ? t = e.width : e.initialWidth !== void 0 && (t = e.initialWidth), e.appendTo)
       return e.appendTo.offsetWidth / 2 - t / 2;
     const n = g();
     return n ? n.innerWidth / 2 - t / 2 : 0;
-  }, [e.left, e.initialLeft, e.width, e.initialWidth, e.appendTo, g]), be = d(() => {
-    let t = p;
+  }, [e.left, e.initialLeft, e.width, e.initialWidth, e.appendTo, g]), be = u(() => {
+    let t = $;
     return e.width !== void 0 ? t = e.width : e.initialWidth !== void 0 && (t = e.initialWidth), t;
-  }, [e.width, e.initialWidth]), We = d(() => {
-    let t = ee;
+  }, [e.width, e.initialWidth]), Ie = u(() => {
+    let t = p;
     return e.height !== void 0 ? t = e.height : e.initialHeight !== void 0 && (t = e.initialHeight), t;
-  }, [e.height, e.initialHeight]), Je = d((t) => t.filter((n) => (n == null ? void 0 : n.type) === _e), []), Qe = d((t) => t.filter((n) => n && n.type !== _e), []), s = d(() => typeof O == "object" && O !== null && "current" in O ? O.current : null, [O]), B = d(
-    (t, n, r, l, c, u) => {
-      var C, q, J;
+  }, [e.height, e.initialHeight]), Qe = u((t) => t.filter((n) => (n == null ? void 0 : n.type) === Ze), []), $e = u((t) => t.filter((n) => n && n.type !== Ze), []), s = u(() => typeof U == "object" && U !== null && "current" in U ? U.current : null, [U]), y = u(
+    (t, n, a, d, c, l) => {
+      var L, q, J;
       if (!t)
         return;
       const {
         internalLeft: E,
         internalTop: m,
         internalWidth: w,
-        internalHeight: b
+        internalHeight: I
       } = k.current;
       t({
         nativeEvent: n.nativeEvent ? n.nativeEvent : n.originalEvent,
-        drag: r,
-        end: l,
+        drag: a,
+        end: d,
         target: s(),
-        left: (C = c == null ? void 0 : c.left) != null ? C : E,
+        left: (L = c == null ? void 0 : c.left) != null ? L : E,
         top: (q = c == null ? void 0 : c.top) != null ? q : m,
-        width: (J = u == null ? void 0 : u.width) != null ? J : w,
-        height: (u == null ? void 0 : u.height) === void 0 ? b : u == null ? void 0 : u.height
+        width: (J = l == null ? void 0 : l.width) != null ? J : w,
+        height: (l == null ? void 0 : l.height) === void 0 ? I : l == null ? void 0 : l.height
       });
     },
     [s]
-  ), pe = d(
+  ), pe = u(
     (t) => {
-      var u, E;
-      if (he && mt(t, v.current), t.target !== t.currentTarget)
+      var l, E;
+      if (fe && wt(t, R.current), t.target !== t.currentTarget)
         return;
-      const n = de || me, r = ue || we, l = t.metaKey || t.ctrlKey, c = (E = I != null ? I : (u = v.current) == null ? void 0 : u.clientHeight) != null ? E : 0;
-      if (l && fe) {
+      const n = ee || se, a = te || me, d = t.metaKey || t.ctrlKey, c = (E = b != null ? b : (l = R.current) == null ? void 0 : l.clientHeight) != null ? E : 0;
+      if (d && ue) {
         switch (t.keyCode) {
-          case L.up:
-            t.preventDefault(), r <= c - W && A(c - W);
+          case C.up:
+            t.preventDefault(), a <= c - W && B(c - W);
             break;
-          case L.down:
-            t.preventDefault(), A(c + W);
+          case C.down:
+            t.preventDefault(), B(c + W);
             break;
-          case L.left:
-            n <= D - W && U(D - W);
+          case C.left:
+            n <= D - W && x(D - W);
             break;
-          case L.right:
-            U(D + W);
+          case C.right:
+            x(D + W);
             break;
           default:
             return;
         }
-        B(e.onResize, t, !1, void 0);
+        y(e.onResize, t, !1, void 0);
         return;
       }
       if (t.altKey) {
         switch (t.keyCode) {
-          case L.up:
-            a === o.MINIMIZED ? ($(t), F(e.onStageChange, t, s(), {
+          case C.up:
+            r === o.MINIMIZED ? (j(t), M(e.onStageChange, t, s(), {
               state: o.DEFAULT
-            })) : a === o.DEFAULT && (ce(t), F(e.onStageChange, t, s(), {
+            })) : r === o.DEFAULT && (le(t), M(e.onStageChange, t, s(), {
               state: o.FULLSCREEN
             }));
             break;
-          case L.down:
-            a === o.FULLSCREEN ? ($(t), F(e.onStageChange, t, s(), {
+          case C.down:
+            r === o.FULLSCREEN ? (j(t), M(e.onStageChange, t, s(), {
               state: o.DEFAULT
-            })) : a === o.DEFAULT && (Se(t), F(e.onStageChange, t, s(), {
+            })) : r === o.DEFAULT && (We(t), M(e.onStageChange, t, s(), {
               state: o.MINIMIZED
             }));
             break;
@@ -203,213 +203,215 @@ const { useState: M, useEffect: x, useCallback: d, useMemo: G, useRef: N, useImp
       }
       if (!t.ctrlKey) {
         const { internalLeft: m, internalTop: w } = k.current;
-        let b = m, C = w;
+        let I = m, L = w;
         switch (t.keyCode) {
-          case L.esc:
-            e.onClose && ye(t);
+          case C.esc:
+            e.onClose && Se(t);
             return;
-          case L.up:
-            C = w - W, S(C);
+          case C.up:
+            L = w - W, S(L);
             break;
-          case L.down:
-            C = w + W, S(C);
+          case C.down:
+            L = w + W, S(L);
             break;
-          case L.left:
-            b = m - W, y(b);
+          case C.left:
+            I = m - W, A(I);
             break;
-          case L.right:
-            b = m + W, y(b);
+          case C.right:
+            I = m + W, A(I);
             break;
           default:
             return;
         }
-        B(e.onMove, t, !1, void 0, { left: b, top: C });
+        y(e.onMove, t, !1, void 0, { left: I, top: L });
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      he,
-      de,
-      ue,
       fe,
+      ee,
+      te,
+      ue,
       e.onResize,
       e.onStageChange,
       e.onClose,
       e.onMove,
-      I,
+      b,
       D,
-      a,
-      B,
+      r,
+      y,
       s
     ]
-  ), et = d((t) => {
-    const n = t.event, { left: r, top: l } = k.current;
-    h.current.differenceLeft = n.pageX - r, h.current.differenceTop = n.pageY - l;
-  }, []), tt = d(
+  ), et = u((t) => {
+    const n = t.event, { left: a, top: d } = k.current;
+    h.current.differenceLeft = n.pageX - a, h.current.differenceTop = n.pageY - d;
+  }, []), tt = u(
     (t) => {
       const n = t.event;
       n.originalEvent.preventDefault();
       const {
-        stage: r,
-        draggable: l,
+        stage: a,
+        draggable: d,
         props: c,
-        width: u,
+        width: l,
         height: E
       } = k.current;
-      if (r !== o.FULLSCREEN && l) {
+      if (a !== o.FULLSCREEN && d) {
         const m = Math.max(n.pageY - (h.current.differenceTop || 0), 0), w = n.pageX - (h.current.differenceLeft || 0);
-        S(m), y(w), te(!0), c.onMove && B(
+        S(m), A(w), ne(!0), c.onMove && y(
           c.onMove,
           n,
           !0,
           !1,
           { left: w, top: m },
-          { width: u, height: E }
+          { width: l, height: E }
         );
       }
     },
-    [B]
-  ), nt = d(
+    [y]
+  ), nt = u(
     (t) => {
       const n = t.event, {
-        stage: r,
-        draggable: l,
+        stage: a,
+        draggable: d,
         props: c,
-        left: u,
+        left: l,
         top: E,
         width: m,
         height: w
       } = k.current;
-      r !== o.FULLSCREEN && l && c.onMove && B(
+      a !== o.FULLSCREEN && d && c.onMove && y(
         c.onMove,
         n,
         !0,
         !0,
-        { left: u, top: E },
+        { left: l, top: E },
         { width: m, height: w }
-      ), te(!1);
+      ), ne(!1);
     },
-    [B]
-  ), it = d(() => {
-    _.current ? (clearTimeout(_.current), _.current = void 0) : (ge(!0), Ee(Xe(X, H(), ae)));
-  }, [X, H, ae]), ot = d(() => {
+    [y]
+  ), it = u(() => {
+    _.current ? (clearTimeout(_.current), _.current = void 0) : (he(!0), Te(Ke(X, F(), ce)));
+  }, [X, F, ce]), ot = u(() => {
     clearTimeout(_.current);
     const t = g();
     t && (_.current = t.setTimeout(() => {
-      ge(!1), _.current = void 0;
+      he(!1), _.current = void 0;
     }));
-  }, [g]), Se = d(
+  }, [g]), We = u(
     (t) => {
-      t.preventDefault(), h.current.leftBeforeAction = K, h.current.topBeforeAction = P, h.current.widthBeforeAction = D, h.current.heightBeforeAction = I, V(o.MINIMIZED), A(0), F(e.onStageChange, t, s(), { state: o.MINIMIZED });
+      t.preventDefault(), h.current.leftBeforeAction = K, h.current.topBeforeAction = P, h.current.widthBeforeAction = D, h.current.heightBeforeAction = b, V(o.MINIMIZED), B(0), M(e.onStageChange, t, s(), { state: o.MINIMIZED });
     },
-    [K, P, D, I, e.onStageChange, s]
-  ), ce = d(
+    [K, P, D, b, e.onStageChange, s]
+  ), le = u(
     (t) => {
-      t.preventDefault(), h.current.leftBeforeAction = K, h.current.topBeforeAction = P, h.current.widthBeforeAction = D, h.current.heightBeforeAction = I;
-      const n = g(), r = n ? n.innerWidth : 0, l = n ? n.innerHeight : 0;
-      y(0), S(0), U(e.appendTo ? e.appendTo.offsetWidth : r), A(e.appendTo ? e.appendTo.offsetHeight : l), V(o.FULLSCREEN), F(e.onStageChange, t, s(), { state: o.FULLSCREEN });
+      t.preventDefault(), h.current.leftBeforeAction = K, h.current.topBeforeAction = P, h.current.widthBeforeAction = D, h.current.heightBeforeAction = b;
+      const n = g(), a = n ? n.innerWidth : 0, d = n ? n.innerHeight : 0;
+      A(0), S(0), x(e.appendTo ? e.appendTo.offsetWidth : a), B(e.appendTo ? e.appendTo.offsetHeight : d), V(o.FULLSCREEN), M(e.onStageChange, t, s(), { state: o.FULLSCREEN });
     },
-    [K, P, D, I, e.appendTo, e.onStageChange, g, s]
-  ), $ = d(
+    [K, P, D, b, e.appendTo, e.onStageChange, g, s]
+  ), j = u(
     (t) => {
-      t.preventDefault(), a === o.FULLSCREEN ? (V(o.DEFAULT), y(h.current.leftBeforeAction), S(h.current.topBeforeAction), U(h.current.widthBeforeAction), A(h.current.heightBeforeAction)) : a === o.MINIMIZED && (V(o.DEFAULT), A(h.current.heightBeforeAction)), F(e.onStageChange, t, s(), { state: o.DEFAULT });
+      t.preventDefault(), r === o.FULLSCREEN ? (V(o.DEFAULT), A(h.current.leftBeforeAction), S(h.current.topBeforeAction), x(h.current.widthBeforeAction), B(h.current.heightBeforeAction)) : r === o.MINIMIZED && (V(o.DEFAULT), B(h.current.heightBeforeAction)), M(e.onStageChange, t, s(), { state: o.DEFAULT });
     },
-    [a, e.onStageChange, s]
-  ), ye = d(
+    [r, e.onStageChange, s]
+  ), Se = u(
     (t) => {
-      t.preventDefault(), F(e.onClose, t, s(), { state: void 0 });
+      t.preventDefault(), M(e.onClose, t, s(), { state: void 0 });
     },
     [e.onClose, s]
-  ), rt = d(
+  ), at = u(
     (t) => {
-      a === o.FULLSCREEN || a === o.MINIMIZED ? $(t) : ce(t);
+      r === o.FULLSCREEN || r === o.MINIMIZED ? j(t) : le(t);
     },
-    [a, $, ce]
-  ), at = d(
+    [r, j, le]
+  ), rt = u(
     (t, n) => {
-      var Ne, Ue, ke, xe, ze, Oe;
+      var Me, Ne, Ue, xe, ke, ze;
       const {
-        props: r,
-        width: l,
+        props: a,
+        width: d,
         height: c,
-        top: u,
+        top: l,
         left: E
-      } = k.current, m = r.appendTo ? t.pageX - Z.current.x : t.pageX, w = r.appendTo ? t.pageY - Z.current.y : t.pageY, b = (Ue = c != null ? c : (Ne = v.current) == null ? void 0 : Ne.clientHeight) != null ? Ue : 0, C = de || me, q = ue || we, J = u - w, He = E - m, Fe = m - E, Me = w - u;
+      } = k.current, m = a.appendTo ? t.pageX - Z.current.x : t.pageX, w = a.appendTo ? t.pageY - Z.current.y : t.pageY, I = (Ne = c != null ? c : (Me = R.current) == null ? void 0 : Me.clientHeight) != null ? Ne : 0, L = ee || se, q = te || me, J = l - w, ve = E - m, He = m - E, Fe = w - l;
       let Q = !1;
       const f = {
         isDragging: !n.end
       };
-      n.direction.indexOf("n") >= 0 && q - (b + J) < 0 && (u > 0 && (f.height = b + J), f.top = w, Q = !0), n.direction.indexOf("s") >= 0 && q - Me < 0 && (f.height = Me, Q = !0), n.direction.indexOf("w") >= 0 && C - (l + He) < 0 && (E > 0 && (f.width = l + He), f.left = m, Q = !0), n.direction.indexOf("e") >= 0 && C - Fe < 0 && (f.width = Fe, Q = !0), Q && (f.height !== void 0 && A(f.height), f.top !== void 0 && S(f.top), f.width !== void 0 && U(f.width), f.left !== void 0 && y(f.left), f.isDragging !== void 0 && te(f.isDragging)), B(
-        r.onResize,
+      n.direction.indexOf("n") >= 0 && q - (I + J) < 0 && (l > 0 && (f.height = I + J), f.top = w, Q = !0), n.direction.indexOf("s") >= 0 && q - Fe < 0 && (f.height = Fe, Q = !0), n.direction.indexOf("w") >= 0 && L - (d + ve) < 0 && (E > 0 && (f.width = d + ve), f.left = m, Q = !0), n.direction.indexOf("e") >= 0 && L - He < 0 && (f.width = He, Q = !0), Q && (f.height !== void 0 && B(f.height), f.top !== void 0 && S(f.top), f.width !== void 0 && x(f.width), f.left !== void 0 && A(f.left), f.isDragging !== void 0 && ne(f.isDragging)), y(
+        a.onResize,
         t,
         !0,
         n.end,
-        { left: (ke = f.left) != null ? ke : E, top: (xe = f.top) != null ? xe : u },
-        { width: (ze = f.width) != null ? ze : l, height: (Oe = f.height) != null ? Oe : c }
+        { left: (Ue = f.left) != null ? Ue : E, top: (xe = f.top) != null ? xe : l },
+        { width: (ke = f.width) != null ? ke : d, height: (ze = f.height) != null ? ze : c }
       );
     },
-    [B]
-  ), Ae = d(() => {
-    if (a === o.FULLSCREEN) {
-      const t = g(), n = t ? t.innerWidth : 0, r = t ? t.innerHeight : 0;
-      U(e.appendTo ? e.appendTo.offsetWidth : n), A(e.appendTo ? e.appendTo.offsetHeight : r);
+    [y, te, ee]
+  ), Ae = u(() => {
+    if (r === o.FULLSCREEN) {
+      const t = g(), n = t ? t.innerWidth : 0, a = t ? t.innerHeight : 0;
+      x(e.appendTo ? e.appendTo.offsetWidth : n), B(e.appendTo ? e.appendTo.offsetHeight : a);
     }
-  }, [a, e.appendTo, g]);
-  x(() => {
-    const t = v.current;
-    t && je && t.focus({ preventScroll: !0 });
+  }, [r, e.appendTo, g]);
+  z(() => {
+    const t = R.current;
+    t && Ye && t.focus({ preventScroll: !0 });
     const n = g();
-    n && n.addEventListener("resize", Ae), V(e.stage || o.DEFAULT), te(!1), S(De()), y(Ie()), U(be()), A(We()), ge(!0), Ee(Xe(X, H(), ae)), h.current = {
-      leftBeforeAction: Ie(),
-      topBeforeAction: De(),
+    n && n.addEventListener("resize", Ae), V(e.stage || o.DEFAULT), ne(!1), S(Ce()), A(De()), x(be()), B(Ie()), he(!0), Te(Ke(X, F(), ce)), h.current = {
+      leftBeforeAction: De(),
+      topBeforeAction: Ce(),
       widthBeforeAction: be(),
-      heightBeforeAction: We()
+      heightBeforeAction: Ie()
     };
-    const r = H();
-    if (e.appendTo && r) {
-      const l = e.appendTo.getBoundingClientRect(), c = r.body.getBoundingClientRect();
-      Z.current.x = l.left - c.left, Z.current.y = l.top - c.top;
+    const a = F();
+    if (e.appendTo && a) {
+      const c = e.appendTo.getBoundingClientRect(), l = a.body.getBoundingClientRect();
+      Z.current.x = c.left - l.left, Z.current.y = c.top - l.top;
     }
+    const d = Je.current;
     return () => {
-      var c;
-      const l = g();
-      l && l.removeEventListener("resize", Ae), j.current && le && (document.contains(j.current) ? j.current.focus({ preventScroll: !0 }) : j.current.id && ((c = document.getElementById(j.current.id)) == null || c.focus({ preventScroll: !0 })));
+      var l;
+      const c = g();
+      c && c.removeEventListener("resize", Ae), d && de && (document.contains(d) ? d.focus({ preventScroll: !0 }) : d.id && ((l = document.getElementById(d.id)) == null || l.focus({ preventScroll: !0 })));
     };
-  }, []), x(() => {
-    e.left !== void 0 && !Y && y(e.left);
-  }, [e.left, Y]), x(() => {
+  }, []), z(() => {
+    e.left !== void 0 && !Y && A(e.left);
+  }, [e.left, Y]), z(() => {
     e.top !== void 0 && !Y && S(e.top);
-  }, [e.top, Y]), x(() => {
-    e.initialLeft !== void 0 && y(e.initialLeft);
-  }, [e.initialLeft]), x(() => {
+  }, [e.top, Y]), z(() => {
+    e.initialLeft !== void 0 && A(e.initialLeft);
+  }, [e.initialLeft]), z(() => {
     e.initialTop !== void 0 && S(e.initialTop);
-  }, [e.initialTop]), x(() => {
-    const t = H();
+  }, [e.initialTop]), z(() => {
+    const t = F();
     if (e.appendTo && t) {
-      const n = e.appendTo.getBoundingClientRect(), r = t.body.getBoundingClientRect();
-      Z.current.x = n.left - r.left, Z.current.y = n.top - r.top;
+      const n = e.appendTo.getBoundingClientRect(), a = t.body.getBoundingClientRect();
+      Z.current.x = n.left - a.left, Z.current.y = n.top - a.top;
     }
-  }, [e.appendTo, H]), Dt(
-    O,
+  }, [e.appendTo, F]);
+  const ct = v(null);
+  It(
+    U,
     () => ({
       get element() {
-        return v.current;
+        return R.current;
       },
       get windowElement() {
-        return v.current;
+        return R.current;
       },
       get draggable() {
-        return Ce.current;
+        return Ee.current;
       },
       props: e
     }),
     [e]
-  );
-  const Be = T.Children.toArray(e.children), ct = Qe(Be), lt = Je(Be), dt = wt("k-window", e.className, {
-    [`k-window-${e.themeColor}`]: e.themeColor,
-    "k-window-minimized": a === "MINIMIZED",
+  ), ct.current = R.current, Tt("window", U, e, e.webMcp);
+  const Be = T.Children.toArray(e.children), lt = $e(Be), dt = Qe(Be), ut = Et("k-window", e.className, {
+    "k-window-minimized": r === "MINIMIZED",
     "k-focus": qe
-  }), Re = /* @__PURE__ */ T.createElement(Ze.Provider, { value: X }, /* @__PURE__ */ T.createElement(T.Fragment, null, he && /* @__PURE__ */ T.createElement(
+  }), Re = /* @__PURE__ */ T.createElement(Oe.Provider, { value: X }, /* @__PURE__ */ T.createElement(T.Fragment, null, fe && /* @__PURE__ */ T.createElement(
     "div",
     {
       className: "k-overlay",
@@ -422,48 +424,48 @@ const { useState: M, useEffect: x, useCallback: d, useMemo: G, useRef: N, useImp
     "div",
     {
       id: e.id,
-      [Lt]: ae,
+      [bt]: ce,
       tabIndex: 0,
       role: "dialog",
       "aria-labelledby": Le.current,
       onFocus: it,
       onBlur: ot,
       onKeyDown: pe,
-      ref: v,
-      className: dt,
+      ref: R,
+      className: ut,
       style: {
         top: P,
         left: K,
         width: D,
-        height: I || "",
+        height: b || "",
         zIndex: X,
         ...e.style
       }
     },
     /* @__PURE__ */ T.createElement(
-      Ct,
+      Dt,
       {
         shouldUpdateOnDrag: e.shouldUpdateOnDrag || !1,
         isDragging: Y
       },
       /* @__PURE__ */ T.createElement(
-        Tt,
+        Lt,
         {
           onPress: et,
           onDrag: tt,
           onRelease: nt,
           autoScroll: !1,
-          ref: Ce
+          ref: Ee
         },
         /* @__PURE__ */ T.createElement(
-          ft,
+          ht,
           {
-            stage: a,
-            onDoubleClick: Ye ? rt : void 0,
-            onMinimizeButtonClick: Se,
-            onFullScreenButtonClick: ce,
-            onRestoreButtonClick: $,
-            onCloseButtonClick: ye,
+            stage: r,
+            onDoubleClick: Ve ? at : void 0,
+            onMinimizeButtonClick: We,
+            onFullScreenButtonClick: le,
+            onRestoreButtonClick: j,
+            onCloseButtonClick: Se,
             closeButton: e.closeButton,
             minimizeButton: e.minimizeButton,
             maximizeButton: e.maximizeButton,
@@ -473,21 +475,21 @@ const { useState: M, useEffect: x, useCallback: d, useMemo: G, useRef: N, useImp
           e.title
         )
       ),
-      a === o.MINIMIZED ? null : /* @__PURE__ */ T.createElement(T.Fragment, null, /* @__PURE__ */ T.createElement("div", { className: "k-window-content" }, ct), lt),
-      a === o.DEFAULT && fe ? /* @__PURE__ */ T.createElement(Et, { onResize: at }) : null
+      r === o.MINIMIZED ? null : /* @__PURE__ */ T.createElement(T.Fragment, null, /* @__PURE__ */ T.createElement("div", { className: "k-window-content" }, lt), dt),
+      r === o.DEFAULT && ue ? /* @__PURE__ */ T.createElement(Ct, { onResize: rt }) : null
     )
   )));
-  return le ? e.appendTo === null ? Re : ut.createPortal(Re, e.appendTo || document.body) : null;
+  return de ? e.appendTo === null ? Re : ft.createPortal(Re, e.appendTo || document.body) : null;
 });
-Ge.displayName = "Window";
-const Wt = st(), Ve = ht(
-  gt(
-    Wt,
-    Ge
+Xe.displayName = "Window";
+const At = mt(), Ge = gt(
+  st(
+    At,
+    Xe
   )
 );
-Ve.displayName = "KendoReactWindow";
-const St = {
+Ge.displayName = "KendoReactWindow";
+const Bt = {
   autoFocus: i.bool,
   title: i.any,
   className: i.string,
@@ -520,12 +522,11 @@ const St = {
   dir: i.string,
   style: i.object,
   appendTo: i.any,
-  themeColor: i.oneOf(["primary", "dark", "light"]),
   shouldUpdateOnDrag: i.bool
 };
-Ve.propTypes = St;
+Ge.propTypes = Bt;
 export {
-  Ve as Window,
-  Wt as WindowPropsContext,
-  Ge as WindowWithoutContext
+  Ge as Window,
+  At as WindowPropsContext,
+  Xe as WindowWithoutContext
 };