@progress/kendo-react-dialogs 8.2.0-develop.8 → 8.2.0

package/Dialog.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),S=require("react-dom"),t=require("prop-types"),_=require("./DialogTitleBar.js"),u=require("./DialogActionsBar.js"),s=require("@progress/kendo-react-common"),m=require("./package-metadata.js"),N=require("./utils.js"),c=require("./constants.js");function g(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const n=g(P),M=g(S),o=class o extends n.Component{constructor(i){super(i),this.context=0,this.titleId=this.generateTitleId(),this.contentId=this.generateContentId(),this.showLicenseWatermark=!1,this.activeElement=null,this.onCloseDialog=e=>{e.preventDefault(),s.dispatchEvent(this.props.onClose,e,this,void 0),setTimeout(()=>{this.activeElement&&this.activeElement.focus()})},this.onKeyDown=e=>{e.keyCode===s.Keys.esc&&this.props.onClose&&(e.preventDefault(),this.onCloseDialog(e)),s.keepFocusInContainer(e,this.element)},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:c.DEFAULT_DIALOGS_ZINDEX:this.state.zIndex>(this.context?this.context+c.ZINDEX_DIALOGS_STEP:0)?this.state.zIndex:this.context+c.ZINDEX_DIALOGS_STEP,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,s.validatePackage(m.packageMetadata),this.showLicenseWatermark=s.shouldShowValidationUI(m.packageMetadata),this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&(this.props.autoFocus?this.element.focus():s.focusFirstFocusableChild(this.element),this.setState({zIndex:N.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)}))}render(){const i=this.props.id!==void 0?this.props.id:this.titleId,{title:e,width:a,height:D,children:f,minWidth:b,dir:C,style:x,contentStyle:T,modal:k=!0}=this.props,d=n.Children.toArray(f),v=this.getContent(d),w=this.getActionBar(d),E=e?{"aria-labelledby":i}:null,O=this.props.closeIcon!==void 0?this.props.closeIcon:!0,h=this.getCurrentZIndex(),p=n.createElement(s.ZIndexContext.Provider,{value:h},n.createElement("div",{[c.DATA_DIALOGS_ID]:this._id,className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:C,style:{zIndex:h,...x},ref:A=>this.element=A},k&&n.createElement("div",{className:"k-overlay",style:this.props.overlayStyle}),n.createElement("div",{...E,className:s.classNames("k-window k-dialog",{[`k-window-${this.props.themeColor}`]:this.props.themeColor}),role:"dialog","aria-labelledby":i,"aria-modal":!0,"aria-describedby":this.contentId,style:{width:a,height:D,minWidth:b}},this.props.title&&n.createElement(_.DialogTitleBar,{closeIcon:O,onCloseButtonClick:this.onCloseDialog,id:i},e),n.createElement("div",{className:"k-window-content k-dialog-content",style:T,id:this.contentId},v),w,this.showLicenseWatermark&&n.createElement(s.WatermarkOverlay,null))));return s.canUseDOM?this.props.appendTo!==null?M.createPortal(p,this.props.appendTo||document.body):p:null}getActionBar(i){return i.filter(e=>e&&e.type===u.DialogActionsBar)}getContent(i){return i.filter(e=>e&&e.type!==u.DialogActionsBar)}generateTitleId(){return"dialog-title-"+this._id}generateContentId(){return"dialog-content-"+this._id}};o.displayName="Dialog",o.propTypes={title:t.any,id:t.string,dir:t.string,style:t.object,closeIcon:t.bool,width:t.oneOfType([t.number,t.string]),height:t.oneOfType([t.number,t.string]),minWidth:t.oneOfType([t.number,t.string]),autoFocus:t.bool},o.defaultProps={autoFocus:!1},o.contextType=s.ZIndexContext;let l=o;const y=s.createPropsContext(),I=s.withIdHOC(s.withPropsContext(y,l));I.displayName="KendoReactDialog";exports.Dialog=I;exports.DialogPropsContext=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),F=require("react-dom"),o=require("prop-types"),_=require("./DialogTitleBar.js"),u=require("./DialogActionsBar.js"),s=require("@progress/kendo-react-common"),m=require("./package-metadata.js"),N=require("./utils.js"),c=require("./constants.js");function g(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const i=g(A),P=g(F),n=class n extends i.Component{constructor(t){super(t),this.context=0,this.titleId=this.generateTitleId(),this.contentId=this.generateContentId(),this.showLicenseWatermark=!1,this.activeElement=null,this.onCloseDialog=e=>{e.preventDefault(),s.dispatchEvent(this.props.onClose,e,this,void 0)},this.onKeyDown=e=>{e.keyCode===s.Keys.esc&&this.props.onClose&&(e.preventDefault(),this.onCloseDialog(e)),s.keepFocusInContainer(e,this.element)},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:c.DEFAULT_DIALOGS_ZINDEX:this.state.zIndex>(this.context?this.context+c.ZINDEX_DIALOGS_STEP:0)?this.state.zIndex:this.context+c.ZINDEX_DIALOGS_STEP,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,s.validatePackage(m.packageMetadata),this.showLicenseWatermark=s.shouldShowValidationUI(m.packageMetadata),this.activeElement=s.getActiveElement(document)}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){if(this.element){if(this.props.autoFocus&&!this.props.autoFocusedElement)this.element.focus();else if(this.props.autoFocus&&this.props.autoFocusedElement)this.element.focus();else if(!this.props.autoFocus&&this.props.autoFocusedElement){const t=this.element.querySelector(this.props.autoFocusedElement);t&&t.focus()}else{const t=[...s.FOCUSABLE_ELEMENTS].map(e=>e+":not(.k-dialog-titlebar *)");s.focusFirstFocusableChild(this.element,t)}this.setState({zIndex:N.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)})}}componentWillUnmount(){setTimeout(()=>{var t;!this.element&&this.activeElement&&document&&(document.contains(this.activeElement)?this.activeElement.focus():this.activeElement.id&&((t=document.getElementById(this.activeElement.id))==null||t.focus()))})}render(){const t=this.props.id!==void 0?this.props.id:this.titleId,{title:e,width:a,height:I,children:D,minWidth:E,dir:b,style:C,contentStyle:v,modal:x=!0}=this.props,d=i.Children.toArray(D),T=this.getContent(d),k=this.getActionBar(d),w=e?{"aria-labelledby":t}:null,O=this.props.closeIcon!==void 0?this.props.closeIcon:!0,p=this.getCurrentZIndex(),h=i.createElement(s.ZIndexContext.Provider,{value:p},i.createElement("div",{[c.DATA_DIALOGS_ID]:this._id,className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:b,style:{zIndex:p,...C},ref:S=>this.element=S},x&&i.createElement("div",{className:"k-overlay",style:this.props.overlayStyle}),i.createElement("div",{...w,className:s.classNames("k-window k-dialog",{[`k-window-${this.props.themeColor}`]:this.props.themeColor}),role:"dialog","aria-labelledby":t,"aria-modal":!0,"aria-describedby":this.contentId,style:{width:a,height:I,minWidth:E}},this.props.title&&i.createElement(_.DialogTitleBar,{closeIcon:O,onCloseButtonClick:this.onCloseDialog,id:t},e),i.createElement("div",{className:"k-window-content k-dialog-content",style:v,id:this.contentId},T),k,this.showLicenseWatermark&&i.createElement(s.WatermarkOverlay,null))));return s.canUseDOM?this.props.appendTo!==null?P.createPortal(h,this.props.appendTo||document.body):h:null}getActionBar(t){return t.filter(e=>e&&e.type===u.DialogActionsBar)}getContent(t){return t.filter(e=>e&&e.type!==u.DialogActionsBar)}generateTitleId(){return"dialog-title-"+this._id}generateContentId(){return"dialog-content-"+this._id}};n.displayName="Dialog",n.propTypes={title:o.any,id:o.string,dir:o.string,style:o.object,closeIcon:o.bool,width:o.oneOfType([o.number,o.string]),height:o.oneOfType([o.number,o.string]),minWidth:o.oneOfType([o.number,o.string]),autoFocus:o.bool},n.defaultProps={autoFocus:!1},n.contextType=s.ZIndexContext;let l=n;const y=s.createPropsContext(),f=s.withIdHOC(s.withPropsContext(y,l));f.displayName="KendoReactDialog";exports.Dialog=f;exports.DialogPropsContext=y;

package/Dialog.mjs

@@ -6,24 +6,22 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
+import * as o from "react";
 import * as b from "react-dom";
-import e from "prop-types";
+import s from "prop-types";
 import { DialogTitleBar as k } from "./DialogTitleBar.mjs";
 import { DialogActionsBar as c } from "./DialogActionsBar.mjs";
-import { dispatchEvent as A, Keys as N, keepFocusInContainer as O, validatePackage as P, shouldShowValidationUI as S, ZIndexContext as d, focusFirstFocusableChild as Z, classNames as F, WatermarkOverlay as L, canUseDOM as _, createPropsContext as B, withIdHOC as K, withPropsContext as M } from "@progress/kendo-react-common";
-import { packageMetadata as h } from "./package-metadata.mjs";
-import { getMaxZIndex as z } from "./utils.mjs";
-import { DEFAULT_DIALOGS_ZINDEX as G, ZINDEX_DIALOGS_STEP as p, DATA_DIALOGS_ID as R } from "./constants.mjs";
-const o = class o extends i.Component {
-  constructor(s) {
-    super(s), this.context = 0, this.titleId = this.generateTitleId(), this.contentId = this.generateContentId(), this.showLicenseWatermark = !1, this.activeElement = null, this.onCloseDialog = (t) => {
-      t.preventDefault(), A(this.props.onClose, t, this, void 0), setTimeout(() => {
-        this.activeElement && this.activeElement.focus();
-      });
+import { dispatchEvent as F, Keys as A, keepFocusInContainer as N, validatePackage as S, shouldShowValidationUI as O, getActiveElement as L, ZIndexContext as d, FOCUSABLE_ELEMENTS as P, focusFirstFocusableChild as Z, classNames as _, WatermarkOverlay as B, canUseDOM as M, createPropsContext as K, withIdHOC as U, withPropsContext as z } from "@progress/kendo-react-common";
+import { packageMetadata as p } from "./package-metadata.mjs";
+import { getMaxZIndex as G } from "./utils.mjs";
+import { DEFAULT_DIALOGS_ZINDEX as R, ZINDEX_DIALOGS_STEP as h, DATA_DIALOGS_ID as W } from "./constants.mjs";
+const i = class i extends o.Component {
+  constructor(e) {
+    super(e), this.context = 0, this.titleId = this.generateTitleId(), this.contentId = this.generateContentId(), this.showLicenseWatermark = !1, this.activeElement = null, this.onCloseDialog = (t) => {
+      t.preventDefault(), F(this.props.onClose, t, this, void 0);
     }, this.onKeyDown = (t) => {
-      t.keyCode === N.esc && this.props.onClose && (t.preventDefault(), this.onCloseDialog(t)), O(t, this.element);
-    }, this.getCurrentZIndex = () => !this.state || this.context === void 0 ? this.context ? this.context : G : this.state.zIndex > (this.context ? this.context + p : 0) ? this.state.zIndex : this.context + p, this.getDocument = () => this.props.appendTo ? this.props.appendTo.ownerDocument : document, P(h), this.showLicenseWatermark = S(h), this.activeElement = document.activeElement;
+      t.keyCode === A.esc && this.props.onClose && (t.preventDefault(), this.onCloseDialog(t)), N(t, this.element);
+    }, this.getCurrentZIndex = () => !this.state || this.context === void 0 ? this.context ? this.context : R : this.state.zIndex > (this.context ? this.context + h : 0) ? this.state.zIndex : this.context + h, this.getDocument = () => this.props.appendTo ? this.props.appendTo.ownerDocument : document, S(p), this.showLicenseWatermark = O(p), this.activeElement = L(document);
   }
   get _id() {
     return this.props.id + "-accessibility-id";
@@ -32,74 +30,96 @@ const o = class o extends i.Component {
    * @hidden
    */
   componentDidMount() {
-    this.element && (this.props.autoFocus ? this.element.focus() : Z(this.element), this.setState({
-      zIndex: z(this.getCurrentZIndex(), this.getDocument(), this._id)
-    }));
+    if (this.element) {
+      if (this.props.autoFocus && !this.props.autoFocusedElement)
+        this.element.focus();
+      else if (this.props.autoFocus && this.props.autoFocusedElement)
+        this.element.focus();
+      else if (!this.props.autoFocus && this.props.autoFocusedElement) {
+        const e = this.element.querySelector(this.props.autoFocusedElement);
+        e && e.focus();
+      } else {
+        const e = [...P].map((t) => t + ":not(.k-dialog-titlebar *)");
+        Z(this.element, e);
+      }
+      this.setState({
+        zIndex: G(this.getCurrentZIndex(), this.getDocument(), this._id)
+      });
+    }
+  }
+  /**
+   * @hidden
+   */
+  componentWillUnmount() {
+    setTimeout(() => {
+      var e;
+      !this.element && this.activeElement && document && (document.contains(this.activeElement) ? this.activeElement.focus() : this.activeElement.id && ((e = document.getElementById(this.activeElement.id)) == null || e.focus()));
+    });
   }
   /**
    * @hidden
    */
   render() {
-    const s = this.props.id !== void 0 ? this.props.id : this.titleId, { title: t, width: m, height: u, children: g, minWidth: y, dir: I, style: f, contentStyle: D, modal: x = !0 } = this.props, r = i.Children.toArray(g), C = this.getContent(r), w = this.getActionBar(r), v = t ? {
-      "aria-labelledby": s
-    } : null, E = this.props.closeIcon !== void 0 ? this.props.closeIcon : !0, a = this.getCurrentZIndex(), l = /* @__PURE__ */ i.createElement(d.Provider, { value: a }, /* @__PURE__ */ i.createElement(
+    const e = this.props.id !== void 0 ? this.props.id : this.titleId, { title: t, width: m, height: u, children: g, minWidth: f, dir: y, style: I, contentStyle: E, modal: D = !0 } = this.props, r = o.Children.toArray(g), C = this.getContent(r), v = this.getActionBar(r), x = t ? {
+      "aria-labelledby": e
+    } : null, w = this.props.closeIcon !== void 0 ? this.props.closeIcon : !0, a = this.getCurrentZIndex(), l = /* @__PURE__ */ o.createElement(d.Provider, { value: a }, /* @__PURE__ */ o.createElement(
       "div",
       {
-        [R]: this._id,
+        [W]: this._id,
         className: "k-dialog-wrapper" + (this.props.className ? " " + this.props.className : ""),
         onKeyDown: this.onKeyDown,
         tabIndex: 0,
-        dir: I,
+        dir: y,
         style: {
           zIndex: a,
-          ...f
+          ...I
         },
         ref: (T) => this.element = T
       },
-      x && /* @__PURE__ */ i.createElement(
+      D && /* @__PURE__ */ o.createElement(
         "div",
         {
           className: "k-overlay",
           style: this.props.overlayStyle
         }
       ),
-      /* @__PURE__ */ i.createElement(
+      /* @__PURE__ */ o.createElement(
         "div",
         {
-          ...v,
-          className: F(
+          ...x,
+          className: _(
             "k-window k-dialog",
             {
               [`k-window-${this.props.themeColor}`]: this.props.themeColor
             }
           ),
           role: "dialog",
-          "aria-labelledby": s,
+          "aria-labelledby": e,
           "aria-modal": !0,
           "aria-describedby": this.contentId,
-          style: { width: m, height: u, minWidth: y }
+          style: { width: m, height: u, minWidth: f }
         },
-        this.props.title && /* @__PURE__ */ i.createElement(
+        this.props.title && /* @__PURE__ */ o.createElement(
           k,
           {
-            closeIcon: E,
+            closeIcon: w,
             onCloseButtonClick: this.onCloseDialog,
-            id: s
+            id: e
           },
           t
         ),
-        /* @__PURE__ */ i.createElement("div", { className: "k-window-content k-dialog-content", style: D, id: this.contentId }, C),
-        w,
-        this.showLicenseWatermark && /* @__PURE__ */ i.createElement(L, null)
+        /* @__PURE__ */ o.createElement("div", { className: "k-window-content k-dialog-content", style: E, id: this.contentId }, C),
+        v,
+        this.showLicenseWatermark && /* @__PURE__ */ o.createElement(B, null)
       )
     ));
-    return _ ? this.props.appendTo !== null ? b.createPortal(l, this.props.appendTo || document.body) : l : null;
+    return M ? this.props.appendTo !== null ? b.createPortal(l, this.props.appendTo || document.body) : l : null;
   }
-  getActionBar(s) {
-    return s.filter((t) => t && t.type === c);
+  getActionBar(e) {
+    return e.filter((t) => t && t.type === c);
   }
-  getContent(s) {
-    return s.filter((t) => t && t.type !== c);
+  getContent(e) {
+    return e.filter((t) => t && t.type !== c);
   }
   generateTitleId() {
     return "dialog-title-" + this._id;
@@ -108,23 +128,23 @@ const o = class o extends i.Component {
     return "dialog-content-" + this._id;
   }
 };
-o.displayName = "Dialog", o.propTypes = {
-  title: e.any,
-  id: e.string,
-  dir: e.string,
-  style: e.object,
-  closeIcon: e.bool,
-  width: e.oneOfType([e.number, e.string]),
-  height: e.oneOfType([e.number, e.string]),
-  minWidth: e.oneOfType([e.number, e.string]),
-  autoFocus: e.bool
-}, o.defaultProps = {
+i.displayName = "Dialog", i.propTypes = {
+  title: s.any,
+  id: s.string,
+  dir: s.string,
+  style: s.object,
+  closeIcon: s.bool,
+  width: s.oneOfType([s.number, s.string]),
+  height: s.oneOfType([s.number, s.string]),
+  minWidth: s.oneOfType([s.number, s.string]),
+  autoFocus: s.bool
+}, i.defaultProps = {
   autoFocus: !1
-}, o.contextType = d;
-let n = o;
-const U = B(), X = K(M(U, n));
-X.displayName = "KendoReactDialog";
+}, i.contextType = d;
+let n = i;
+const X = K(), j = U(z(X, n));
+j.displayName = "KendoReactDialog";
 export {
-  X as Dialog,
-  U as DialogPropsContext
+  j as Dialog,
+  X as DialogPropsContext
 };

package/Window.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),F=require("react-dom"),n=require("prop-types"),N=require("./WindowTitlebar.js"),o=require("@progress/kendo-react-common"),U=require("./WindowResizeHandlers.js"),k=require("./MiddleLayerOptimization.js"),s=require("./StageEnum.js"),y=require("./package-metadata.js"),M=require("./WindowActionsBar.js"),f=require("./constants.js"),v=require("./utils.js");function A(c){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>c[t]})}}return i.default=c,Object.freeze(i)}const a=A(x),z=A(F),u=300,S=300,m=120,E=100,d=5,g=class g extends a.Component{constructor(i){super(i),this.context=0,this.draggable=null,this.offSetCoordinates={x:0,y:0},this.titleId=this.generateTitleId(),this.mounted=!1,this.showLicenseWatermark=!1,this.activeElement=null,this.onKeyDown=t=>{if(this.props.modal&&o.keepFocusInContainer(t,this.element),t.target!==t.currentTarget)return;const e=this.props.minWidth||m,h=this.props.minHeight||E;if((t.metaKey||t.ctrlKey)&&this.props.resizable){switch(t.keyCode){case o.Keys.up:t.preventDefault(),h<=this.height-d&&this.setState({height:this.height-d});break;case o.Keys.down:t.preventDefault(),this.setState({height:this.height+d});break;case o.Keys.left:e<=this.width-d&&this.setState({width:this.width-d});break;case o.Keys.right:this.setState({width:this.width+d});break;default:return}this.dispatchMoveEvent(this.props.onResize,t,!1,void 0);return}if(t.altKey){switch(t.keyCode){case o.Keys.up:this.windowStage===s.windowStage.MINIMIZED?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})):this.windowStage===s.windowStage.DEFAULT&&(this.handleFullscreen(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.FULLSCREEN}));break;case o.Keys.down:this.windowStage===s.windowStage.FULLSCREEN?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})):this.windowStage===s.windowStage.DEFAULT&&(this.handleMinimize(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.MINIMIZED}));break}return}if(!t.ctrlKey)switch(t.keyCode){case o.Keys.esc:this.props.onClose&&this.handleCloseWindow(t);return;case o.Keys.up:this.setState({top:this.state.top-d});break;case o.Keys.down:this.setState({top:this.state.top+d});break;case o.Keys.left:this.setState({left:this.state.left-d});break;case o.Keys.right:this.setState({left:this.state.left+d});break;default:return}this.dispatchMoveEvent(this.props.onMove,t,!1,void 0)},this.onPress=t=>{const e=t.event;this.windowCoordinatesState.differenceLeft=e.pageX-this.left,this.windowCoordinatesState.differenceTop=e.pageY-this.top},this.onDrag=t=>{const e=t.event;e.originalEvent.preventDefault(),this.windowStage!==s.windowStage.FULLSCREEN&&this.props.draggable&&(this.setState({top:Math.max(e.pageY-this.windowCoordinatesState.differenceTop,0),left:e.pageX-this.windowCoordinatesState.differenceLeft,isDragging:!0}),this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!1))},this.onRelease=t=>{const e=t.event;this.windowStage!==s.windowStage.FULLSCREEN&&this.props.draggable&&this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!0),this.setState({isDragging:!1})},this.onFocus=()=>{this._blurTimeout?(clearTimeout(this._blurTimeout),this._blurTimeout=void 0):this.setState({focused:!0,zIndex:v.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)})},this.onBlur=()=>{clearTimeout(this._blurTimeout);const t=this.getWindow();t&&(this._blurTimeout=t.setTimeout(()=>{this.mounted&&this.setState({focused:!1}),this._blurTimeout=void 0}))},this.getInitialTop=()=>{if(this.props.top!==void 0)return this.props.top;if(this.props.initialTop!==void 0)return this.props.initialTop;let t=S;if(this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),this.props.appendTo)return this.props.appendTo.offsetHeight/2-t/2;const e=this.getWindow();return e?e.innerHeight/2-t/2:0},this.getInitialLeft=()=>{if(this.props.left!==void 0)return this.props.left;if(this.props.initialLeft!==void 0)return this.props.initialLeft;let t=u;if(this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),this.props.appendTo)return this.props.appendTo.offsetWidth/2-t/2;const e=this.getWindow();return e?e.innerWidth/2-t/2:0},this.getInitialWidth=()=>{let t=u;return this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),t},this.getInitialHeight=()=>{let t=S;return this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),t},this.handleMinimize=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height,this.setState({stage:s.windowStage.MINIMIZED,height:0}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.MINIMIZED})},this.handleFullscreen=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height;const e=this.getWindow(),h=e?e.innerWidth:0,r=e?e.innerHeight:0;this.setState({left:0,top:0,width:this.props.appendTo?this.props.appendTo.offsetWidth:h,height:this.props.appendTo?this.props.appendTo.offsetHeight:r,stage:s.windowStage.FULLSCREEN}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.FULLSCREEN})},this.handleRestore=t=>{t.preventDefault(),this.windowStage===s.windowStage.FULLSCREEN?this.setState({stage:s.windowStage.DEFAULT,left:this.windowCoordinatesState.leftBeforeAction,top:this.windowCoordinatesState.topBeforeAction,width:this.windowCoordinatesState.widthBeforeAction,height:this.windowCoordinatesState.heightBeforeAction}):this.windowStage===s.windowStage.MINIMIZED&&this.setState({stage:s.windowStage.DEFAULT,height:this.windowCoordinatesState.heightBeforeAction}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})},this.handleCloseWindow=t=>{t.preventDefault(),o.dispatchEvent(this.props.onClose,t,this,{state:void 0}),setTimeout(()=>{this.activeElement&&this.activeElement.focus()})},this.handleDoubleClick=t=>{this.windowStage===s.windowStage.FULLSCREEN||this.windowStage===s.windowStage.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t)},this.handleResize=(t,e)=>{const h=this.props.appendTo?t.pageX-this.offSetCoordinates.x:t.pageX,r=this.props.appendTo?t.pageY-this.offSetCoordinates.y:t.pageY,w=this.width,p=this.height,C=this.props.minWidth||m,I=this.props.minHeight||E,T=this.top-r,L=this.left-h;let b=h-this.left,W=r-this.top;const l=Object.assign({},this.state,{isDragging:!e.end});e.direction.indexOf("n")>=0&&I-(p+T)<0&&(this.top>0&&(l.height=p+T),l.top=r),e.direction.indexOf("s")>=0&&I-W<0&&(l.height=W),e.direction.indexOf("w")>=0&&C-(w+L)<0&&(this.left>0&&(l.width=w+L),l.left=h),e.direction.indexOf("e")>=0&&C-b<0&&(l.width=b),this.setState(l),this.dispatchMoveEvent(this.props.onResize,t,!0,e.end)},this.dispatchMoveEvent=(t,e,h,r)=>{t&&t.call(void 0,{nativeEvent:e.nativeEvent?e.nativeEvent:e.originalEvent,drag:h,end:r,target:this,left:this.state.left,top:this.state.top,width:this.state.width,hight:this.state.height,height:this.state.height})},this.handleBrowserWindowResize=()=>{if(this.windowStage===s.windowStage.FULLSCREEN){const t=this.getWindow(),e=t?t.innerWidth:0,h=t?t.innerHeight:0;this.setState({width:this.props.appendTo?this.props.appendTo.offsetWidth:e,height:this.props.appendTo?this.props.appendTo.offsetHeight:h})}},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:f.DEFAULT_DIALOGS_ZINDEX:this.state.zIndex>(this.context?this.context+f.ZINDEX_DIALOGS_STEP:0)?this.state.zIndex:this.context+f.ZINDEX_DIALOGS_STEP,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,this.getWindow=()=>{const t=this.getDocument();return t&&t.defaultView},o.validatePackage(y.packageMetadata),this.showLicenseWatermark=o.shouldShowValidationUI(y.packageMetadata),this.state={stage:this.props.stage||s.windowStage.DEFAULT,isDragging:!1,top:0,left:0,width:u,height:S,focused:!0,zIndex:f.DEFAULT_DIALOGS_ZINDEX},this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&this.element.focus();const i=this.getWindow();i&&i.addEventListener("resize",this.handleBrowserWindowResize),this.setState({stage:this.props.stage||s.windowStage.DEFAULT,isDragging:!1,top:this.getInitialTop(),left:this.getInitialLeft(),width:this.getInitialWidth(),height:this.getInitialHeight(),focused:!0,zIndex:v.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)}),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()};const t=this.getDocument();if(this.props.appendTo&&t){let e=this.props.appendTo.getBoundingClientRect(),h=t.body.getBoundingClientRect();this.offSetCoordinates.x=e.left-h.left,this.offSetCoordinates.y=e.top-h.top}this.mounted=!0}componentWillUnmount(){const i=this.getWindow();i&&i.removeEventListener("resize",this.handleBrowserWindowResize),this.mounted=!1}componentDidUpdate(){const i=this.getDocument();if(this.props.appendTo&&i){let t=this.props.appendTo.getBoundingClientRect(),e=i.body.getBoundingClientRect();this.offSetCoordinates.x=t.left-e.left,this.offSetCoordinates.y=t.top-e.top}this.mounted=!0}render(){const i=a.Children.toArray(this.props.children),t=this.getContent(i),e=this.getActionBar(i),h=this.getCurrentZIndex(),r=o.classNames("k-window",this.props.className,{[`k-window-${this.props.themeColor}`]:this.props.themeColor,"k-window-minimized":this.state.stage==="MINIMIZED","k-window-focused":this.state.focused}),w=a.createElement(o.ZIndexContext.Provider,{value:h},a.createElement(a.Fragment,null,this.props.modal&&a.createElement("div",{className:"k-overlay",style:{zIndex:h,...this.props.overlayStyle}}),a.createElement("div",{id:this.props.id,[f.DATA_DIALOGS_ID]:this._id,tabIndex:0,role:"dialog","aria-labelledby":this.titleId,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:p=>{this.windowElement=p,this.element=p},className:r,style:{top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:h,...this.props.style}},a.createElement(k.MiddleLayerOptimization,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},a.createElement(o.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:p=>this.draggable=p},a.createElement(N.WindowTitleBar,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,onMinimizeButtonClick:this.handleMinimize,onFullScreenButtonClick:this.handleFullscreen,onRestoreButtonClick:this.handleRestore,onCloseButtonClick:this.handleCloseWindow,closeButton:this.props.closeButton,minimizeButton:this.props.minimizeButton,maximizeButton:this.props.maximizeButton,restoreButton:this.props.restoreButton,id:this.titleId},this.props.title)),this.windowStage!==s.windowStage.MINIMIZED?a.createElement(a.Fragment,null,a.createElement("div",{className:"k-window-content"},t),e):null,this.windowStage===s.windowStage.DEFAULT&&this.props.resizable?a.createElement(U.ResizeHandlers,{onResize:this.handleResize}):null),this.showLicenseWatermark&&a.createElement(o.WatermarkOverlay,null))));return o.canUseDOM?this.props.appendTo!==null?z.createPortal(w,this.props.appendTo||document.body):w:null}get top(){return this.windowStage!==s.windowStage.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0}get left(){return this.windowStage!==s.windowStage.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0}get width(){let i=this.props.width||this.state.width;if(this.windowStage===s.windowStage.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetWidth,i;const t=this.getWindow();i=t?t.innerWidth:0}return i}get height(){let i=this.props.height||this.state.height;if(this.windowStage===s.windowStage.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetHeight,i;const t=this.getWindow();i=t?t.innerHeight:0}else this.windowStage===s.windowStage.MINIMIZED&&(i=0);return i}get windowStage(){return this.props.stage||this.state.stage}getActionBar(i){return i.filter(t=>t&&t.type===M.WindowActionsBar)}getContent(i){return i.filter(t=>t&&t.type!==M.WindowActionsBar)}generateTitleId(){return"window-title-"+this._id}};g.displayName="Window",g.propTypes={width:n.number,height:n.number,left:n.number,top:n.number,initialWidth:n.number,initialHeight:n.number,initialLeft:n.number,initialTop:n.number,minWidth:n.number,minHeight:n.number,resizable:n.bool,draggable:n.bool,title:n.any,shouldUpdateOnDrag:n.bool,stage:n.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:n.string,id:n.string,style:n.object,overlayStyle:n.object},g.defaultProps={minWidth:m,minHeight:E,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0},g.contextType=o.ZIndexContext;let D=g;const B=o.createPropsContext(),R=o.withIdHOC(o.withPropsContext(B,D));R.displayName="KendoReactWindow";exports.Window=R;exports.WindowPropsContext=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),x=require("react-dom"),h=require("prop-types"),N=require("./WindowTitlebar.js"),o=require("@progress/kendo-react-common"),U=require("./WindowResizeHandlers.js"),k=require("./MiddleLayerOptimization.js"),s=require("./StageEnum.js"),W=require("./package-metadata.js"),v=require("./WindowActionsBar.js"),u=require("./constants.js"),M=require("./utils.js");function A(g){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const t in g)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(g,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>g[t]})}}return i.default=g,Object.freeze(i)}const a=A(R),z=A(x),f=300,S=300,m=120,E=100,d=5,c=class c extends a.Component{constructor(i){super(i),this.context=0,this.draggable=null,this.offSetCoordinates={x:0,y:0},this.titleId=this.generateTitleId(),this.mounted=!1,this.showLicenseWatermark=!1,this.activeElement=null,this.onKeyDown=t=>{if(this.props.modal&&o.keepFocusInContainer(t,this.element),t.target!==t.currentTarget)return;const e=this.props.minWidth||m,n=this.props.minHeight||E;if((t.metaKey||t.ctrlKey)&&this.props.resizable){switch(t.keyCode){case o.Keys.up:t.preventDefault(),n<=this.height-d&&this.setState({height:this.height-d});break;case o.Keys.down:t.preventDefault(),this.setState({height:this.height+d});break;case o.Keys.left:e<=this.width-d&&this.setState({width:this.width-d});break;case o.Keys.right:this.setState({width:this.width+d});break;default:return}this.dispatchMoveEvent(this.props.onResize,t,!1,void 0);return}if(t.altKey){switch(t.keyCode){case o.Keys.up:this.windowStage===s.windowStage.MINIMIZED?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})):this.windowStage===s.windowStage.DEFAULT&&(this.handleFullscreen(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.FULLSCREEN}));break;case o.Keys.down:this.windowStage===s.windowStage.FULLSCREEN?(this.handleRestore(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})):this.windowStage===s.windowStage.DEFAULT&&(this.handleMinimize(t),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.MINIMIZED}));break}return}if(!t.ctrlKey)switch(t.keyCode){case o.Keys.esc:this.props.onClose&&this.handleCloseWindow(t);return;case o.Keys.up:this.setState({top:this.state.top-d});break;case o.Keys.down:this.setState({top:this.state.top+d});break;case o.Keys.left:this.setState({left:this.state.left-d});break;case o.Keys.right:this.setState({left:this.state.left+d});break;default:return}this.dispatchMoveEvent(this.props.onMove,t,!1,void 0)},this.onPress=t=>{const e=t.event;this.windowCoordinatesState.differenceLeft=e.pageX-this.left,this.windowCoordinatesState.differenceTop=e.pageY-this.top},this.onDrag=t=>{const e=t.event;e.originalEvent.preventDefault(),this.windowStage!==s.windowStage.FULLSCREEN&&this.props.draggable&&(this.setState({top:Math.max(e.pageY-this.windowCoordinatesState.differenceTop,0),left:e.pageX-this.windowCoordinatesState.differenceLeft,isDragging:!0}),this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!1))},this.onRelease=t=>{const e=t.event;this.windowStage!==s.windowStage.FULLSCREEN&&this.props.draggable&&this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!0),this.setState({isDragging:!1})},this.onFocus=()=>{this._blurTimeout?(clearTimeout(this._blurTimeout),this._blurTimeout=void 0):this.setState({focused:!0,zIndex:M.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)})},this.onBlur=()=>{clearTimeout(this._blurTimeout);const t=this.getWindow();t&&(this._blurTimeout=t.setTimeout(()=>{this.mounted&&this.setState({focused:!1}),this._blurTimeout=void 0}))},this.getInitialTop=()=>{if(this.props.top!==void 0)return this.props.top;if(this.props.initialTop!==void 0)return this.props.initialTop;let t=S;if(this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),this.props.appendTo)return this.props.appendTo.offsetHeight/2-t/2;const e=this.getWindow();return e?e.innerHeight/2-t/2:0},this.getInitialLeft=()=>{if(this.props.left!==void 0)return this.props.left;if(this.props.initialLeft!==void 0)return this.props.initialLeft;let t=f;if(this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),this.props.appendTo)return this.props.appendTo.offsetWidth/2-t/2;const e=this.getWindow();return e?e.innerWidth/2-t/2:0},this.getInitialWidth=()=>{let t=f;return this.props.width!==void 0?t=this.props.width:this.props.initialWidth!==void 0&&(t=this.props.initialWidth),t},this.getInitialHeight=()=>{let t=S;return this.props.height!==void 0?t=this.props.height:this.props.initialHeight!==void 0&&(t=this.props.initialHeight),t},this.handleMinimize=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height,this.setState({stage:s.windowStage.MINIMIZED,height:0}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.MINIMIZED})},this.handleFullscreen=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height;const e=this.getWindow(),n=e?e.innerWidth:0,r=e?e.innerHeight:0;this.setState({left:0,top:0,width:this.props.appendTo?this.props.appendTo.offsetWidth:n,height:this.props.appendTo?this.props.appendTo.offsetHeight:r,stage:s.windowStage.FULLSCREEN}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.FULLSCREEN})},this.handleRestore=t=>{t.preventDefault(),this.windowStage===s.windowStage.FULLSCREEN?this.setState({stage:s.windowStage.DEFAULT,left:this.windowCoordinatesState.leftBeforeAction,top:this.windowCoordinatesState.topBeforeAction,width:this.windowCoordinatesState.widthBeforeAction,height:this.windowCoordinatesState.heightBeforeAction}):this.windowStage===s.windowStage.MINIMIZED&&this.setState({stage:s.windowStage.DEFAULT,height:this.windowCoordinatesState.heightBeforeAction}),o.dispatchEvent(this.props.onStageChange,t,this,{state:s.windowStage.DEFAULT})},this.handleCloseWindow=t=>{t.preventDefault(),o.dispatchEvent(this.props.onClose,t,this,{state:void 0})},this.handleDoubleClick=t=>{this.windowStage===s.windowStage.FULLSCREEN||this.windowStage===s.windowStage.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t)},this.handleResize=(t,e)=>{const n=this.props.appendTo?t.pageX-this.offSetCoordinates.x:t.pageX,r=this.props.appendTo?t.pageY-this.offSetCoordinates.y:t.pageY,w=this.width,p=this.height,C=this.props.minWidth||m,I=this.props.minHeight||E,T=this.top-r,b=this.left-n,L=n-this.left,y=r-this.top,l=Object.assign({},this.state,{isDragging:!e.end});e.direction.indexOf("n")>=0&&I-(p+T)<0&&(this.top>0&&(l.height=p+T),l.top=r),e.direction.indexOf("s")>=0&&I-y<0&&(l.height=y),e.direction.indexOf("w")>=0&&C-(w+b)<0&&(this.left>0&&(l.width=w+b),l.left=n),e.direction.indexOf("e")>=0&&C-L<0&&(l.width=L),this.setState(l),this.dispatchMoveEvent(this.props.onResize,t,!0,e.end)},this.dispatchMoveEvent=(t,e,n,r)=>{t&&t.call(void 0,{nativeEvent:e.nativeEvent?e.nativeEvent:e.originalEvent,drag:n,end:r,target:this,left:this.state.left,top:this.state.top,width:this.state.width,hight:this.state.height,height:this.state.height})},this.handleBrowserWindowResize=()=>{if(this.windowStage===s.windowStage.FULLSCREEN){const t=this.getWindow(),e=t?t.innerWidth:0,n=t?t.innerHeight:0;this.setState({width:this.props.appendTo?this.props.appendTo.offsetWidth:e,height:this.props.appendTo?this.props.appendTo.offsetHeight:n})}},this.getCurrentZIndex=()=>!this.state||this.context===void 0?this.context?this.context:u.DEFAULT_DIALOGS_ZINDEX:this.state.zIndex>(this.context?this.context+u.ZINDEX_DIALOGS_STEP:0)?this.state.zIndex:this.context+u.ZINDEX_DIALOGS_STEP,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,this.getWindow=()=>{const t=this.getDocument();return t&&t.defaultView},o.validatePackage(W.packageMetadata),this.showLicenseWatermark=o.shouldShowValidationUI(W.packageMetadata),this.state={stage:this.props.stage||s.windowStage.DEFAULT,isDragging:!1,top:0,left:0,width:f,height:S,focused:!0,zIndex:u.DEFAULT_DIALOGS_ZINDEX},this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&this.props.autoFocus&&this.element.focus({preventScroll:!0});const i=this.getWindow();i&&i.addEventListener("resize",this.handleBrowserWindowResize),this.setState({stage:this.props.stage||s.windowStage.DEFAULT,isDragging:!1,top:this.getInitialTop(),left:this.getInitialLeft(),width:this.getInitialWidth(),height:this.getInitialHeight(),focused:!0,zIndex:M.getMaxZIndex(this.getCurrentZIndex(),this.getDocument(),this._id)}),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()};const t=this.getDocument();if(this.props.appendTo&&t){const e=this.props.appendTo.getBoundingClientRect(),n=t.body.getBoundingClientRect();this.offSetCoordinates.x=e.left-n.left,this.offSetCoordinates.y=e.top-n.top}this.mounted=!0}componentWillUnmount(){const i=this.getWindow();i&&i.removeEventListener("resize",this.handleBrowserWindowResize),this.mounted=!1,setTimeout(()=>{var t;!this.element&&this.activeElement&&document&&(document.contains(this.activeElement)?this.activeElement.focus({preventScroll:!0}):this.activeElement.id&&((t=document.getElementById(this.activeElement.id))==null||t.focus({preventScroll:!0})))})}componentDidUpdate(i){this.props.left&&i.left!==this.props.left&&this.setState({left:this.props.left});const t=this.getDocument();if(this.props.appendTo&&t){const e=this.props.appendTo.getBoundingClientRect(),n=t.body.getBoundingClientRect();this.offSetCoordinates.x=e.left-n.left,this.offSetCoordinates.y=e.top-n.top}this.mounted=!0}render(){const i=a.Children.toArray(this.props.children),t=this.getContent(i),e=this.getActionBar(i),n=this.getCurrentZIndex(),r=o.classNames("k-window",this.props.className,{[`k-window-${this.props.themeColor}`]:this.props.themeColor,"k-window-minimized":this.state.stage==="MINIMIZED","k-window-focused":this.state.focused}),w=a.createElement(o.ZIndexContext.Provider,{value:n},a.createElement(a.Fragment,null,this.props.modal&&a.createElement("div",{className:"k-overlay",style:{zIndex:n,...this.props.overlayStyle}}),a.createElement("div",{id:this.props.id,[u.DATA_DIALOGS_ID]:this._id,tabIndex:0,role:"dialog","aria-labelledby":this.titleId,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:p=>{this.windowElement=p,this.element=p},className:r,style:{top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:n,...this.props.style}},a.createElement(k.MiddleLayerOptimization,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},a.createElement(o.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,autoScroll:!1,ref:p=>this.draggable=p},a.createElement(N.WindowTitleBar,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,onMinimizeButtonClick:this.handleMinimize,onFullScreenButtonClick:this.handleFullscreen,onRestoreButtonClick:this.handleRestore,onCloseButtonClick:this.handleCloseWindow,closeButton:this.props.closeButton,minimizeButton:this.props.minimizeButton,maximizeButton:this.props.maximizeButton,restoreButton:this.props.restoreButton,id:this.titleId},this.props.title)),this.windowStage!==s.windowStage.MINIMIZED?a.createElement(a.Fragment,null,a.createElement("div",{className:"k-window-content"},t),e):null,this.windowStage===s.windowStage.DEFAULT&&this.props.resizable?a.createElement(U.ResizeHandlers,{onResize:this.handleResize}):null),this.showLicenseWatermark&&a.createElement(o.WatermarkOverlay,null))));return o.canUseDOM?this.props.appendTo!==null?z.createPortal(w,this.props.appendTo||document.body):w:null}get top(){return this.windowStage!==s.windowStage.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0}get left(){return this.windowStage!==s.windowStage.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0}get width(){let i=this.props.width||this.state.width;if(this.windowStage===s.windowStage.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetWidth,i;const t=this.getWindow();i=t?t.innerWidth:0}return i}get height(){let i=this.props.height||this.state.height;if(this.windowStage===s.windowStage.FULLSCREEN){if(this.props.appendTo)return i=this.props.appendTo.offsetHeight,i;const t=this.getWindow();i=t?t.innerHeight:0}else this.windowStage===s.windowStage.MINIMIZED&&(i=0);return i}get windowStage(){return this.props.stage||this.state.stage}getActionBar(i){return i.filter(t=>t&&t.type===v.WindowActionsBar)}getContent(i){return i.filter(t=>t&&t.type!==v.WindowActionsBar)}generateTitleId(){return"window-title-"+this._id}};c.displayName="Window",c.propTypes={width:h.number,height:h.number,left:h.number,top:h.number,initialWidth:h.number,initialHeight:h.number,initialLeft:h.number,initialTop:h.number,minWidth:h.number,minHeight:h.number,resizable:h.bool,draggable:h.bool,title:h.any,shouldUpdateOnDrag:h.bool,stage:h.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:h.string,id:h.string,style:h.object,overlayStyle:h.object,autoFocus:h.bool},c.defaultProps={minWidth:m,minHeight:E,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0,autoFocus:!0},c.contextType=o.ZIndexContext;let D=c;const B=o.createPropsContext(),F=o.withIdHOC(o.withPropsContext(B,D));F.displayName="KendoReactWindow";exports.Window=F;exports.WindowPropsContext=B;

package/Window.mjs

@@ -7,27 +7,27 @@
  */
 "use client";
 import * as h from "react";
-import * as F from "react-dom";
-import o from "prop-types";
+import * as B from "react-dom";
+import n from "prop-types";
 import { WindowTitleBar as R } from "./WindowTitlebar.mjs";
 import { keepFocusInContainer as x, Keys as r, dispatchEvent as p, validatePackage as U, shouldShowValidationUI as N, ZIndexContext as W, classNames as k, Draggable as H, WatermarkOverlay as z, canUseDOM as _, createPropsContext as O, withIdHOC as Z, withPropsContext as P } from "@progress/kendo-react-common";
 import { ResizeHandlers as K } from "./WindowResizeHandlers.mjs";
 import { MiddleLayerOptimization as X } from "./MiddleLayerOptimization.mjs";
 import { windowStage as i } from "./StageEnum.mjs";
-import { packageMetadata as M } from "./package-metadata.mjs";
-import { WindowActionsBar as y } from "./WindowActionsBar.mjs";
-import { DEFAULT_DIALOGS_ZINDEX as A, ZINDEX_DIALOGS_STEP as B, DATA_DIALOGS_ID as G } from "./constants.mjs";
-import { getMaxZIndex as v } from "./utils.mjs";
-const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component {
+import { packageMetadata as v } from "./package-metadata.mjs";
+import { WindowActionsBar as M } from "./WindowActionsBar.mjs";
+import { DEFAULT_DIALOGS_ZINDEX as y, ZINDEX_DIALOGS_STEP as F, DATA_DIALOGS_ID as G } from "./constants.mjs";
+import { getMaxZIndex as A } from "./utils.mjs";
+const u = 300, w = 300, m = 120, S = 100, d = 5, g = class g extends h.Component {
   constructor(s) {
     super(s), this.context = 0, this.draggable = null, this.offSetCoordinates = { x: 0, y: 0 }, this.titleId = this.generateTitleId(), this.mounted = !1, this.showLicenseWatermark = !1, this.activeElement = null, this.onKeyDown = (t) => {
       if (this.props.modal && x(t, this.element), t.target !== t.currentTarget)
         return;
-      const e = this.props.minWidth || m, n = this.props.minHeight || S;
+      const e = this.props.minWidth || m, o = this.props.minHeight || S;
       if ((t.metaKey || t.ctrlKey) && this.props.resizable) {
         switch (t.keyCode) {
           case r.up:
-            t.preventDefault(), n <= this.height - d && this.setState({ height: this.height - d });
+            t.preventDefault(), o <= this.height - d && this.setState({ height: this.height - d });
             break;
           case r.down:
             t.preventDefault(), this.setState({ height: this.height + d });
@@ -94,7 +94,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
     }, this.onFocus = () => {
       this._blurTimeout ? (clearTimeout(this._blurTimeout), this._blurTimeout = void 0) : this.setState({
         focused: !0,
-        zIndex: v(this.getCurrentZIndex(), this.getDocument(), this._id)
+        zIndex: A(this.getCurrentZIndex(), this.getDocument(), this._id)
       });
     }, this.onBlur = () => {
       clearTimeout(this._blurTimeout);
@@ -135,11 +135,11 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
       }), p(this.props.onStageChange, t, this, { state: i.MINIMIZED });
     }, this.handleFullscreen = (t) => {
       t.preventDefault(), this.windowCoordinatesState.leftBeforeAction = this.left, this.windowCoordinatesState.topBeforeAction = this.top, this.windowCoordinatesState.widthBeforeAction = this.width, this.windowCoordinatesState.heightBeforeAction = this.height;
-      const e = this.getWindow(), n = e ? e.innerWidth : 0, a = e ? e.innerHeight : 0;
+      const e = this.getWindow(), o = e ? e.innerWidth : 0, a = e ? e.innerHeight : 0;
       this.setState({
         left: 0,
         top: 0,
-        width: this.props.appendTo ? this.props.appendTo.offsetWidth : n,
+        width: this.props.appendTo ? this.props.appendTo.offsetWidth : o,
         height: this.props.appendTo ? this.props.appendTo.offsetHeight : a,
         stage: i.FULLSCREEN
       }), p(this.props.onStageChange, t, this, { state: i.FULLSCREEN });
@@ -155,20 +155,16 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
         height: this.windowCoordinatesState.heightBeforeAction
       }), p(this.props.onStageChange, t, this, { state: i.DEFAULT });
     }, this.handleCloseWindow = (t) => {
-      t.preventDefault(), p(this.props.onClose, t, this, { state: void 0 }), setTimeout(() => {
-        this.activeElement && this.activeElement.focus();
-      });
+      t.preventDefault(), p(this.props.onClose, t, this, { state: void 0 });
     }, this.handleDoubleClick = (t) => {
       this.windowStage === i.FULLSCREEN || this.windowStage === i.MINIMIZED ? this.handleRestore(t) : this.handleFullscreen(t);
     }, this.handleResize = (t, e) => {
-      const n = this.props.appendTo ? t.pageX - this.offSetCoordinates.x : t.pageX, a = this.props.appendTo ? t.pageY - this.offSetCoordinates.y : t.pageY, f = this.width, l = this.height, C = this.props.minWidth || m, D = this.props.minHeight || S, I = this.top - a, T = this.left - n;
-      let L = n - this.left, b = a - this.top;
-      const g = Object.assign({}, this.state, { isDragging: !e.end });
-      e.direction.indexOf("n") >= 0 && D - (l + I) < 0 && (this.top > 0 && (g.height = l + I), g.top = a), e.direction.indexOf("s") >= 0 && D - b < 0 && (g.height = b), e.direction.indexOf("w") >= 0 && C - (f + T) < 0 && (this.left > 0 && (g.width = f + T), g.left = n), e.direction.indexOf("e") >= 0 && C - L < 0 && (g.width = L), this.setState(g), this.dispatchMoveEvent(this.props.onResize, t, !0, e.end);
-    }, this.dispatchMoveEvent = (t, e, n, a) => {
+      const o = this.props.appendTo ? t.pageX - this.offSetCoordinates.x : t.pageX, a = this.props.appendTo ? t.pageY - this.offSetCoordinates.y : t.pageY, f = this.width, l = this.height, C = this.props.minWidth || m, D = this.props.minHeight || S, I = this.top - a, T = this.left - o, L = o - this.left, b = a - this.top, c = Object.assign({}, this.state, { isDragging: !e.end });
+      e.direction.indexOf("n") >= 0 && D - (l + I) < 0 && (this.top > 0 && (c.height = l + I), c.top = a), e.direction.indexOf("s") >= 0 && D - b < 0 && (c.height = b), e.direction.indexOf("w") >= 0 && C - (f + T) < 0 && (this.left > 0 && (c.width = f + T), c.left = o), e.direction.indexOf("e") >= 0 && C - L < 0 && (c.width = L), this.setState(c), this.dispatchMoveEvent(this.props.onResize, t, !0, e.end);
+    }, this.dispatchMoveEvent = (t, e, o, a) => {
       t && t.call(void 0, {
         nativeEvent: e.nativeEvent ? e.nativeEvent : e.originalEvent,
-        drag: n,
+        drag: o,
         end: a,
         target: this,
         left: this.state.left,
@@ -179,16 +175,16 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
       });
     }, this.handleBrowserWindowResize = () => {
       if (this.windowStage === i.FULLSCREEN) {
-        const t = this.getWindow(), e = t ? t.innerWidth : 0, n = t ? t.innerHeight : 0;
+        const t = this.getWindow(), e = t ? t.innerWidth : 0, o = t ? t.innerHeight : 0;
         this.setState({
           width: this.props.appendTo ? this.props.appendTo.offsetWidth : e,
-          height: this.props.appendTo ? this.props.appendTo.offsetHeight : n
+          height: this.props.appendTo ? this.props.appendTo.offsetHeight : o
         });
       }
-    }, this.getCurrentZIndex = () => !this.state || this.context === void 0 ? this.context ? this.context : A : this.state.zIndex > (this.context ? this.context + B : 0) ? this.state.zIndex : this.context + B, this.getDocument = () => this.props.appendTo ? this.props.appendTo.ownerDocument : document, this.getWindow = () => {
+    }, this.getCurrentZIndex = () => !this.state || this.context === void 0 ? this.context ? this.context : y : this.state.zIndex > (this.context ? this.context + F : 0) ? this.state.zIndex : this.context + F, this.getDocument = () => this.props.appendTo ? this.props.appendTo.ownerDocument : document, this.getWindow = () => {
       const t = this.getDocument();
       return t && t.defaultView;
-    }, U(M), this.showLicenseWatermark = N(M), this.state = {
+    }, U(v), this.showLicenseWatermark = N(v), this.state = {
       stage: this.props.stage || i.DEFAULT,
       isDragging: !1,
       top: 0,
@@ -196,7 +192,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
       width: u,
       height: w,
       focused: !0,
-      zIndex: A
+      zIndex: y
     }, this.activeElement = document.activeElement;
   }
   get _id() {
@@ -206,7 +202,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
    * @hidden
    */
   componentDidMount() {
-    this.element && this.element.focus();
+    this.element && this.props.autoFocus && this.element.focus({ preventScroll: !0 });
     const s = this.getWindow();
     s && s.addEventListener("resize", this.handleBrowserWindowResize), this.setState({
       stage: this.props.stage || i.DEFAULT,
@@ -216,7 +212,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
       width: this.getInitialWidth(),
       height: this.getInitialHeight(),
       focused: !0,
-      zIndex: v(this.getCurrentZIndex(), this.getDocument(), this._id)
+      zIndex: A(this.getCurrentZIndex(), this.getDocument(), this._id)
     }), this.windowCoordinatesState = {
       leftBeforeAction: this.getInitialLeft(),
       topBeforeAction: this.getInitialTop(),
@@ -225,8 +221,8 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
     };
     const t = this.getDocument();
     if (this.props.appendTo && t) {
-      let e = this.props.appendTo.getBoundingClientRect(), n = t.body.getBoundingClientRect();
-      this.offSetCoordinates.x = e.left - n.left, this.offSetCoordinates.y = e.top - n.top;
+      const e = this.props.appendTo.getBoundingClientRect(), o = t.body.getBoundingClientRect();
+      this.offSetCoordinates.x = e.left - o.left, this.offSetCoordinates.y = e.top - o.top;
     }
     this.mounted = !0;
   }
@@ -235,16 +231,20 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
    */
   componentWillUnmount() {
     const s = this.getWindow();
-    s && s.removeEventListener("resize", this.handleBrowserWindowResize), this.mounted = !1;
+    s && s.removeEventListener("resize", this.handleBrowserWindowResize), this.mounted = !1, setTimeout(() => {
+      var t;
+      !this.element && this.activeElement && document && (document.contains(this.activeElement) ? this.activeElement.focus({ preventScroll: !0 }) : this.activeElement.id && ((t = document.getElementById(this.activeElement.id)) == null || t.focus({ preventScroll: !0 })));
+    });
   }
   /**
    * @hidden
    */
-  componentDidUpdate() {
-    const s = this.getDocument();
-    if (this.props.appendTo && s) {
-      let t = this.props.appendTo.getBoundingClientRect(), e = s.body.getBoundingClientRect();
-      this.offSetCoordinates.x = t.left - e.left, this.offSetCoordinates.y = t.top - e.top;
+  componentDidUpdate(s) {
+    this.props.left && s.left !== this.props.left && this.setState({ left: this.props.left });
+    const t = this.getDocument();
+    if (this.props.appendTo && t) {
+      const e = this.props.appendTo.getBoundingClientRect(), o = t.body.getBoundingClientRect();
+      this.offSetCoordinates.x = e.left - o.left, this.offSetCoordinates.y = e.top - o.top;
     }
     this.mounted = !0;
   }
@@ -252,7 +252,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
    * @hidden
    */
   render() {
-    const s = h.Children.toArray(this.props.children), t = this.getContent(s), e = this.getActionBar(s), n = this.getCurrentZIndex(), a = k(
+    const s = h.Children.toArray(this.props.children), t = this.getContent(s), e = this.getActionBar(s), o = this.getCurrentZIndex(), a = k(
       "k-window",
       this.props.className,
       {
@@ -260,12 +260,12 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
         "k-window-minimized": this.state.stage === "MINIMIZED",
         "k-window-focused": this.state.focused
       }
-    ), f = /* @__PURE__ */ h.createElement(W.Provider, { value: n }, /* @__PURE__ */ h.createElement(h.Fragment, null, this.props.modal && /* @__PURE__ */ h.createElement(
+    ), f = /* @__PURE__ */ h.createElement(W.Provider, { value: o }, /* @__PURE__ */ h.createElement(h.Fragment, null, this.props.modal && /* @__PURE__ */ h.createElement(
       "div",
       {
         className: "k-overlay",
         style: {
-          zIndex: n,
+          zIndex: o,
           ...this.props.overlayStyle
         }
       }
@@ -289,7 +289,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
           left: this.left,
           width: this.width,
           height: this.height || "",
-          zIndex: n,
+          zIndex: o,
           ...this.props.style
         }
       },
@@ -305,6 +305,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
             onPress: this.onPress,
             onDrag: this.onDrag,
             onRelease: this.onRelease,
+            autoScroll: !1,
             ref: (l) => this.draggable = l
           },
           /* @__PURE__ */ h.createElement(
@@ -330,7 +331,7 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
       ),
       this.showLicenseWatermark && /* @__PURE__ */ h.createElement(z, null)
     )));
-    return _ ? this.props.appendTo !== null ? F.createPortal(f, this.props.appendTo || document.body) : f : null;
+    return _ ? this.props.appendTo !== null ? B.createPortal(f, this.props.appendTo || document.body) : f : null;
   }
   // Getters
   get top() {
@@ -364,44 +365,46 @@ const u = 300, w = 300, m = 120, S = 100, d = 5, c = class c extends h.Component
     return this.props.stage || this.state.stage;
   }
   getActionBar(s) {
-    return s.filter((t) => t && t.type === y);
+    return s.filter((t) => t && t.type === M);
   }
   getContent(s) {
-    return s.filter((t) => t && t.type !== y);
+    return s.filter((t) => t && t.type !== M);
   }
   generateTitleId() {
     return "window-title-" + this._id;
   }
 };
-c.displayName = "Window", c.propTypes = {
-  width: o.number,
-  height: o.number,
-  left: o.number,
-  top: o.number,
-  initialWidth: o.number,
-  initialHeight: o.number,
-  initialLeft: o.number,
-  initialTop: o.number,
-  minWidth: o.number,
-  minHeight: o.number,
-  resizable: o.bool,
-  draggable: o.bool,
-  title: o.any,
-  shouldUpdateOnDrag: o.bool,
-  stage: o.oneOf(["DEFAULT", "MINIMIZED", "FULLSCREEN"]),
-  className: o.string,
-  id: o.string,
-  style: o.object,
-  overlayStyle: o.object
-}, c.defaultProps = {
+g.displayName = "Window", g.propTypes = {
+  width: n.number,
+  height: n.number,
+  left: n.number,
+  top: n.number,
+  initialWidth: n.number,
+  initialHeight: n.number,
+  initialLeft: n.number,
+  initialTop: n.number,
+  minWidth: n.number,
+  minHeight: n.number,
+  resizable: n.bool,
+  draggable: n.bool,
+  title: n.any,
+  shouldUpdateOnDrag: n.bool,
+  stage: n.oneOf(["DEFAULT", "MINIMIZED", "FULLSCREEN"]),
+  className: n.string,
+  id: n.string,
+  style: n.object,
+  overlayStyle: n.object,
+  autoFocus: n.bool
+}, g.defaultProps = {
   minWidth: m,
   minHeight: S,
   resizable: !0,
   draggable: !0,
   modal: !1,
-  doubleClickStageChange: !0
-}, c.contextType = W;
-let E = c;
+  doubleClickStageChange: !0,
+  autoFocus: !0
+}, g.contextType = W;
+let E = g;
 const Y = O(), j = Z(P(Y, E));
 j.displayName = "KendoReactWindow";
 export {

package/WindowResizeHandlers.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@progress/kendo-react-common");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=i(a),l=["n","e","s","w","se","sw","ne","nw"];class d extends o.Component{render(){return o.createElement("div",{className:"k-resize-handles-wrapper"}," ",l.map((e,n)=>o.createElement(c.Draggable,{key:n,onDrag:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!1,direction:e})},onRelease:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!0,direction:e})}},o.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none"}}))))}}exports.ResizeHandlers=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@progress/kendo-react-common");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=i(a),l=["n","e","s","w","se","sw","ne","nw"];class u extends o.Component{render(){return o.createElement("div",{className:"k-resize-handles-wrapper"}," ",l.map((e,n)=>o.createElement(c.Draggable,{key:n,onDrag:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!1,direction:e})},onRelease:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!0,direction:e})}},o.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none",userSelect:"none"}}))))}}exports.ResizeHandlers=u;

package/WindowResizeHandlers.mjs

@@ -28,7 +28,7 @@ class c extends n.Component {
         "div",
         {
           className: "k-resize-handle k-resize-" + t,
-          style: { display: "block", touchAction: "none" }
+          style: { display: "block", touchAction: "none", userSelect: "none" }
         }
       )
     )));

package/dist/cdn/js/kendo-react-dialogs.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-common","@progress/kendo-react-intl"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoReactDialogs={},t.React,t.ReactDOM,t.PropTypes,t.KendoReactButtons,t.KendoSvgIcons,t.KendoReactCommon,t.KendoReactIntl)}(this,(function(t,e,i,s,o,n,a,r){"use strict";function h(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var l=h(e),d=h(i);const p=({children:t,onCloseButtonClick:e,id:i,closeIcon:s})=>l.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:i},l.createElement("span",{className:"k-window-title k-dialog-title"},t),s&&l.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},l.createElement(o.Button,{role:"button","aria-label":"Close",onClick:e,icon:"x",svgIcon:n.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"}))),c=t=>{const e={layout:"stretched",...t},{layout:i,children:s}=e,o=a.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${i}`]:i});return l.createElement("div",{className:o},s)};c.propTypes={children:s.any,layout:s.oneOf(["start","center","end","stretched"])};const g={name:"@progress/kendo-react-dialogs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},u="data-windowid",w=10002,m=(t,e,i)=>{let s=t;if(e&&e.defaultView){let t=e.querySelectorAll(".k-window:not(.k-dialog), .k-dialog-wrapper"),o=!1;return t.forEach((t=>{let n=e.defaultView.getComputedStyle(t,null);if(t.getAttribute(u)!==i&&null!==n.zIndex){let t=parseInt(n.zIndex,10);t>=s&&(s=t,o=!0)}})),o?s+2:s}return s},f=class extends l.Component{constructor(t){super(t),this.context=0,this.titleId=this.generateTitleId(),this.contentId=this.generateContentId(),this.showLicenseWatermark=!1,this.activeElement=null,this.onCloseDialog=t=>{t.preventDefault(),a.dispatchEvent(this.props.onClose,t,this,void 0),setTimeout((()=>{this.activeElement&&this.activeElement.focus()}))},this.onKeyDown=t=>{t.keyCode===a.Keys.esc&&this.props.onClose&&(t.preventDefault(),this.onCloseDialog(t)),a.keepFocusInContainer(t,this.element)},this.getCurrentZIndex=()=>this.state&&void 0!==this.context?this.state.zIndex>(this.context?this.context+2:0)?this.state.zIndex:this.context+2:this.context?this.context:w,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,a.validatePackage(g),this.showLicenseWatermark=a.shouldShowValidationUI(g),this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&(this.props.autoFocus?this.element.focus():a.focusFirstFocusableChild(this.element),this.setState({zIndex:m(this.getCurrentZIndex(),this.getDocument(),this._id)}))}render(){const t=void 0!==this.props.id?this.props.id:this.titleId,{title:e,width:i,height:s,children:o,minWidth:n,dir:r,style:h,contentStyle:c,modal:g=!0}=this.props,w=l.Children.toArray(o),m=this.getContent(w),f=this.getActionBar(w),C=e?{"aria-labelledby":t}:null,E=void 0===this.props.closeIcon||this.props.closeIcon,v=this.getCurrentZIndex(),I=l.createElement(a.ZIndexContext.Provider,{value:v},l.createElement("div",{[u]:this._id,className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:r,style:{zIndex:v,...h},ref:t=>this.element=t},g&&l.createElement("div",{className:"k-overlay",style:this.props.overlayStyle}),l.createElement("div",{...C,className:a.classNames("k-window k-dialog",{[`k-window-${this.props.themeColor}`]:this.props.themeColor}),role:"dialog","aria-labelledby":t,"aria-modal":!0,"aria-describedby":this.contentId,style:{width:i,height:s,minWidth:n}},this.props.title&&l.createElement(p,{closeIcon:E,onCloseButtonClick:this.onCloseDialog,id:t},e),l.createElement("div",{className:"k-window-content k-dialog-content",style:c,id:this.contentId},m),f,this.showLicenseWatermark&&l.createElement(a.WatermarkOverlay,null))));return a.canUseDOM?null!==this.props.appendTo?d.createPortal(I,this.props.appendTo||document.body):I:null}getActionBar(t){return t.filter((t=>t&&t.type===c))}getContent(t){return t.filter((t=>t&&t.type!==c))}generateTitleId(){return"dialog-title-"+this._id}generateContentId(){return"dialog-content-"+this._id}};f.displayName="Dialog",f.propTypes={title:s.any,id:s.string,dir:s.string,style:s.object,closeIcon:s.bool,width:s.oneOfType([s.number,s.string]),height:s.oneOfType([s.number,s.string]),minWidth:s.oneOfType([s.number,s.string]),autoFocus:s.bool},f.defaultProps={autoFocus:!1},f.contextType=a.ZIndexContext;let C=f;const E=a.createPropsContext(),v=a.withIdHOC(a.withPropsContext(E,C));v.displayName="KendoReactDialog";var I=(t=>(t.DEFAULT="DEFAULT",t.FULLSCREEN="FULLSCREEN",t.MINIMIZED="MINIMIZED",t))(I||{});const k="dialogs.windowMaximizeButton",y="dialogs.windowMinimizeButton",b="dialogs.windowRestoreButton",S="dialogs.windowCloseButton",D={[k]:"maximize",[y]:"minimize",[b]:"restore",[S]:"close"},T=t=>{const{children:e,onCloseButtonClick:i,onMinimizeButtonClick:s,onFullScreenButtonClick:a,onRestoreButtonClick:h,onDoubleClick:d,stage:p,forwardedRef:c,id:g}=t,u=r.useLocalization(),w=t.minimizeButton?l.createElement(t.minimizeButton,{onClick:s,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-minimize",svgIcon:n.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:s,"aria-label":u.toLanguageString(y,D[y])}),m=t.maximizeButton?l.createElement(t.maximizeButton,{onClick:a,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-maximize",svgIcon:n.windowIcon,className:"k-window-titlebar-action",onClick:a,"aria-label":u.toLanguageString(k,D[k])}),f=t.restoreButton?l.createElement(t.restoreButton,{onClick:h,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-restore",svgIcon:n.windowRestoreIcon,className:"k-window-titlebar-action",onClick:h,"aria-label":u.toLanguageString(b,D[b])}),C=t.closeButton?l.createElement(t.closeButton,{onClick:i,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"x",svgIcon:n.xIcon,className:"k-window-titlebar-action",onClick:i,"aria-label":u.toLanguageString(S,D[S])});return l.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:c,onDoubleClick:d},l.createElement("span",{className:"k-window-title",id:g},e||""),l.createElement("div",{className:"k-window-titlebar-actions"},p===I.DEFAULT&&w,p===I.DEFAULT&&m,p!==I.DEFAULT&&f,C))},x=l.forwardRef(((t,e)=>l.createElement(T,{...t,forwardedRef:e}))),L=["n","e","s","w","se","sw","ne","nw"];let B=class extends l.Component{render(){return l.createElement("div",{className:"k-resize-handles-wrapper"}," ",L.map(((t,e)=>l.createElement(a.Draggable,{key:e,onDrag:e=>{const{event:i}=e;i.originalEvent.preventDefault(),this.props.onResize(i,{end:!1,direction:t})},onRelease:e=>{const{event:i}=e;i.originalEvent.preventDefault(),this.props.onResize(i,{end:!0,direction:t})}},l.createElement("div",{className:"k-resize-handle k-resize-"+t,style:{display:"block",touchAction:"none"}})))))}};class N extends l.Component{shouldComponentUpdate(t){return t.shouldUpdateOnDrag||!t.isDragging}render(){return this.props.children}}const z=t=>{const e={layout:"end",...t},{layout:i,children:s}=e,o=a.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":"start"===i,"k-justify-content-center":"center"===i,"k-justify-content-end":"end"===i,"k-justify-content-stretch":"stretched"===i});return l.createElement("div",{className:o},s)};z.propTypes={children:s.any,layout:s.oneOf(["start","center","end","stretched"])};const M=class extends l.Component{constructor(t){super(t),this.context=0,this.draggable=null,this.offSetCoordinates={x:0,y:0},this.titleId=this.generateTitleId(),this.mounted=!1,this.showLicenseWatermark=!1,this.activeElement=null,this.onKeyDown=t=>{if(this.props.modal&&a.keepFocusInContainer(t,this.element),t.target!==t.currentTarget)return;const e=this.props.minWidth||120,i=this.props.minHeight||100;if((t.metaKey||t.ctrlKey)&&this.props.resizable){switch(t.keyCode){case a.Keys.up:t.preventDefault(),i<=this.height-5&&this.setState({height:this.height-5});break;case a.Keys.down:t.preventDefault(),this.setState({height:this.height+5});break;case a.Keys.left:e<=this.width-5&&this.setState({width:this.width-5});break;case a.Keys.right:this.setState({width:this.width+5});break;default:return}this.dispatchMoveEvent(this.props.onResize,t,!1,void 0)}else if(t.altKey)switch(t.keyCode){case a.Keys.up:this.windowStage===I.MINIMIZED?(this.handleRestore(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})):this.windowStage===I.DEFAULT&&(this.handleFullscreen(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.FULLSCREEN}));break;case a.Keys.down:this.windowStage===I.FULLSCREEN?(this.handleRestore(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})):this.windowStage===I.DEFAULT&&(this.handleMinimize(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.MINIMIZED}))}else{if(!t.ctrlKey)switch(t.keyCode){case a.Keys.esc:return void(this.props.onClose&&this.handleCloseWindow(t));case a.Keys.up:this.setState({top:this.state.top-5});break;case a.Keys.down:this.setState({top:this.state.top+5});break;case a.Keys.left:this.setState({left:this.state.left-5});break;case a.Keys.right:this.setState({left:this.state.left+5});break;default:return}this.dispatchMoveEvent(this.props.onMove,t,!1,void 0)}},this.onPress=t=>{const e=t.event;this.windowCoordinatesState.differenceLeft=e.pageX-this.left,this.windowCoordinatesState.differenceTop=e.pageY-this.top},this.onDrag=t=>{const e=t.event;e.originalEvent.preventDefault(),this.windowStage!==I.FULLSCREEN&&this.props.draggable&&(this.setState({top:Math.max(e.pageY-this.windowCoordinatesState.differenceTop,0),left:e.pageX-this.windowCoordinatesState.differenceLeft,isDragging:!0}),this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!1))},this.onRelease=t=>{const e=t.event;this.windowStage!==I.FULLSCREEN&&this.props.draggable&&this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!0),this.setState({isDragging:!1})},this.onFocus=()=>{this._blurTimeout?(clearTimeout(this._blurTimeout),this._blurTimeout=void 0):this.setState({focused:!0,zIndex:m(this.getCurrentZIndex(),this.getDocument(),this._id)})},this.onBlur=()=>{clearTimeout(this._blurTimeout);const t=this.getWindow();t&&(this._blurTimeout=t.setTimeout((()=>{this.mounted&&this.setState({focused:!1}),this._blurTimeout=void 0})))},this.getInitialTop=()=>{if(void 0!==this.props.top)return this.props.top;if(void 0!==this.props.initialTop)return this.props.initialTop;let t=300;if(void 0!==this.props.height?t=this.props.height:void 0!==this.props.initialHeight&&(t=this.props.initialHeight),this.props.appendTo)return this.props.appendTo.offsetHeight/2-t/2;const e=this.getWindow();return e?e.innerHeight/2-t/2:0},this.getInitialLeft=()=>{if(void 0!==this.props.left)return this.props.left;if(void 0!==this.props.initialLeft)return this.props.initialLeft;let t=300;if(void 0!==this.props.width?t=this.props.width:void 0!==this.props.initialWidth&&(t=this.props.initialWidth),this.props.appendTo)return this.props.appendTo.offsetWidth/2-t/2;const e=this.getWindow();return e?e.innerWidth/2-t/2:0},this.getInitialWidth=()=>{let t=300;return void 0!==this.props.width?t=this.props.width:void 0!==this.props.initialWidth&&(t=this.props.initialWidth),t},this.getInitialHeight=()=>{let t=300;return void 0!==this.props.height?t=this.props.height:void 0!==this.props.initialHeight&&(t=this.props.initialHeight),t},this.handleMinimize=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height,this.setState({stage:I.MINIMIZED,height:0}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.MINIMIZED})},this.handleFullscreen=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height;const e=this.getWindow(),i=e?e.innerWidth:0,s=e?e.innerHeight:0;this.setState({left:0,top:0,width:this.props.appendTo?this.props.appendTo.offsetWidth:i,height:this.props.appendTo?this.props.appendTo.offsetHeight:s,stage:I.FULLSCREEN}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.FULLSCREEN})},this.handleRestore=t=>{t.preventDefault(),this.windowStage===I.FULLSCREEN?this.setState({stage:I.DEFAULT,left:this.windowCoordinatesState.leftBeforeAction,top:this.windowCoordinatesState.topBeforeAction,width:this.windowCoordinatesState.widthBeforeAction,height:this.windowCoordinatesState.heightBeforeAction}):this.windowStage===I.MINIMIZED&&this.setState({stage:I.DEFAULT,height:this.windowCoordinatesState.heightBeforeAction}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})},this.handleCloseWindow=t=>{t.preventDefault(),a.dispatchEvent(this.props.onClose,t,this,{state:void 0}),setTimeout((()=>{this.activeElement&&this.activeElement.focus()}))},this.handleDoubleClick=t=>{this.windowStage===I.FULLSCREEN||this.windowStage===I.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t)},this.handleResize=(t,e)=>{const i=this.props.appendTo?t.pageX-this.offSetCoordinates.x:t.pageX,s=this.props.appendTo?t.pageY-this.offSetCoordinates.y:t.pageY,o=this.width,n=this.height,a=this.props.minWidth||120,r=this.props.minHeight||100,h=this.top-s,l=this.left-i;let d=i-this.left,p=s-this.top;const c=Object.assign({},this.state,{isDragging:!e.end});e.direction.indexOf("n")>=0&&r-(n+h)<0&&(this.top>0&&(c.height=n+h),c.top=s),e.direction.indexOf("s")>=0&&r-p<0&&(c.height=p),e.direction.indexOf("w")>=0&&a-(o+l)<0&&(this.left>0&&(c.width=o+l),c.left=i),e.direction.indexOf("e")>=0&&a-d<0&&(c.width=d),this.setState(c),this.dispatchMoveEvent(this.props.onResize,t,!0,e.end)},this.dispatchMoveEvent=(t,e,i,s)=>{t&&t.call(void 0,{nativeEvent:e.nativeEvent?e.nativeEvent:e.originalEvent,drag:i,end:s,target:this,left:this.state.left,top:this.state.top,width:this.state.width,hight:this.state.height,height:this.state.height})},this.handleBrowserWindowResize=()=>{if(this.windowStage===I.FULLSCREEN){const t=this.getWindow(),e=t?t.innerWidth:0,i=t?t.innerHeight:0;this.setState({width:this.props.appendTo?this.props.appendTo.offsetWidth:e,height:this.props.appendTo?this.props.appendTo.offsetHeight:i})}},this.getCurrentZIndex=()=>this.state&&void 0!==this.context?this.state.zIndex>(this.context?this.context+2:0)?this.state.zIndex:this.context+2:this.context?this.context:w,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,this.getWindow=()=>{const t=this.getDocument();return t&&t.defaultView},a.validatePackage(g),this.showLicenseWatermark=a.shouldShowValidationUI(g),this.state={stage:this.props.stage||I.DEFAULT,isDragging:!1,top:0,left:0,width:300,height:300,focused:!0,zIndex:w},this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&this.element.focus();const t=this.getWindow();t&&t.addEventListener("resize",this.handleBrowserWindowResize),this.setState({stage:this.props.stage||I.DEFAULT,isDragging:!1,top:this.getInitialTop(),left:this.getInitialLeft(),width:this.getInitialWidth(),height:this.getInitialHeight(),focused:!0,zIndex:m(this.getCurrentZIndex(),this.getDocument(),this._id)}),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()};const e=this.getDocument();if(this.props.appendTo&&e){let t=this.props.appendTo.getBoundingClientRect(),i=e.body.getBoundingClientRect();this.offSetCoordinates.x=t.left-i.left,this.offSetCoordinates.y=t.top-i.top}this.mounted=!0}componentWillUnmount(){const t=this.getWindow();t&&t.removeEventListener("resize",this.handleBrowserWindowResize),this.mounted=!1}componentDidUpdate(){const t=this.getDocument();if(this.props.appendTo&&t){let e=this.props.appendTo.getBoundingClientRect(),i=t.body.getBoundingClientRect();this.offSetCoordinates.x=e.left-i.left,this.offSetCoordinates.y=e.top-i.top}this.mounted=!0}render(){const t=l.Children.toArray(this.props.children),e=this.getContent(t),i=this.getActionBar(t),s=this.getCurrentZIndex(),o=a.classNames("k-window",this.props.className,{[`k-window-${this.props.themeColor}`]:this.props.themeColor,"k-window-minimized":"MINIMIZED"===this.state.stage,"k-window-focused":this.state.focused}),n=l.createElement(a.ZIndexContext.Provider,{value:s},l.createElement(l.Fragment,null,this.props.modal&&l.createElement("div",{className:"k-overlay",style:{zIndex:s,...this.props.overlayStyle}}),l.createElement("div",{id:this.props.id,[u]:this._id,tabIndex:0,role:"dialog","aria-labelledby":this.titleId,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:t=>{this.windowElement=t,this.element=t},className:o,style:{top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:s,...this.props.style}},l.createElement(N,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},l.createElement(a.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:t=>this.draggable=t},l.createElement(x,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,onMinimizeButtonClick:this.handleMinimize,onFullScreenButtonClick:this.handleFullscreen,onRestoreButtonClick:this.handleRestore,onCloseButtonClick:this.handleCloseWindow,closeButton:this.props.closeButton,minimizeButton:this.props.minimizeButton,maximizeButton:this.props.maximizeButton,restoreButton:this.props.restoreButton,id:this.titleId},this.props.title)),this.windowStage!==I.MINIMIZED?l.createElement(l.Fragment,null,l.createElement("div",{className:"k-window-content"},e),i):null,this.windowStage===I.DEFAULT&&this.props.resizable?l.createElement(B,{onResize:this.handleResize}):null),this.showLicenseWatermark&&l.createElement(a.WatermarkOverlay,null))));return a.canUseDOM?null!==this.props.appendTo?d.createPortal(n,this.props.appendTo||document.body):n:null}get top(){return this.windowStage!==I.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0}get left(){return this.windowStage!==I.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0}get width(){let t=this.props.width||this.state.width;if(this.windowStage===I.FULLSCREEN){if(this.props.appendTo)return t=this.props.appendTo.offsetWidth,t;const e=this.getWindow();t=e?e.innerWidth:0}return t}get height(){let t=this.props.height||this.state.height;if(this.windowStage===I.FULLSCREEN){if(this.props.appendTo)return t=this.props.appendTo.offsetHeight,t;const e=this.getWindow();t=e?e.innerHeight:0}else this.windowStage===I.MINIMIZED&&(t=0);return t}get windowStage(){return this.props.stage||this.state.stage}getActionBar(t){return t.filter((t=>t&&t.type===z))}getContent(t){return t.filter((t=>t&&t.type!==z))}generateTitleId(){return"window-title-"+this._id}};M.displayName="Window",M.propTypes={width:s.number,height:s.number,left:s.number,top:s.number,initialWidth:s.number,initialHeight:s.number,initialLeft:s.number,initialTop:s.number,minWidth:s.number,minHeight:s.number,resizable:s.bool,draggable:s.bool,title:s.any,shouldUpdateOnDrag:s.bool,stage:s.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:s.string,id:s.string,style:s.object,overlayStyle:s.object},M.defaultProps={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0},M.contextType=a.ZIndexContext;let R=M;const W=a.createPropsContext(),F=a.withIdHOC(a.withPropsContext(W,R));F.displayName="KendoReactWindow",t.Dialog=v,t.DialogActionsBar=c,t.DialogPropsContext=E,t.Window=F,t.WindowActionsBar=z,t.WindowPropsContext=W}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-common","@progress/kendo-react-intl"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoReactDialogs={},t.React,t.ReactDOM,t.PropTypes,t.KendoReactButtons,t.KendoSvgIcons,t.KendoReactCommon,t.KendoReactIntl)}(this,(function(t,e,i,s,o,n,a,r){"use strict";function h(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var l=h(e),d=h(i);const p=({children:t,onCloseButtonClick:e,id:i,closeIcon:s})=>l.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:i},l.createElement("span",{className:"k-window-title k-dialog-title"},t),s&&l.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},l.createElement(o.Button,{role:"button","aria-label":"Close",onClick:e,icon:"x",svgIcon:n.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"}))),c=t=>{const e={layout:"stretched",...t},{layout:i,children:s}=e,o=a.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${i}`]:i});return l.createElement("div",{className:o},s)};c.propTypes={children:s.any,layout:s.oneOf(["start","center","end","stretched"])};const g={name:"@progress/kendo-react-dialogs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},u="data-windowid",m=10002,w=(t,e,i)=>{let s=t;if(e&&e.defaultView){let t=e.querySelectorAll(".k-window:not(.k-dialog), .k-dialog-wrapper"),o=!1;return t.forEach((t=>{let n=e.defaultView.getComputedStyle(t,null);if(t.getAttribute(u)!==i&&null!==n.zIndex){let t=parseInt(n.zIndex,10);t>=s&&(s=t,o=!0)}})),o?s+2:s}return s},f=class extends l.Component{constructor(t){super(t),this.context=0,this.titleId=this.generateTitleId(),this.contentId=this.generateContentId(),this.showLicenseWatermark=!1,this.activeElement=null,this.onCloseDialog=t=>{t.preventDefault(),a.dispatchEvent(this.props.onClose,t,this,void 0)},this.onKeyDown=t=>{t.keyCode===a.Keys.esc&&this.props.onClose&&(t.preventDefault(),this.onCloseDialog(t)),a.keepFocusInContainer(t,this.element)},this.getCurrentZIndex=()=>this.state&&void 0!==this.context?this.state.zIndex>(this.context?this.context+2:0)?this.state.zIndex:this.context+2:this.context?this.context:m,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,a.validatePackage(g),this.showLicenseWatermark=a.shouldShowValidationUI(g),this.activeElement=a.getActiveElement(document)}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){if(this.element){if(this.props.autoFocus&&!this.props.autoFocusedElement)this.element.focus();else if(this.props.autoFocus&&this.props.autoFocusedElement)this.element.focus();else if(!this.props.autoFocus&&this.props.autoFocusedElement){const t=this.element.querySelector(this.props.autoFocusedElement);t&&t.focus()}else{const t=[...a.FOCUSABLE_ELEMENTS].map((t=>t+":not(.k-dialog-titlebar *)"));a.focusFirstFocusableChild(this.element,t)}this.setState({zIndex:w(this.getCurrentZIndex(),this.getDocument(),this._id)})}}componentWillUnmount(){setTimeout((()=>{var t;!this.element&&this.activeElement&&document&&(document.contains(this.activeElement)?this.activeElement.focus():this.activeElement.id&&(null==(t=document.getElementById(this.activeElement.id))||t.focus()))}))}render(){const t=void 0!==this.props.id?this.props.id:this.titleId,{title:e,width:i,height:s,children:o,minWidth:n,dir:r,style:h,contentStyle:c,modal:g=!0}=this.props,m=l.Children.toArray(o),w=this.getContent(m),f=this.getActionBar(m),E=e?{"aria-labelledby":t}:null,C=void 0===this.props.closeIcon||this.props.closeIcon,v=this.getCurrentZIndex(),I=l.createElement(a.ZIndexContext.Provider,{value:v},l.createElement("div",{[u]:this._id,className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:r,style:{zIndex:v,...h},ref:t=>this.element=t},g&&l.createElement("div",{className:"k-overlay",style:this.props.overlayStyle}),l.createElement("div",{...E,className:a.classNames("k-window k-dialog",{[`k-window-${this.props.themeColor}`]:this.props.themeColor}),role:"dialog","aria-labelledby":t,"aria-modal":!0,"aria-describedby":this.contentId,style:{width:i,height:s,minWidth:n}},this.props.title&&l.createElement(p,{closeIcon:C,onCloseButtonClick:this.onCloseDialog,id:t},e),l.createElement("div",{className:"k-window-content k-dialog-content",style:c,id:this.contentId},w),f,this.showLicenseWatermark&&l.createElement(a.WatermarkOverlay,null))));return a.canUseDOM?null!==this.props.appendTo?d.createPortal(I,this.props.appendTo||document.body):I:null}getActionBar(t){return t.filter((t=>t&&t.type===c))}getContent(t){return t.filter((t=>t&&t.type!==c))}generateTitleId(){return"dialog-title-"+this._id}generateContentId(){return"dialog-content-"+this._id}};f.displayName="Dialog",f.propTypes={title:s.any,id:s.string,dir:s.string,style:s.object,closeIcon:s.bool,width:s.oneOfType([s.number,s.string]),height:s.oneOfType([s.number,s.string]),minWidth:s.oneOfType([s.number,s.string]),autoFocus:s.bool},f.defaultProps={autoFocus:!1},f.contextType=a.ZIndexContext;let E=f;const C=a.createPropsContext(),v=a.withIdHOC(a.withPropsContext(C,E));v.displayName="KendoReactDialog";var I=(t=>(t.DEFAULT="DEFAULT",t.FULLSCREEN="FULLSCREEN",t.MINIMIZED="MINIMIZED",t))(I||{});const k="dialogs.windowMaximizeButton",y="dialogs.windowMinimizeButton",S="dialogs.windowRestoreButton",b="dialogs.windowCloseButton",D={[k]:"maximize",[y]:"minimize",[S]:"restore",[b]:"close"},T=t=>{const{children:e,onCloseButtonClick:i,onMinimizeButtonClick:s,onFullScreenButtonClick:a,onRestoreButtonClick:h,onDoubleClick:d,stage:p,forwardedRef:c,id:g}=t,u=r.useLocalization(),m=t.minimizeButton?l.createElement(t.minimizeButton,{onClick:s,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-minimize",svgIcon:n.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:s,"aria-label":u.toLanguageString(y,D[y])}),w=t.maximizeButton?l.createElement(t.maximizeButton,{onClick:a,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-maximize",svgIcon:n.windowIcon,className:"k-window-titlebar-action",onClick:a,"aria-label":u.toLanguageString(k,D[k])}),f=t.restoreButton?l.createElement(t.restoreButton,{onClick:h,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"window-restore",svgIcon:n.windowRestoreIcon,className:"k-window-titlebar-action",onClick:h,"aria-label":u.toLanguageString(S,D[S])}),E=t.closeButton?l.createElement(t.closeButton,{onClick:i,stage:p}):l.createElement(o.Button,{fillMode:"flat",icon:"x",svgIcon:n.xIcon,className:"k-window-titlebar-action",onClick:i,"aria-label":u.toLanguageString(b,D[b])});return l.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:c,onDoubleClick:d},l.createElement("span",{className:"k-window-title",id:g},e||""),l.createElement("div",{className:"k-window-titlebar-actions"},p===I.DEFAULT&&m,p===I.DEFAULT&&w,p!==I.DEFAULT&&f,E))},x=l.forwardRef(((t,e)=>l.createElement(T,{...t,forwardedRef:e}))),B=["n","e","s","w","se","sw","ne","nw"];class L extends l.Component{render(){return l.createElement("div",{className:"k-resize-handles-wrapper"}," ",B.map(((t,e)=>l.createElement(a.Draggable,{key:e,onDrag:e=>{const{event:i}=e;i.originalEvent.preventDefault(),this.props.onResize(i,{end:!1,direction:t})},onRelease:e=>{const{event:i}=e;i.originalEvent.preventDefault(),this.props.onResize(i,{end:!0,direction:t})}},l.createElement("div",{className:"k-resize-handle k-resize-"+t,style:{display:"block",touchAction:"none",userSelect:"none"}})))))}}class N extends l.Component{shouldComponentUpdate(t){return t.shouldUpdateOnDrag||!t.isDragging}render(){return this.props.children}}const F=t=>{const e={layout:"end",...t},{layout:i,children:s}=e,o=a.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":"start"===i,"k-justify-content-center":"center"===i,"k-justify-content-end":"end"===i,"k-justify-content-stretch":"stretched"===i});return l.createElement("div",{className:o},s)};F.propTypes={children:s.any,layout:s.oneOf(["start","center","end","stretched"])};const M=class extends l.Component{constructor(t){super(t),this.context=0,this.draggable=null,this.offSetCoordinates={x:0,y:0},this.titleId=this.generateTitleId(),this.mounted=!1,this.showLicenseWatermark=!1,this.activeElement=null,this.onKeyDown=t=>{if(this.props.modal&&a.keepFocusInContainer(t,this.element),t.target!==t.currentTarget)return;const e=this.props.minWidth||120,i=this.props.minHeight||100;if((t.metaKey||t.ctrlKey)&&this.props.resizable){switch(t.keyCode){case a.Keys.up:t.preventDefault(),i<=this.height-5&&this.setState({height:this.height-5});break;case a.Keys.down:t.preventDefault(),this.setState({height:this.height+5});break;case a.Keys.left:e<=this.width-5&&this.setState({width:this.width-5});break;case a.Keys.right:this.setState({width:this.width+5});break;default:return}this.dispatchMoveEvent(this.props.onResize,t,!1,void 0)}else if(t.altKey)switch(t.keyCode){case a.Keys.up:this.windowStage===I.MINIMIZED?(this.handleRestore(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})):this.windowStage===I.DEFAULT&&(this.handleFullscreen(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.FULLSCREEN}));break;case a.Keys.down:this.windowStage===I.FULLSCREEN?(this.handleRestore(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})):this.windowStage===I.DEFAULT&&(this.handleMinimize(t),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.MINIMIZED}))}else{if(!t.ctrlKey)switch(t.keyCode){case a.Keys.esc:return void(this.props.onClose&&this.handleCloseWindow(t));case a.Keys.up:this.setState({top:this.state.top-5});break;case a.Keys.down:this.setState({top:this.state.top+5});break;case a.Keys.left:this.setState({left:this.state.left-5});break;case a.Keys.right:this.setState({left:this.state.left+5});break;default:return}this.dispatchMoveEvent(this.props.onMove,t,!1,void 0)}},this.onPress=t=>{const e=t.event;this.windowCoordinatesState.differenceLeft=e.pageX-this.left,this.windowCoordinatesState.differenceTop=e.pageY-this.top},this.onDrag=t=>{const e=t.event;e.originalEvent.preventDefault(),this.windowStage!==I.FULLSCREEN&&this.props.draggable&&(this.setState({top:Math.max(e.pageY-this.windowCoordinatesState.differenceTop,0),left:e.pageX-this.windowCoordinatesState.differenceLeft,isDragging:!0}),this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!1))},this.onRelease=t=>{const e=t.event;this.windowStage!==I.FULLSCREEN&&this.props.draggable&&this.props.onMove&&this.dispatchMoveEvent(this.props.onMove,e,!0,!0),this.setState({isDragging:!1})},this.onFocus=()=>{this._blurTimeout?(clearTimeout(this._blurTimeout),this._blurTimeout=void 0):this.setState({focused:!0,zIndex:w(this.getCurrentZIndex(),this.getDocument(),this._id)})},this.onBlur=()=>{clearTimeout(this._blurTimeout);const t=this.getWindow();t&&(this._blurTimeout=t.setTimeout((()=>{this.mounted&&this.setState({focused:!1}),this._blurTimeout=void 0})))},this.getInitialTop=()=>{if(void 0!==this.props.top)return this.props.top;if(void 0!==this.props.initialTop)return this.props.initialTop;let t=300;if(void 0!==this.props.height?t=this.props.height:void 0!==this.props.initialHeight&&(t=this.props.initialHeight),this.props.appendTo)return this.props.appendTo.offsetHeight/2-t/2;const e=this.getWindow();return e?e.innerHeight/2-t/2:0},this.getInitialLeft=()=>{if(void 0!==this.props.left)return this.props.left;if(void 0!==this.props.initialLeft)return this.props.initialLeft;let t=300;if(void 0!==this.props.width?t=this.props.width:void 0!==this.props.initialWidth&&(t=this.props.initialWidth),this.props.appendTo)return this.props.appendTo.offsetWidth/2-t/2;const e=this.getWindow();return e?e.innerWidth/2-t/2:0},this.getInitialWidth=()=>{let t=300;return void 0!==this.props.width?t=this.props.width:void 0!==this.props.initialWidth&&(t=this.props.initialWidth),t},this.getInitialHeight=()=>{let t=300;return void 0!==this.props.height?t=this.props.height:void 0!==this.props.initialHeight&&(t=this.props.initialHeight),t},this.handleMinimize=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height,this.setState({stage:I.MINIMIZED,height:0}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.MINIMIZED})},this.handleFullscreen=t=>{t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.left,this.windowCoordinatesState.topBeforeAction=this.top,this.windowCoordinatesState.widthBeforeAction=this.width,this.windowCoordinatesState.heightBeforeAction=this.height;const e=this.getWindow(),i=e?e.innerWidth:0,s=e?e.innerHeight:0;this.setState({left:0,top:0,width:this.props.appendTo?this.props.appendTo.offsetWidth:i,height:this.props.appendTo?this.props.appendTo.offsetHeight:s,stage:I.FULLSCREEN}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.FULLSCREEN})},this.handleRestore=t=>{t.preventDefault(),this.windowStage===I.FULLSCREEN?this.setState({stage:I.DEFAULT,left:this.windowCoordinatesState.leftBeforeAction,top:this.windowCoordinatesState.topBeforeAction,width:this.windowCoordinatesState.widthBeforeAction,height:this.windowCoordinatesState.heightBeforeAction}):this.windowStage===I.MINIMIZED&&this.setState({stage:I.DEFAULT,height:this.windowCoordinatesState.heightBeforeAction}),a.dispatchEvent(this.props.onStageChange,t,this,{state:I.DEFAULT})},this.handleCloseWindow=t=>{t.preventDefault(),a.dispatchEvent(this.props.onClose,t,this,{state:void 0})},this.handleDoubleClick=t=>{this.windowStage===I.FULLSCREEN||this.windowStage===I.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t)},this.handleResize=(t,e)=>{const i=this.props.appendTo?t.pageX-this.offSetCoordinates.x:t.pageX,s=this.props.appendTo?t.pageY-this.offSetCoordinates.y:t.pageY,o=this.width,n=this.height,a=this.props.minWidth||120,r=this.props.minHeight||100,h=this.top-s,l=this.left-i,d=i-this.left,p=s-this.top,c=Object.assign({},this.state,{isDragging:!e.end});e.direction.indexOf("n")>=0&&r-(n+h)<0&&(this.top>0&&(c.height=n+h),c.top=s),e.direction.indexOf("s")>=0&&r-p<0&&(c.height=p),e.direction.indexOf("w")>=0&&a-(o+l)<0&&(this.left>0&&(c.width=o+l),c.left=i),e.direction.indexOf("e")>=0&&a-d<0&&(c.width=d),this.setState(c),this.dispatchMoveEvent(this.props.onResize,t,!0,e.end)},this.dispatchMoveEvent=(t,e,i,s)=>{t&&t.call(void 0,{nativeEvent:e.nativeEvent?e.nativeEvent:e.originalEvent,drag:i,end:s,target:this,left:this.state.left,top:this.state.top,width:this.state.width,hight:this.state.height,height:this.state.height})},this.handleBrowserWindowResize=()=>{if(this.windowStage===I.FULLSCREEN){const t=this.getWindow(),e=t?t.innerWidth:0,i=t?t.innerHeight:0;this.setState({width:this.props.appendTo?this.props.appendTo.offsetWidth:e,height:this.props.appendTo?this.props.appendTo.offsetHeight:i})}},this.getCurrentZIndex=()=>this.state&&void 0!==this.context?this.state.zIndex>(this.context?this.context+2:0)?this.state.zIndex:this.context+2:this.context?this.context:m,this.getDocument=()=>this.props.appendTo?this.props.appendTo.ownerDocument:document,this.getWindow=()=>{const t=this.getDocument();return t&&t.defaultView},a.validatePackage(g),this.showLicenseWatermark=a.shouldShowValidationUI(g),this.state={stage:this.props.stage||I.DEFAULT,isDragging:!1,top:0,left:0,width:300,height:300,focused:!0,zIndex:m},this.activeElement=document.activeElement}get _id(){return this.props.id+"-accessibility-id"}componentDidMount(){this.element&&this.props.autoFocus&&this.element.focus({preventScroll:!0});const t=this.getWindow();t&&t.addEventListener("resize",this.handleBrowserWindowResize),this.setState({stage:this.props.stage||I.DEFAULT,isDragging:!1,top:this.getInitialTop(),left:this.getInitialLeft(),width:this.getInitialWidth(),height:this.getInitialHeight(),focused:!0,zIndex:w(this.getCurrentZIndex(),this.getDocument(),this._id)}),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()};const e=this.getDocument();if(this.props.appendTo&&e){const t=this.props.appendTo.getBoundingClientRect(),i=e.body.getBoundingClientRect();this.offSetCoordinates.x=t.left-i.left,this.offSetCoordinates.y=t.top-i.top}this.mounted=!0}componentWillUnmount(){const t=this.getWindow();t&&t.removeEventListener("resize",this.handleBrowserWindowResize),this.mounted=!1,setTimeout((()=>{var t;!this.element&&this.activeElement&&document&&(document.contains(this.activeElement)?this.activeElement.focus({preventScroll:!0}):this.activeElement.id&&(null==(t=document.getElementById(this.activeElement.id))||t.focus({preventScroll:!0})))}))}componentDidUpdate(t){this.props.left&&t.left!==this.props.left&&this.setState({left:this.props.left});const e=this.getDocument();if(this.props.appendTo&&e){const t=this.props.appendTo.getBoundingClientRect(),i=e.body.getBoundingClientRect();this.offSetCoordinates.x=t.left-i.left,this.offSetCoordinates.y=t.top-i.top}this.mounted=!0}render(){const t=l.Children.toArray(this.props.children),e=this.getContent(t),i=this.getActionBar(t),s=this.getCurrentZIndex(),o=a.classNames("k-window",this.props.className,{[`k-window-${this.props.themeColor}`]:this.props.themeColor,"k-window-minimized":"MINIMIZED"===this.state.stage,"k-window-focused":this.state.focused}),n=l.createElement(a.ZIndexContext.Provider,{value:s},l.createElement(l.Fragment,null,this.props.modal&&l.createElement("div",{className:"k-overlay",style:{zIndex:s,...this.props.overlayStyle}}),l.createElement("div",{id:this.props.id,[u]:this._id,tabIndex:0,role:"dialog","aria-labelledby":this.titleId,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:t=>{this.windowElement=t,this.element=t},className:o,style:{top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:s,...this.props.style}},l.createElement(N,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},l.createElement(a.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,autoScroll:!1,ref:t=>this.draggable=t},l.createElement(x,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,onMinimizeButtonClick:this.handleMinimize,onFullScreenButtonClick:this.handleFullscreen,onRestoreButtonClick:this.handleRestore,onCloseButtonClick:this.handleCloseWindow,closeButton:this.props.closeButton,minimizeButton:this.props.minimizeButton,maximizeButton:this.props.maximizeButton,restoreButton:this.props.restoreButton,id:this.titleId},this.props.title)),this.windowStage!==I.MINIMIZED?l.createElement(l.Fragment,null,l.createElement("div",{className:"k-window-content"},e),i):null,this.windowStage===I.DEFAULT&&this.props.resizable?l.createElement(L,{onResize:this.handleResize}):null),this.showLicenseWatermark&&l.createElement(a.WatermarkOverlay,null))));return a.canUseDOM?null!==this.props.appendTo?d.createPortal(n,this.props.appendTo||document.body):n:null}get top(){return this.windowStage!==I.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0}get left(){return this.windowStage!==I.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0}get width(){let t=this.props.width||this.state.width;if(this.windowStage===I.FULLSCREEN){if(this.props.appendTo)return t=this.props.appendTo.offsetWidth,t;const e=this.getWindow();t=e?e.innerWidth:0}return t}get height(){let t=this.props.height||this.state.height;if(this.windowStage===I.FULLSCREEN){if(this.props.appendTo)return t=this.props.appendTo.offsetHeight,t;const e=this.getWindow();t=e?e.innerHeight:0}else this.windowStage===I.MINIMIZED&&(t=0);return t}get windowStage(){return this.props.stage||this.state.stage}getActionBar(t){return t.filter((t=>t&&t.type===F))}getContent(t){return t.filter((t=>t&&t.type!==F))}generateTitleId(){return"window-title-"+this._id}};M.displayName="Window",M.propTypes={width:s.number,height:s.number,left:s.number,top:s.number,initialWidth:s.number,initialHeight:s.number,initialLeft:s.number,initialTop:s.number,minWidth:s.number,minHeight:s.number,resizable:s.bool,draggable:s.bool,title:s.any,shouldUpdateOnDrag:s.bool,stage:s.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:s.string,id:s.string,style:s.object,overlayStyle:s.object,autoFocus:s.bool},M.defaultProps={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0,autoFocus:!0},M.contextType=a.ZIndexContext;let z=M;const R=a.createPropsContext(),W=a.withIdHOC(a.withPropsContext(R,z));W.displayName="KendoReactWindow",t.Dialog=v,t.DialogActionsBar=c,t.DialogPropsContext=C,t.Window=W,t.WindowActionsBar=F,t.WindowPropsContext=R}));

package/index.d.mts

@@ -70,6 +70,10 @@ export declare interface DialogProps {
      * Focus the Dialog container automatically when mounted. By default the autoFocus is false.
      */
     autoFocus?: boolean;
+    /**
+     * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialogs %})).
+     */
+    autoFocusedElement?: string;
     /**
      * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
      */
@@ -198,6 +202,10 @@ declare class DialogWithoutContext extends React_2.Component<DialogProps, Dialog
      * @hidden
      */
     componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
     /**
      * @hidden
      */
@@ -313,6 +321,10 @@ export declare interface WindowProps {
      * * If set to `null` the Window will be rendered without React Portal.
      */
     appendTo?: HTMLElement | null;
+    /**
+     * Focus the Window container automatically when mounted. By default the autoFocus is true.
+     */
+    autoFocus?: boolean;
     /**
      * @hidden
      */
@@ -499,6 +511,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         overlayStyle: PropTypes.Requireable<object>;
+        autoFocus: PropTypes.Requireable<boolean>;
     };
     /**
      * @hidden
@@ -510,6 +523,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
         draggable: boolean;
         modal: boolean;
         doubleClickStageChange: boolean;
+        autoFocus: boolean;
     };
     /**
      * @hidden
@@ -552,7 +566,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
     /**
      * @hidden
      */
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: WindowProps): void;
     /**
      * @hidden
      */

package/index.d.ts

@@ -70,6 +70,10 @@ export declare interface DialogProps {
      * Focus the Dialog container automatically when mounted. By default the autoFocus is false.
      */
     autoFocus?: boolean;
+    /**
+     * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialogs %})).
+     */
+    autoFocusedElement?: string;
     /**
      * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
      */
@@ -198,6 +202,10 @@ declare class DialogWithoutContext extends React_2.Component<DialogProps, Dialog
      * @hidden
      */
     componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
     /**
      * @hidden
      */
@@ -313,6 +321,10 @@ export declare interface WindowProps {
      * * If set to `null` the Window will be rendered without React Portal.
      */
     appendTo?: HTMLElement | null;
+    /**
+     * Focus the Window container automatically when mounted. By default the autoFocus is true.
+     */
+    autoFocus?: boolean;
     /**
      * @hidden
      */
@@ -499,6 +511,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         overlayStyle: PropTypes.Requireable<object>;
+        autoFocus: PropTypes.Requireable<boolean>;
     };
     /**
      * @hidden
@@ -510,6 +523,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
         draggable: boolean;
         modal: boolean;
         doubleClickStageChange: boolean;
+        autoFocus: boolean;
     };
     /**
      * @hidden
@@ -552,7 +566,7 @@ declare class WindowWithoutContext extends React_2.Component<WindowProps, Window
     /**
      * @hidden
      */
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: WindowProps): void;
     /**
      * @hidden
      */

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dialogs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1720767019,
+  publishDate: 1722843881,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dialogs",
-  "version": "8.2.0-develop.8",
+  "version": "8.2.0",
   "description": "React Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,8 +23,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "8.2.0-develop.8",
-    "@progress/kendo-react-common": "8.2.0-develop.8",
+    "@progress/kendo-react-buttons": "8.2.0",
+    "@progress/kendo-react-common": "8.2.0",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"