@progress/kendo-vue-dialogs 8.4.0-develop.3 → 8.4.0-develop.5

package/Dialog.d.ts

@@ -43,10 +43,6 @@ export interface DialogProps {
      * Specifies the minimum width of the Dialog.
      */
     minWidth?: number | string;
-    /**
-     * Specifies the theme color of the Dialog. The available options are `primary`, `dark`, and `light`.
-     */
-    themeColor?: 'primary' | 'dark' | 'light' | string;
     /**
      * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
      */
@@ -100,10 +96,6 @@ declare const Dialog: import('vue').DefineComponent<import('vue').ExtractPropTyp
     minWidth: PropType<string | number>;
     className: PropType<string>;
     dialogClass: PropType<string>;
-    themeColor: {
-        type: PropType<string>;
-        validator: (value: any) => any;
-    };
     onClose: PropType<(event: DialogCloseEvent) => void>;
 }>, {}, {
     showLicenseWatermark: boolean;
@@ -114,7 +106,6 @@ declare const Dialog: import('vue').DefineComponent<import('vue').ExtractPropTyp
         'k-dialog-wrapper': boolean;
     };
     dialogElementClass(): {
-        [x: string]: any;
         [x: number]: any;
         'k-window': boolean;
         'k-dialog': boolean;
@@ -150,10 +141,6 @@ declare const Dialog: import('vue').DefineComponent<import('vue').ExtractPropTyp
     minWidth: PropType<string | number>;
     className: PropType<string>;
     dialogClass: PropType<string>;
-    themeColor: {
-        type: PropType<string>;
-        validator: (value: any) => any;
-    };
     onClose: PropType<(event: DialogCloseEvent) => void>;
 }>> & Readonly<{
     onClose?: (event: DialogCloseEvent) => any;

package/Dialog.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),k=require("./DialogTitleBar.js"),n=require("@progress/kendo-vue-common"),c=require("./package-metadata.js"),y=require("./constants.js"),C=o.defineComponent({name:"KendoDialog",emits:{close:e=>!0,overlayclick:null},props:{appendTo:String,title:String,titleRender:[String,Function],id:String,wrapperId:String,dir:String,closeIcon:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},width:[String,Number],height:[String,Number],minWidth:[String,Number],className:String,dialogClass:String,themeColor:{type:String,validator:function(e){return["primary","dark","light"].includes(e)}},onClose:Function},provide(){return{kCurrentZIndex:y.DEFAULT_DIALOGS_ZINDEX}},data(){return{showLicenseWatermark:!1,licenseMessage:void 0}},created(){n.validatePackage(c.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(c.packageMetadata),this.licenseMessage=n.getLicenseMessage(c.packageMetadata),this.titleId=this.generateTitleId(),this.contentId=this.generateContentId()},computed:{wrapperClass(){const{className:e}=this.$props;return{"k-dialog-wrapper":!0,[e]:e}},dialogElementClass(){const{dialogClass:e,themeColor:i}=this.$props;return{"k-window":!0,"k-dialog":!0,[e]:e,[`k-window-${i}`]:i}}},mounted(){const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowElement=this.$el,e.appendChild(this.windowElement))},beforeUnmount(){var e;(e=this.windowElement)!=null&&e.parentNode&&this.windowElement.remove()},methods:{handleCloseDialog(e){e.preventDefault(),this.$emit("close",{event:e,target:this})},handleKeyDown(e){e.keyCode===n.Keys.esc&&n.hasListener.call(this,"close")&&(e.preventDefault(),this.handleCloseDialog(e))},transformDimesion(e){return typeof e=="string"&&(e.endsWith("px")||e.endsWith("%"))?e:e+"px"},getActionBarIndex(e){return e.findIndex(t=>t&&t.tag&&t.tag.toLowerCase().indexOf("dialogactionsbar")!==-1||t.componentOptions&&t.componentOptions.tag&&t.componentOptions.tag.toLowerCase().indexOf("actions-bar")!==-1||t.type&&t.type.name&&t.type.name.toLowerCase().indexOf("dialogactionsbar")!==-1)},generateTitleId(){return"dialog-title"+n.guid()},generateContentId(){return"dialog-content"+n.guid()},handleClick(e){this.$emit("overlayclick",e)}},render(){const e=this.$props.id!==void 0?this.$props.id:this.titleId;let{title:i,width:t,height:a,minWidth:r,dir:g,contentStyle:u,wrapperId:m}=this.$props;const d=this.$props.titleRender?n.templateRendering.call(this,this.$props.titleRender,n.getListeners.call(this)):null,s=n.getDefaultSlots(this)||[];t=this.transformDimesion(t),a=this.transformDimesion(a),r=this.transformDimesion(r);const w=this.showLicenseWatermark?o.createVNode(n.WatermarkOverlay,{message:this.licenseMessage},null):null,l=this.getActionBarIndex(s);let p;l!==-1&&(p=s[l],s.splice(l,1));const f=this.$props.closeIcon!==void 0?this.$props.closeIcon:!0,h=o.createVNode("div",{ref:"wrapper",class:this.wrapperClass,onKeydown:this.handleKeyDown,tabindex:0,id:m,dir:g},[this.$props.modal&&o.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),o.createVNode("div",{"aria-labelledby":i||d?e:void 0,"aria-describedby":this.contentId,"aria-modal":this.$props.modal||void 0,class:this.dialogElementClass,role:"dialog",style:{width:t,height:a,minWidth:r}},[(i||d)&&o.createVNode(k.DialogTitleBar,{closeIcon:f,onClosebuttonclick:this.handleCloseDialog,id:e,title:i,titleRender:d},null),o.createVNode("div",{class:"k-window-content k-dialog-content",style:u,id:this.contentId},[s]),p,w])]);return this.$props.appendTo?o.createVNode("div",null,[h]):h}});exports.Dialog=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),I=require("./DialogTitleBar.js"),n=require("@progress/kendo-vue-common"),c=require("./package-metadata.js"),k=require("./constants.js"),y=o.defineComponent({name:"KendoDialog",emits:{close:e=>!0,overlayclick:null},props:{appendTo:String,title:String,titleRender:[String,Function],id:String,wrapperId:String,dir:String,closeIcon:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},width:[String,Number],height:[String,Number],minWidth:[String,Number],className:String,dialogClass:String,onClose:Function},provide(){return{kCurrentZIndex:k.DEFAULT_DIALOGS_ZINDEX}},data(){return{showLicenseWatermark:!1,licenseMessage:void 0}},created(){n.validatePackage(c.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(c.packageMetadata),this.licenseMessage=n.getLicenseMessage(c.packageMetadata),this.titleId=this.generateTitleId(),this.contentId=this.generateContentId()},computed:{wrapperClass(){const{className:e}=this.$props;return{"k-dialog-wrapper":!0,[e]:e}},dialogElementClass(){const{dialogClass:e}=this.$props;return{"k-window":!0,"k-dialog":!0,[e]:e}}},mounted(){const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowElement=this.$el,e.appendChild(this.windowElement))},beforeUnmount(){var e;(e=this.windowElement)!=null&&e.parentNode&&this.windowElement.remove()},methods:{handleCloseDialog(e){e.preventDefault(),this.$emit("close",{event:e,target:this})},handleKeyDown(e){e.keyCode===n.Keys.esc&&n.hasListener.call(this,"close")&&(e.preventDefault(),this.handleCloseDialog(e))},transformDimesion(e){return typeof e=="string"&&(e.endsWith("px")||e.endsWith("%"))?e:e+"px"},getActionBarIndex(e){return e.findIndex(t=>t&&t.tag&&t.tag.toLowerCase().indexOf("dialogactionsbar")!==-1||t.componentOptions&&t.componentOptions.tag&&t.componentOptions.tag.toLowerCase().indexOf("actions-bar")!==-1||t.type&&t.type.name&&t.type.name.toLowerCase().indexOf("dialogactionsbar")!==-1)},generateTitleId(){return"dialog-title"+n.guid()},generateContentId(){return"dialog-content"+n.guid()},handleClick(e){this.$emit("overlayclick",e)}},render(){const e=this.$props.id!==void 0?this.$props.id:this.titleId;let{title:i,width:t,height:a,minWidth:r,dir:g,contentStyle:u,wrapperId:m}=this.$props;const d=this.$props.titleRender?n.templateRendering.call(this,this.$props.titleRender,n.getListeners.call(this)):null,s=n.getDefaultSlots(this)||[];t=this.transformDimesion(t),a=this.transformDimesion(a),r=this.transformDimesion(r);const w=this.showLicenseWatermark?o.createVNode(n.WatermarkOverlay,{message:this.licenseMessage},null):null,l=this.getActionBarIndex(s);let p;l!==-1&&(p=s[l],s.splice(l,1));const f=this.$props.closeIcon!==void 0?this.$props.closeIcon:!0,h=o.createVNode("div",{ref:"wrapper",class:this.wrapperClass,onKeydown:this.handleKeyDown,tabindex:0,id:m,dir:g},[this.$props.modal&&o.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),o.createVNode("div",{"aria-labelledby":i||d?e:void 0,"aria-describedby":this.contentId,"aria-modal":this.$props.modal||void 0,class:this.dialogElementClass,role:"dialog",style:{width:t,height:a,minWidth:r,overflow:"hidden"}},[(i||d)&&o.createVNode(I.DialogTitleBar,{closeIcon:f,onClosebuttonclick:this.handleCloseDialog,id:e,title:i,titleRender:d},null),o.createVNode("div",{class:"k-window-content k-dialog-content",style:u,id:this.contentId},[s]),p,w])]);return this.$props.appendTo?o.createVNode("div",null,[h]):h}});exports.Dialog=y;

package/Dialog.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as I, createVNode as i } from "vue";
+import { defineComponent as I, createVNode as n } from "vue";
 import { DialogTitleBar as C } from "./DialogTitleBar.mjs";
-import { templateRendering as y, getListeners as k, getDefaultSlots as S, WatermarkOverlay as D, guid as h, Keys as $, hasListener as x, validatePackage as b, shouldShowValidationUI as v, getLicenseMessage as L } from "@progress/kendo-vue-common";
+import { templateRendering as y, getListeners as k, getDefaultSlots as D, WatermarkOverlay as S, guid as h, Keys as $, hasListener as x, validatePackage as b, shouldShowValidationUI as v, getLicenseMessage as L } from "@progress/kendo-vue-common";
 import { packageMetadata as d } from "./package-metadata.mjs";
 import { DEFAULT_DIALOGS_ZINDEX as W } from "./constants.mjs";
 const K = /* @__PURE__ */ I({
@@ -36,12 +36,6 @@ const K = /* @__PURE__ */ I({
     minWidth: [String, Number],
     className: String,
     dialogClass: String,
-    themeColor: {
-      type: String,
-      validator: function(e) {
-        return ["primary", "dark", "light"].includes(e);
-      }
-    },
     onClose: Function
   },
   provide() {
@@ -70,14 +64,12 @@ const K = /* @__PURE__ */ I({
     },
     dialogElementClass() {
       const {
-        dialogClass: e,
-        themeColor: n
+        dialogClass: e
       } = this.$props;
       return {
         "k-window": !0,
         "k-dialog": !0,
-        [e]: e,
-        [`k-window-${n}`]: n
+        [e]: e
       };
     }
   },
@@ -118,7 +110,7 @@ const K = /* @__PURE__ */ I({
   render() {
     const e = this.$props.id !== void 0 ? this.$props.id : this.titleId;
     let {
-      title: n,
+      title: o,
       width: t,
       height: s,
       minWidth: r,
@@ -126,25 +118,25 @@ const K = /* @__PURE__ */ I({
       contentStyle: g,
       wrapperId: u
     } = this.$props;
-    const a = this.$props.titleRender ? y.call(this, this.$props.titleRender, k.call(this)) : null, o = S(this) || [];
+    const a = this.$props.titleRender ? y.call(this, this.$props.titleRender, k.call(this)) : null, i = D(this) || [];
     t = this.transformDimesion(t), s = this.transformDimesion(s), r = this.transformDimesion(r);
-    const f = this.showLicenseWatermark ? i(D, {
+    const f = this.showLicenseWatermark ? n(S, {
       message: this.licenseMessage
-    }, null) : null, l = this.getActionBarIndex(o);
+    }, null) : null, l = this.getActionBarIndex(i);
     let p;
-    l !== -1 && (p = o[l], o.splice(l, 1));
-    const w = this.$props.closeIcon !== void 0 ? this.$props.closeIcon : !0, c = i("div", {
+    l !== -1 && (p = i[l], i.splice(l, 1));
+    const w = this.$props.closeIcon !== void 0 ? this.$props.closeIcon : !0, c = n("div", {
       ref: "wrapper",
       class: this.wrapperClass,
       onKeydown: this.handleKeyDown,
       tabindex: 0,
       id: u,
       dir: m
-    }, [this.$props.modal && i("div", {
+    }, [this.$props.modal && n("div", {
       class: "k-overlay",
       onClick: this.handleClick
-    }, null), i("div", {
-      "aria-labelledby": n || a ? e : void 0,
+    }, null), n("div", {
+      "aria-labelledby": o || a ? e : void 0,
       "aria-describedby": this.contentId,
       "aria-modal": this.$props.modal || void 0,
       class: this.dialogElementClass,
@@ -152,20 +144,21 @@ const K = /* @__PURE__ */ I({
       style: {
         width: t,
         height: s,
-        minWidth: r
+        minWidth: r,
+        overflow: "hidden"
       }
-    }, [(n || a) && i(C, {
+    }, [(o || a) && n(C, {
       closeIcon: w,
       onClosebuttonclick: this.handleCloseDialog,
       id: e,
-      title: n,
+      title: o,
       titleRender: a
-    }, null), i("div", {
+    }, null), n("div", {
       class: "k-window-content k-dialog-content",
       style: g,
       id: this.contentId
-    }, [o]), p, f])]);
-    return this.$props.appendTo ? i("div", null, [c]) : c;
+    }, [i]), p, f])]);
+    return this.$props.appendTo ? n("div", null, [c]) : c;
   }
 });
 export {

package/DialogTitleBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-buttons"),r=require("@progress/kendo-svg-icons"),s=e.defineComponent({props:{id:String,closeIcon:{type:Boolean,default:!0},title:String,titleRender:[String,Function,Object],onClosebuttonclick:Function},methods:{onCloseButtonClick(t){this.$emit("closebuttonclick",t)}},render(){let{id:t,closeIcon:i,titleRender:l,title:n}=this.$props,o;return o=a.getTemplate.call(this,{h:e.h,template:l,defaultRendering:n}),e.createVNode("div",{class:"k-window-titlebar k-dialog-titlebar",id:t},[e.createVNode("span",{class:"k-window-title k-dialog-title"},[o]),e.createVNode("div",{class:"k-window-titlebar-actions k-dialog-titlebar-actions"},[i&&e.createVNode(c.Button,{type:"button",fillMode:"flat",size:"xsmall","aria-label":"Close",icon:"x",svgIcon:r.xIcon,onClick:this.onCloseButtonClick,class:"k-window-titlebar-action k-dialog-titlebar-action"},null)])])}});exports.DialogTitleBar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-buttons"),r=require("@progress/kendo-svg-icons"),s=t.defineComponent({props:{id:String,closeIcon:{type:Boolean,default:!0},title:String,titleRender:[String,Function,Object],onClosebuttonclick:Function},methods:{onCloseButtonClick(e){this.$emit("closebuttonclick",e)}},render(){let{id:e,closeIcon:i,titleRender:l,title:n}=this.$props,o;return o=a.getTemplate.call(this,{h:t.h,template:l,defaultRendering:n}),t.createVNode("div",{class:"k-window-titlebar k-dialog-titlebar",id:e},[t.createVNode("span",{class:"k-window-title k-dialog-title"},[o]),t.createVNode("div",{class:"k-window-titlebar-actions k-dialog-titlebar-actions"},[i&&t.createVNode(c.Button,{type:"button",fillMode:"flat","aria-label":"Close",icon:"x",svgIcon:r.xIcon,onClick:this.onCloseButtonClick,class:"k-window-titlebar-action k-dialog-titlebar-action"},null)])])}});exports.DialogTitleBar=s;

package/DialogTitleBar.mjs

@@ -46,7 +46,6 @@ const b = /* @__PURE__ */ a({
     }, [o && t(s, {
       type: "button",
       fillMode: "flat",
-      size: "xsmall",
       "aria-label": "Close",
       icon: "x",
       svgIcon: d,

package/Window.d.ts

@@ -71,10 +71,6 @@ declare const Window: import('vue').DefineComponent<import('vue').ExtractPropTyp
         type: PropType<string>;
         validator: (value: string) => boolean;
     };
-    themeColor: {
-        type: PropType<string>;
-        validator: (value: any) => any;
-    };
     dir: PropType<string>;
 }>, {}, {
     currentStage: string;
@@ -91,7 +87,6 @@ declare const Window: import('vue').DefineComponent<import('vue').ExtractPropTyp
         'k-dialog-wrapper': any;
     };
     windowElementClass(): {
-        [x: string]: any;
         [x: number]: any;
         'k-window': boolean;
         'k-window-minimized': boolean;
@@ -190,10 +185,6 @@ declare const Window: import('vue').DefineComponent<import('vue').ExtractPropTyp
         type: PropType<string>;
         validator: (value: string) => boolean;
     };
-    themeColor: {
-        type: PropType<string>;
-        validator: (value: any) => any;
-    };
     dir: PropType<string>;
 }>> & Readonly<{
     onClose?: (event: WindowActionsEvent) => any;

package/Window.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),$=require("./WindowTitlebar.js"),i=require("@progress/kendo-vue-common"),I=require("./WindowResizeHandlers.js"),e=require("./StageEnum.js"),g=require("./package-metadata.js"),C=require("./constants.js"),L=300,E=300,f=120,m=100,r=5,W=o.defineComponent({name:"KendoWindow",emits:{resize:t=>!0,move:t=>!0,close:t=>!0,stagechange:t=>!0,overlayclick:null},provide(){return{kCurrentZIndex:C.DEFAULT_DIALOGS_ZINDEX}},props:{id:String,appendTo:String,width:{type:[Number],default:void 0},height:{type:[Number],default:void 0},left:{type:[Number],default:void 0},windowStyle:Object,windowClass:String,top:{type:[Number],default:void 0},initialWidth:[Number],initialHeight:[Number],initialLeft:[Number],initialTop:[Number],minWidth:{type:[Number],default:f},minHeight:{type:[Number],default:m},resizable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},modal:{type:Boolean,default:!1},doubleClickStageChange:{type:Boolean,default:!0},title:String,titleRender:[String,Function],closeButton:[String,Function],minimizeButton:[String,Function],maximizeButton:[String,Function],restoreButton:[String,Function],shouldUpdateOnDrag:Boolean,stage:{type:String,validator:function(t){return["DEFAULT","MINIMIZED","FULLSCREEN"].indexOf(t)!==-1}},themeColor:{type:String,validator:function(t){return[void 0,"primary","dark","light"].includes(t)}},dir:String},created(){i.validatePackage(g.packageMetadata),this.showLicenseWatermark=i.shouldShowValidationUI(g.packageMetadata),this.licenseMessage=i.getLicenseMessage(g.packageMetadata),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()},this.titleId=this.generateTitleId()},beforeUnmount(){var t;(t=this.windowWrapper)!=null&&t.parentNode&&this.windowWrapper.remove()},data(){return{currentStage:this.$props.stage||e.windowStage.DEFAULT,isDragging:!1,currentTop:this.getInitialTop(),currentLeft:this.getInitialLeft(),currentWidth:this.getInitialWidth(),currentHeight:this.getInitialHeight(),titleId:void 0,showLicenseWatermark:!1,licenseMessage:void 0}},mounted(){window&&window.addEventListener("resize",this.handleBrowserWindowResize);const t=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;t&&(this.windowWrapper=this.$el,t.appendChild(this.windowWrapper)),this.$el&&(this.windowElement=this.$refs.windowElement)},unmounted(){window&&window.removeEventListener("resize",this.handleBrowserWindowResize)},computed:{wrapperClass(){return{"k-dialog-wrapper":this.$props.modal}},windowElementClass(){const{windowClass:t,themeColor:n}=this.$props;return{"k-window":!0,[t]:t,[`k-window-${n}`]:n,"k-window-minimized":this.currentStage==="MINIMIZED"}},computedTop(){return this.windowStage!==e.windowStage.FULLSCREEN?Math.max(this.$props.top||this.currentTop,0):0},computedLeft(){return this.windowStage!==e.windowStage.FULLSCREEN?Math.max(this.$props.left||this.currentLeft,0):0},computedWidth(){let t=this.$props.width||this.currentWidth;return this.windowStage===e.windowStage.FULLSCREEN&&(t=window.innerWidth),t},computedHeight(){let t=this.$props.height||this.currentHeight;return this.windowStage===e.windowStage.FULLSCREEN?t=window.innerHeight:this.windowStage===e.windowStage.MINIMIZED&&(t=0),t},windowStage(){return this.$props.stage||this.currentStage}},methods:{onPress(t){const n=t;this.windowCoordinatesState.differenceLeft=n.pageX-this.computedLeft,this.windowCoordinatesState.differenceTop=n.pageY-this.computedTop},onDrag(t){const n=t;n.originalEvent.preventDefault(),this.windowStage!==e.windowStage.FULLSCREEN&&this.$props.draggable&&(this.currentTop=Math.max(n.pageY-this.windowCoordinatesState.differenceTop,0),this.currentLeft=n.pageX-this.windowCoordinatesState.differenceLeft,this.isDragging=!0,this.dispatchMoveEvent("move",n,!0,!1))},onRelease(t){const n=t;this.windowStage!==e.windowStage.FULLSCREEN&&this.$props.draggable&&this.dispatchMoveEvent("move",n,!0,!0),this.isDragging=!1},handleKeyDown(t){if(t.target!==t.currentTarget)return;const n=this.$props.minWidth||f,s=this.$props.minHeight||m;if(t.ctrlKey&&this.$props.resizable){switch(t.keyCode){case i.Keys.up:t.preventDefault(),s<=this.computedHeight-r&&(this.currentHeight=this.currentHeight-r);break;case i.Keys.down:t.preventDefault(),this.currentHeight=this.currentHeight+r;break;case i.Keys.left:n<=this.computedWidth-r&&(this.currentWidth=this.currentWidth-r);break;case i.Keys.right:this.currentWidth=this.currentWidth+r;break;default:return}this.dispatchMoveEvent("resize",t,!1,void 0);return}if(t.altKey){switch(t.keyCode){case i.Keys.up:this.windowStage===e.windowStage.MINIMIZED?(this.handleRestore(t),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})):this.windowStage===e.windowStage.DEFAULT&&(this.handleFullscreen(t),this.$emit("stagechange",t,this,{state:e.windowStage.FULLSCREEN}));break;case i.Keys.down:this.windowStage===e.windowStage.FULLSCREEN?(this.handleRestore(t),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})):this.windowStage===e.windowStage.DEFAULT&&(this.handleMinimize(t),this.$emit("stagechange",t,this,{state:e.windowStage.MINIMIZED}));break}return}if(!t.ctrlKey)switch(t.keyCode){case i.Keys.esc:this.handleCloseWindow(t);return;case i.Keys.up:t.preventDefault(),this.currentTop=this.currentTop-r;break;case i.Keys.down:t.preventDefault(),this.currentTop=this.currentTop+r;break;case i.Keys.left:t.preventDefault(),this.currentLeft=this.currentLeft-r;break;case i.Keys.right:t.preventDefault(),this.currentLeft=this.currentLeft+r;break;default:return}this.dispatchMoveEvent("move",t,!1,void 0)},getInitialTop(){if(this.$props.top!==void 0)return this.$props.top;if(this.$props.initialTop!==void 0)return this.$props.initialTop;let t=E;return this.$props.height!==void 0?t=this.$props.height:this.$props.initialHeight!==void 0&&(t=this.$props.initialHeight),window.innerHeight/2-t/2},getInitialLeft(){if(this.$props.left!==void 0)return this.$props.left;if(this.$props.initialLeft!==void 0)return this.$props.initialLeft;let t=L;return this.$props.width!==void 0?t=this.$props.width:this.$props.initialWidth!==void 0&&(t=this.$props.initialWidth),window.innerWidth/2-t/2},getInitialWidth(){let t=L;return this.$props.width!==void 0?t=this.$props.width:this.$props.initialWidth!==void 0&&(t=this.$props.initialWidth),t},getInitialHeight(){let t=E;return this.$props.height!==void 0?t=this.$props.height:this.$props.initialHeight!==void 0&&(t=this.$props.initialHeight),t},handleMinimize(t){t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentStage=e.windowStage.MINIMIZED,this.currentHeight=0,this.$emit("stagechange",t,this,{state:e.windowStage.MINIMIZED})},handleFullscreen(t){t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentLeft=0,this.currentTop=0,this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight,this.currentStage=e.windowStage.FULLSCREEN,this.$emit("stagechange",t,this,{state:e.windowStage.FULLSCREEN})},handleRestore(t){t.preventDefault(),this.windowStage===e.windowStage.FULLSCREEN?(this.currentStage=e.windowStage.DEFAULT,this.currentLeft=this.windowCoordinatesState.leftBeforeAction,this.currentTop=this.windowCoordinatesState.topBeforeAction,this.currentWidth=this.windowCoordinatesState.widthBeforeAction,this.currentHeight=this.windowCoordinatesState.heightBeforeAction):this.windowStage===e.windowStage.MINIMIZED&&(this.currentStage=e.windowStage.DEFAULT,this.currentHeight=this.windowCoordinatesState.heightBeforeAction),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})},handleCloseWindow(t){t.preventDefault(),this.$emit("close",t,this,{state:void 0})},handleDoubleClick(t){this.$props.doubleClickStageChange&&(this.windowStage===e.windowStage.FULLSCREEN||this.windowStage===e.windowStage.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t))},handleResize(t,n){const s=this.computedWidth,a=this.computedHeight,u=this.$props.minWidth||f,l=this.$props.minHeight||m,h=this.computedTop-t.pageY,d=this.computedLeft-t.pageX,c=t.pageX-this.computedLeft,p=t.pageY-this.computedTop;this.isDragging=!n.end,n.direction.indexOf("n")>=0&&l-(a+h)<0&&(this.currentTop=t.pageY,this.currentHeight=a+h),n.direction.indexOf("s")>=0&&l-p<0&&(this.currentHeight=p),n.direction.indexOf("w")>=0&&u-(s+d)<0&&(this.currentLeft=t.pageX,this.currentWidth=s+d),n.direction.indexOf("e")>=0&&u-c<0&&(this.currentWidth=c),this.dispatchMoveEvent("resize",t,!0,n.end)},dispatchMoveEvent(t,n,s,a){this.$emit(t,{event:n.event,drag:s,end:a,target:this,left:this.currentLeft,top:this.currentTop,width:this.currentWidth,height:this.currentHeight})},handleBrowserWindowResize(){this.windowStage===e.windowStage.FULLSCREEN&&(this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight)},handleClick(t){this.$emit("overlayclick",t)},getActionBarIndex(t){return t.findIndex(s=>s&&s.tag&&s.tag.toLowerCase().indexOf("dialogactionsbar")!==-1||s.componentOptions&&s.componentOptions.tag&&s.componentOptions.tag.toLowerCase().indexOf("actions-bar")!==-1||s.type&&s.type.name&&s.type.name.toLowerCase().indexOf("dialogactionsbar")!==-1)},generateTitleId(){return"window-title-"+i.guid()}},render(){const t=i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)),n=i.templateRendering.call(this,this.$props.closeButton,i.getListeners.call(this)),s=i.templateRendering.call(this,this.$props.minimizeButton,i.getListeners.call(this)),a=i.templateRendering.call(this,this.$props.maximizeButton,i.getListeners.call(this)),u=i.templateRendering.call(this,this.$props.restoreButton,i.getListeners.call(this)),l=i.getDefaultSlots(this),h=l||[],d=this.getActionBarIndex(h);let c;d!==-1&&(c=h[d],h.splice(d,1));const p=this.showLicenseWatermark?o.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,S=o.createVNode("div",{class:this.wrapperClass,ref:"wrapper",dir:this.$props.dir},[this.$props.modal&&o.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),o.createVNode("div",{tabindex:0,onFocus:w=>w.target.classList.add("k-focus"),onBlur:w=>w.target.classList.remove("k-focus"),onKeydown:this.handleKeyDown,ref:"windowElement",class:this.windowElementClass,role:"dialog","aria-modal":this.$props.modal?!0:void 0,"aria-labelledby":this.titleId,style:{top:this.computedTop+"px",left:this.computedLeft+"px",width:this.computedWidth+"px",height:this.computedHeight+"px"||"",...this.$props.windowStyle}},[o.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[o.createVNode($.WindowTitleBar,{stage:this.windowStage,title:this.$props.title,titleId:this.titleId,titleRender:t,onDoubleclick:this.handleDoubleClick,onMinimizeclick:this.handleMinimize,onFullscreenclick:this.handleFullscreen,onRestoreclick:this.handleRestore,onCloseclick:this.handleCloseWindow,closeButton:n,minimizeButton:s,maximizeButton:a,restoreButton:u},null)]}),this.windowStage!==e.windowStage.MINIMIZED?[o.createVNode("div",{class:"k-window-content"},[l]),c]:null,this.windowStage===e.windowStage.DEFAULT&&this.$props.resizable?o.createVNode(I.ResizeHandlers,{onResize:this.handleResize},null):null,p])]);return this.$props.appendTo?o.createVNode("div",null,[S]):S}});exports.Window=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),I=require("./WindowTitlebar.js"),i=require("@progress/kendo-vue-common"),$=require("./WindowResizeHandlers.js"),e=require("./StageEnum.js"),g=require("./package-metadata.js"),C=require("./constants.js"),L=300,E=300,f=120,m=100,r=5,D=o.defineComponent({name:"KendoWindow",emits:{resize:t=>!0,move:t=>!0,close:t=>!0,stagechange:t=>!0,overlayclick:null},provide(){return{kCurrentZIndex:C.DEFAULT_DIALOGS_ZINDEX}},props:{id:String,appendTo:String,width:{type:[Number],default:void 0},height:{type:[Number],default:void 0},left:{type:[Number],default:void 0},windowStyle:Object,windowClass:String,top:{type:[Number],default:void 0},initialWidth:[Number],initialHeight:[Number],initialLeft:[Number],initialTop:[Number],minWidth:{type:[Number],default:f},minHeight:{type:[Number],default:m},resizable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},modal:{type:Boolean,default:!1},doubleClickStageChange:{type:Boolean,default:!0},title:String,titleRender:[String,Function],closeButton:[String,Function],minimizeButton:[String,Function],maximizeButton:[String,Function],restoreButton:[String,Function],shouldUpdateOnDrag:Boolean,stage:{type:String,validator:function(t){return["DEFAULT","MINIMIZED","FULLSCREEN"].indexOf(t)!==-1}},dir:String},created(){i.validatePackage(g.packageMetadata),this.showLicenseWatermark=i.shouldShowValidationUI(g.packageMetadata),this.licenseMessage=i.getLicenseMessage(g.packageMetadata),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()},this.titleId=this.generateTitleId()},beforeUnmount(){var t;(t=this.windowWrapper)!=null&&t.parentNode&&this.windowWrapper.remove()},data(){return{currentStage:this.$props.stage||e.windowStage.DEFAULT,isDragging:!1,currentTop:this.getInitialTop(),currentLeft:this.getInitialLeft(),currentWidth:this.getInitialWidth(),currentHeight:this.getInitialHeight(),titleId:void 0,showLicenseWatermark:!1,licenseMessage:void 0}},mounted(){window&&window.addEventListener("resize",this.handleBrowserWindowResize);const t=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;t&&(this.windowWrapper=this.$el,t.appendChild(this.windowWrapper)),this.$el&&(this.windowElement=this.$refs.windowElement)},unmounted(){window&&window.removeEventListener("resize",this.handleBrowserWindowResize)},computed:{wrapperClass(){return{"k-dialog-wrapper":this.$props.modal}},windowElementClass(){const{windowClass:t}=this.$props;return{"k-window":!0,[t]:t,"k-window-minimized":this.currentStage==="MINIMIZED"}},computedTop(){return this.windowStage!==e.windowStage.FULLSCREEN?Math.max(this.$props.top||this.currentTop,0):0},computedLeft(){return this.windowStage!==e.windowStage.FULLSCREEN?Math.max(this.$props.left||this.currentLeft,0):0},computedWidth(){let t=this.$props.width||this.currentWidth;return this.windowStage===e.windowStage.FULLSCREEN&&(t=window.innerWidth),t},computedHeight(){let t=this.$props.height||this.currentHeight;return this.windowStage===e.windowStage.FULLSCREEN?t=window.innerHeight:this.windowStage===e.windowStage.MINIMIZED&&(t=0),t},windowStage(){return this.$props.stage||this.currentStage}},methods:{onPress(t){const n=t;this.windowCoordinatesState.differenceLeft=n.pageX-this.computedLeft,this.windowCoordinatesState.differenceTop=n.pageY-this.computedTop},onDrag(t){const n=t;n.originalEvent.preventDefault(),this.windowStage!==e.windowStage.FULLSCREEN&&this.$props.draggable&&(this.currentTop=Math.max(n.pageY-this.windowCoordinatesState.differenceTop,0),this.currentLeft=n.pageX-this.windowCoordinatesState.differenceLeft,this.isDragging=!0,this.dispatchMoveEvent("move",n,!0,!1))},onRelease(t){const n=t;this.windowStage!==e.windowStage.FULLSCREEN&&this.$props.draggable&&this.dispatchMoveEvent("move",n,!0,!0),this.isDragging=!1},handleKeyDown(t){if(t.target!==t.currentTarget)return;const n=this.$props.minWidth||f,s=this.$props.minHeight||m;if(t.ctrlKey&&this.$props.resizable){switch(t.keyCode){case i.Keys.up:t.preventDefault(),s<=this.computedHeight-r&&(this.currentHeight=this.currentHeight-r);break;case i.Keys.down:t.preventDefault(),this.currentHeight=this.currentHeight+r;break;case i.Keys.left:n<=this.computedWidth-r&&(this.currentWidth=this.currentWidth-r);break;case i.Keys.right:this.currentWidth=this.currentWidth+r;break;default:return}this.dispatchMoveEvent("resize",t,!1,void 0);return}if(t.altKey){switch(t.keyCode){case i.Keys.up:this.windowStage===e.windowStage.MINIMIZED?(this.handleRestore(t),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})):this.windowStage===e.windowStage.DEFAULT&&(this.handleFullscreen(t),this.$emit("stagechange",t,this,{state:e.windowStage.FULLSCREEN}));break;case i.Keys.down:this.windowStage===e.windowStage.FULLSCREEN?(this.handleRestore(t),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})):this.windowStage===e.windowStage.DEFAULT&&(this.handleMinimize(t),this.$emit("stagechange",t,this,{state:e.windowStage.MINIMIZED}));break}return}if(!t.ctrlKey)switch(t.keyCode){case i.Keys.esc:this.handleCloseWindow(t);return;case i.Keys.up:t.preventDefault(),this.currentTop=this.currentTop-r;break;case i.Keys.down:t.preventDefault(),this.currentTop=this.currentTop+r;break;case i.Keys.left:t.preventDefault(),this.currentLeft=this.currentLeft-r;break;case i.Keys.right:t.preventDefault(),this.currentLeft=this.currentLeft+r;break;default:return}this.dispatchMoveEvent("move",t,!1,void 0)},getInitialTop(){if(this.$props.top!==void 0)return this.$props.top;if(this.$props.initialTop!==void 0)return this.$props.initialTop;let t=E;return this.$props.height!==void 0?t=this.$props.height:this.$props.initialHeight!==void 0&&(t=this.$props.initialHeight),window.innerHeight/2-t/2},getInitialLeft(){if(this.$props.left!==void 0)return this.$props.left;if(this.$props.initialLeft!==void 0)return this.$props.initialLeft;let t=L;return this.$props.width!==void 0?t=this.$props.width:this.$props.initialWidth!==void 0&&(t=this.$props.initialWidth),window.innerWidth/2-t/2},getInitialWidth(){let t=L;return this.$props.width!==void 0?t=this.$props.width:this.$props.initialWidth!==void 0&&(t=this.$props.initialWidth),t},getInitialHeight(){let t=E;return this.$props.height!==void 0?t=this.$props.height:this.$props.initialHeight!==void 0&&(t=this.$props.initialHeight),t},handleMinimize(t){t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentStage=e.windowStage.MINIMIZED,this.currentHeight=0,this.$emit("stagechange",t,this,{state:e.windowStage.MINIMIZED})},handleFullscreen(t){t.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentLeft=0,this.currentTop=0,this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight,this.currentStage=e.windowStage.FULLSCREEN,this.$emit("stagechange",t,this,{state:e.windowStage.FULLSCREEN})},handleRestore(t){t.preventDefault(),this.windowStage===e.windowStage.FULLSCREEN?(this.currentStage=e.windowStage.DEFAULT,this.currentLeft=this.windowCoordinatesState.leftBeforeAction,this.currentTop=this.windowCoordinatesState.topBeforeAction,this.currentWidth=this.windowCoordinatesState.widthBeforeAction,this.currentHeight=this.windowCoordinatesState.heightBeforeAction):this.windowStage===e.windowStage.MINIMIZED&&(this.currentStage=e.windowStage.DEFAULT,this.currentHeight=this.windowCoordinatesState.heightBeforeAction),this.$emit("stagechange",t,this,{state:e.windowStage.DEFAULT})},handleCloseWindow(t){t.preventDefault(),this.$emit("close",t,this,{state:void 0})},handleDoubleClick(t){this.$props.doubleClickStageChange&&(this.windowStage===e.windowStage.FULLSCREEN||this.windowStage===e.windowStage.MINIMIZED?this.handleRestore(t):this.handleFullscreen(t))},handleResize(t,n){const s=this.computedWidth,a=this.computedHeight,w=this.$props.minWidth||f,l=this.$props.minHeight||m,d=this.computedTop-t.pageY,h=this.computedLeft-t.pageX,c=t.pageX-this.computedLeft,u=t.pageY-this.computedTop;this.isDragging=!n.end,n.direction.indexOf("n")>=0&&l-(a+d)<0&&(this.currentTop=t.pageY,this.currentHeight=a+d),n.direction.indexOf("s")>=0&&l-u<0&&(this.currentHeight=u),n.direction.indexOf("w")>=0&&w-(s+h)<0&&(this.currentLeft=t.pageX,this.currentWidth=s+h),n.direction.indexOf("e")>=0&&w-c<0&&(this.currentWidth=c),this.dispatchMoveEvent("resize",t,!0,n.end)},dispatchMoveEvent(t,n,s,a){this.$emit(t,{event:n.event,drag:s,end:a,target:this,left:this.currentLeft,top:this.currentTop,width:this.currentWidth,height:this.currentHeight})},handleBrowserWindowResize(){this.windowStage===e.windowStage.FULLSCREEN&&(this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight)},handleClick(t){this.$emit("overlayclick",t)},getActionBarIndex(t){return t.findIndex(s=>s&&s.tag&&s.tag.toLowerCase().indexOf("dialogactionsbar")!==-1||s.componentOptions&&s.componentOptions.tag&&s.componentOptions.tag.toLowerCase().indexOf("actions-bar")!==-1||s.type&&s.type.name&&s.type.name.toLowerCase().indexOf("dialogactionsbar")!==-1)},generateTitleId(){return"window-title-"+i.guid()}},render(){const t=i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)),n=i.templateRendering.call(this,this.$props.closeButton,i.getListeners.call(this)),s=i.templateRendering.call(this,this.$props.minimizeButton,i.getListeners.call(this)),a=i.templateRendering.call(this,this.$props.maximizeButton,i.getListeners.call(this)),w=i.templateRendering.call(this,this.$props.restoreButton,i.getListeners.call(this)),l=i.getDefaultSlots(this),d=l||[],h=this.getActionBarIndex(d);let c;h!==-1&&(c=d[h],d.splice(h,1));const u=this.showLicenseWatermark?o.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,S=o.createVNode("div",{class:this.wrapperClass,ref:"wrapper",dir:this.$props.dir},[this.$props.modal&&o.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),o.createVNode("div",{tabindex:0,onFocus:p=>p.target.classList.add("k-focus"),onBlur:p=>p.target.classList.remove("k-focus"),onKeydown:this.handleKeyDown,ref:"windowElement",class:this.windowElementClass,role:"dialog","aria-modal":this.$props.modal?!0:void 0,"aria-labelledby":this.$props.title!==void 0||t?this.titleId:void 0,style:{top:this.computedTop+"px",left:this.computedLeft+"px",width:this.computedWidth+"px",height:this.windowStage!==e.windowStage.MINIMIZED?this.computedHeight+"px":void 0,overflow:this.windowStage!==e.windowStage.MINIMIZED?"hidden":void 0,...this.$props.windowStyle}},[o.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[o.createVNode(I.WindowTitleBar,{stage:this.windowStage,title:this.$props.title,titleId:this.titleId,titleRender:t,onDoubleclick:this.handleDoubleClick,onMinimizeclick:this.handleMinimize,onFullscreenclick:this.handleFullscreen,onRestoreclick:this.handleRestore,onCloseclick:this.handleCloseWindow,closeButton:n,minimizeButton:s,maximizeButton:a,restoreButton:w},null)]}),[o.createVNode("div",{class:this.windowStage===e.windowStage.MINIMIZED?"k-window-content k-hidden":"k-window-content"},[l]),this.windowStage!==e.windowStage.MINIMIZED?c:null],this.windowStage===e.windowStage.DEFAULT&&this.$props.resizable?o.createVNode($.ResizeHandlers,{onResize:this.handleResize},null):null,u])]);return this.$props.appendTo?o.createVNode("div",null,[S]):S}});exports.Window=D;

package/Window.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as C, createVNode as o } from "vue";
-import { WindowTitleBar as D } from "./WindowTitlebar.mjs";
-import { templateRendering as c, getListeners as u, getDefaultSlots as W, WatermarkOverlay as T, Draggable as B, guid as H, Keys as s, validatePackage as k, shouldShowValidationUI as b, getLicenseMessage as F } from "@progress/kendo-vue-common";
-import { ResizeHandlers as M } from "./WindowResizeHandlers.mjs";
+import { defineComponent as D, createVNode as r } from "vue";
+import { WindowTitleBar as C } from "./WindowTitlebar.mjs";
+import { templateRendering as c, getListeners as u, getDefaultSlots as W, WatermarkOverlay as T, Draggable as B, guid as H, Keys as s, validatePackage as M, shouldShowValidationUI as k, getLicenseMessage as b } from "@progress/kendo-vue-common";
+import { ResizeHandlers as N } from "./WindowResizeHandlers.mjs";
 import { windowStage as e } from "./StageEnum.mjs";
 import { packageMetadata as m } from "./package-metadata.mjs";
-import { DEFAULT_DIALOGS_ZINDEX as N } from "./constants.mjs";
-const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
+import { DEFAULT_DIALOGS_ZINDEX as F } from "./constants.mjs";
+const I = 300, $ = 300, S = 120, L = 100, o = 5, O = /* @__PURE__ */ D({
   name: "KendoWindow",
   emits: {
     resize: (t) => !0,
@@ -23,7 +23,7 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
   },
   provide() {
     return {
-      kCurrentZIndex: N
+      kCurrentZIndex: F
     };
   },
   props: {
@@ -53,11 +53,11 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
     initialTop: [Number],
     minWidth: {
       type: [Number],
-      default: L
+      default: S
     },
     minHeight: {
       type: [Number],
-      default: S
+      default: L
     },
     resizable: {
       type: Boolean,
@@ -88,16 +88,10 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
         return ["DEFAULT", "MINIMIZED", "FULLSCREEN"].indexOf(t) !== -1;
       }
     },
-    themeColor: {
-      type: String,
-      validator: function(t) {
-        return [void 0, "primary", "dark", "light"].includes(t);
-      }
-    },
     dir: String
   },
   created() {
-    k(m), this.showLicenseWatermark = b(m), this.licenseMessage = F(m), this.windowCoordinatesState = {
+    M(m), this.showLicenseWatermark = k(m), this.licenseMessage = b(m), this.windowCoordinatesState = {
       leftBeforeAction: this.getInitialLeft(),
       topBeforeAction: this.getInitialTop(),
       widthBeforeAction: this.getInitialWidth(),
@@ -137,13 +131,11 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
     },
     windowElementClass() {
       const {
-        windowClass: t,
-        themeColor: i
+        windowClass: t
       } = this.$props;
       return {
         "k-window": !0,
         [t]: t,
-        [`k-window-${i}`]: i,
         "k-window-minimized": this.currentStage === "MINIMIZED"
       };
     },
@@ -181,20 +173,20 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
     handleKeyDown(t) {
       if (t.target !== t.currentTarget)
         return;
-      const i = this.$props.minWidth || L, n = this.$props.minHeight || S;
+      const i = this.$props.minWidth || S, n = this.$props.minHeight || L;
       if (t.ctrlKey && this.$props.resizable) {
         switch (t.keyCode) {
           case s.up:
-            t.preventDefault(), n <= this.computedHeight - r && (this.currentHeight = this.currentHeight - r);
+            t.preventDefault(), n <= this.computedHeight - o && (this.currentHeight = this.currentHeight - o);
             break;
           case s.down:
-            t.preventDefault(), this.currentHeight = this.currentHeight + r;
+            t.preventDefault(), this.currentHeight = this.currentHeight + o;
             break;
           case s.left:
-            i <= this.computedWidth - r && (this.currentWidth = this.currentWidth - r);
+            i <= this.computedWidth - o && (this.currentWidth = this.currentWidth - o);
             break;
           case s.right:
-            this.currentWidth = this.currentWidth + r;
+            this.currentWidth = this.currentWidth + o;
             break;
           default:
             return;
@@ -227,16 +219,16 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
             this.handleCloseWindow(t);
             return;
           case s.up:
-            t.preventDefault(), this.currentTop = this.currentTop - r;
+            t.preventDefault(), this.currentTop = this.currentTop - o;
             break;
           case s.down:
-            t.preventDefault(), this.currentTop = this.currentTop + r;
+            t.preventDefault(), this.currentTop = this.currentTop + o;
             break;
           case s.left:
-            t.preventDefault(), this.currentLeft = this.currentLeft - r;
+            t.preventDefault(), this.currentLeft = this.currentLeft - o;
             break;
           case s.right:
-            t.preventDefault(), this.currentLeft = this.currentLeft + r;
+            t.preventDefault(), this.currentLeft = this.currentLeft + o;
             break;
           default:
             return;
@@ -248,7 +240,7 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
         return this.$props.top;
       if (this.$props.initialTop !== void 0)
         return this.$props.initialTop;
-      let t = I;
+      let t = $;
       return this.$props.height !== void 0 ? t = this.$props.height : this.$props.initialHeight !== void 0 && (t = this.$props.initialHeight), window.innerHeight / 2 - t / 2;
     },
     getInitialLeft() {
@@ -256,15 +248,15 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
         return this.$props.left;
       if (this.$props.initialLeft !== void 0)
         return this.$props.initialLeft;
-      let t = $;
+      let t = I;
       return this.$props.width !== void 0 ? t = this.$props.width : this.$props.initialWidth !== void 0 && (t = this.$props.initialWidth), window.innerWidth / 2 - t / 2;
     },
     getInitialWidth() {
-      let t = $;
+      let t = I;
       return this.$props.width !== void 0 ? t = this.$props.width : this.$props.initialWidth !== void 0 && (t = this.$props.initialWidth), t;
     },
     getInitialHeight() {
-      let t = I;
+      let t = $;
       return this.$props.height !== void 0 ? t = this.$props.height : this.$props.initialHeight !== void 0 && (t = this.$props.initialHeight), t;
     },
     handleMinimize(t) {
@@ -291,8 +283,8 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
       this.$props.doubleClickStageChange && (this.windowStage === e.FULLSCREEN || this.windowStage === e.MINIMIZED ? this.handleRestore(t) : this.handleFullscreen(t));
     },
     handleResize(t, i) {
-      const n = this.computedWidth, h = this.computedHeight, g = this.$props.minWidth || L, l = this.$props.minHeight || S, a = this.computedTop - t.pageY, d = this.computedLeft - t.pageX, p = t.pageX - this.computedLeft, f = t.pageY - this.computedTop;
-      this.isDragging = !i.end, i.direction.indexOf("n") >= 0 && l - (h + a) < 0 && (this.currentTop = t.pageY, this.currentHeight = h + a), i.direction.indexOf("s") >= 0 && l - f < 0 && (this.currentHeight = f), i.direction.indexOf("w") >= 0 && g - (n + d) < 0 && (this.currentLeft = t.pageX, this.currentWidth = n + d), i.direction.indexOf("e") >= 0 && g - p < 0 && (this.currentWidth = p), this.dispatchMoveEvent("resize", t, !0, i.end);
+      const n = this.computedWidth, h = this.computedHeight, g = this.$props.minWidth || S, l = this.$props.minHeight || L, a = this.computedTop - t.pageY, d = this.computedLeft - t.pageX, p = t.pageX - this.computedLeft, w = t.pageY - this.computedTop;
+      this.isDragging = !i.end, i.direction.indexOf("n") >= 0 && l - (h + a) < 0 && (this.currentTop = t.pageY, this.currentHeight = h + a), i.direction.indexOf("s") >= 0 && l - w < 0 && (this.currentHeight = w), i.direction.indexOf("w") >= 0 && g - (n + d) < 0 && (this.currentLeft = t.pageX, this.currentWidth = n + d), i.direction.indexOf("e") >= 0 && g - p < 0 && (this.currentWidth = p), this.dispatchMoveEvent("resize", t, !0, i.end);
     },
     dispatchMoveEvent(t, i, n, h) {
       this.$emit(t, {
@@ -323,39 +315,40 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
     const t = c.call(this, this.$props.titleRender, u.call(this)), i = c.call(this, this.$props.closeButton, u.call(this)), n = c.call(this, this.$props.minimizeButton, u.call(this)), h = c.call(this, this.$props.maximizeButton, u.call(this)), g = c.call(this, this.$props.restoreButton, u.call(this)), l = W(this), a = l || [], d = this.getActionBarIndex(a);
     let p;
     d !== -1 && (p = a[d], a.splice(d, 1));
-    const f = this.showLicenseWatermark ? o(T, {
+    const w = this.showLicenseWatermark ? r(T, {
       message: this.licenseMessage
-    }, null) : null, E = o("div", {
+    }, null) : null, E = r("div", {
       class: this.wrapperClass,
       ref: "wrapper",
       dir: this.$props.dir
-    }, [this.$props.modal && o("div", {
+    }, [this.$props.modal && r("div", {
       class: "k-overlay",
       onClick: this.handleClick
-    }, null), o("div", {
+    }, null), r("div", {
       tabindex: 0,
-      onFocus: (w) => w.target.classList.add("k-focus"),
-      onBlur: (w) => w.target.classList.remove("k-focus"),
+      onFocus: (f) => f.target.classList.add("k-focus"),
+      onBlur: (f) => f.target.classList.remove("k-focus"),
       onKeydown: this.handleKeyDown,
       ref: "windowElement",
       class: this.windowElementClass,
       role: "dialog",
       "aria-modal": this.$props.modal ? !0 : void 0,
-      "aria-labelledby": this.titleId,
+      "aria-labelledby": this.$props.title !== void 0 || t ? this.titleId : void 0,
       style: {
         top: this.computedTop + "px",
         left: this.computedLeft + "px",
         width: this.computedWidth + "px",
-        height: this.computedHeight + "px" || "",
+        height: this.windowStage !== e.MINIMIZED ? this.computedHeight + "px" : void 0,
+        overflow: this.windowStage !== e.MINIMIZED ? "hidden" : void 0,
         ...this.$props.windowStyle
       }
-    }, [o(B, {
+    }, [r(B, {
       onPress: this.onPress,
       onDrag: this.onDrag,
       onRelease: this.onRelease,
       ref: "draggable"
     }, {
-      default: () => [o(D, {
+      default: () => [r(C, {
         stage: this.windowStage,
         title: this.$props.title,
         titleId: this.titleId,
@@ -370,12 +363,12 @@ const $ = 300, I = 300, L = 120, S = 100, r = 5, O = /* @__PURE__ */ C({
         maximizeButton: h,
         restoreButton: g
       }, null)]
-    }), this.windowStage !== e.MINIMIZED ? [o("div", {
-      class: "k-window-content"
-    }, [l]), p] : null, this.windowStage === e.DEFAULT && this.$props.resizable ? o(M, {
+    }), [r("div", {
+      class: this.windowStage === e.MINIMIZED ? "k-window-content k-hidden" : "k-window-content"
+    }, [l]), this.windowStage !== e.MINIMIZED ? p : null], this.windowStage === e.DEFAULT && this.$props.resizable ? r(N, {
       onResize: this.handleResize
-    }, null) : null, f])]);
-    return this.$props.appendTo ? o("div", null, [E]) : E;
+    }, null) : null, w])]);
+    return this.$props.appendTo ? r("div", null, [E]) : E;
   }
 });
 export {

package/WindowProps.d.ts

@@ -87,10 +87,6 @@ export interface WindowProps {
      * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
      */
     resizable?: boolean;
-    /**
-     * Specifies the theme color of the Dialog.
-     */
-    themeColor?: 'promary' | 'dark' | 'light' | string;
     /**
      * Acccepts a named slot `string`, functional or class component for the restore button. If set to `false` the button is not rendered.
      *

package/WindowTitlebar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-buttons"),R=require("@progress/kendo-vue-intl"),a=require("./StageEnum.js"),t=require("./messages/main.js"),c=require("@progress/kendo-svg-icons"),F=e.defineComponent({name:"KendoWindowTitleBar",props:{id:String,stage:String,closeButton:[String,Function,Object,Boolean],minimizeButton:[String,Function,Object,Boolean],maximizeButton:[String,Function,Object,Boolean],restoreButton:[String,Function,Object,Boolean],title:String,titleId:String,titleRender:[String,Function,Object,Boolean],onDoubleclick:Function,onMinimizeclick:Function,onFullscreenclick:Function,onRestoreclick:Function,onCloseclick:Function},inject:{kendoLocalizationService:{default:null}},methods:{onDoubleClick(i){this.$emit("doubleclick",i)},onMinimizeClick(i){this.$emit("minimizeclick",i)},onFullScreenClick(i){this.$emit("fullscreenclick",i)},onRestoreClick(i){this.$emit("restoreclick",i)},onCloseClick(i){this.$emit("closeclick",i)}},render(){const i=this.$props,{stage:s,title:r,titleRender:u,minimizeButton:d,maximizeButton:m,restoreButton:g,closeButton:w}=i,o=R.provideLocalizationService(this);let k=n.getTemplate.call(this,{h:e.h,template:u,defaultRendering:r});const B=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",icon:"window-minimize",svgIcon:c.windowMinimizeIcon,fillMode:"flat",size:"xsmall",onClick:this.onMinimizeClick,"aria-label":o.toLanguageString(t.dialogsWindowMinimizeButton,t.messages[t.dialogsWindowMinimizeButton])},null),h=n.getTemplate.call(this,{h:e.h,template:d,defaultRendering:B}),b=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",icon:"window",svgIcon:c.windowIcon,fillMode:"flat",size:"xsmall",onClick:this.onFullScreenClick,"aria-label":o.toLanguageString(t.dialogsWindowMaximizeButton,t.messages[t.dialogsWindowMaximizeButton])},null),p=n.getTemplate.call(this,{h:e.h,template:m,defaultRendering:b}),z=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",icon:"window-restore",svgIcon:c.windowRestoreIcon,fillMode:"flat",size:"xsmall",onClick:this.onRestoreClick,"aria-label":o.toLanguageString(t.dialogsWindowRestoreButton,t.messages[t.dialogsWindowRestoreButton])},null),S=n.getTemplate.call(this,{h:e.h,template:g,defaultRendering:z}),f=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",icon:"x",svgIcon:c.xIcon,fillMode:"flat",size:"xsmall",onClick:this.onCloseClick,"aria-label":o.toLanguageString(t.dialogsWindowCloseButton,t.messages[t.dialogsWindowCloseButton])},null),C=n.getTemplate.call(this,{h:e.h,template:w,defaultRendering:f});return e.createVNode("div",{class:"k-window-titlebar",style:{touchAction:"none"},onDblclick:this.onDoubleClick},[e.createVNode("span",{class:"k-window-title",id:this.$props.titleId},[k]),e.createVNode("div",{class:"k-window-titlebar-actions"},[s===a.windowStage.DEFAULT&&h,s===a.windowStage.DEFAULT&&p,s!==a.windowStage.DEFAULT&&S,C])])}});exports.WindowTitleBar=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-buttons"),R=require("@progress/kendo-vue-intl"),a=require("./StageEnum.js"),t=require("./messages/main.js"),c=require("@progress/kendo-svg-icons"),F=e.defineComponent({name:"KendoWindowTitleBar",props:{id:String,stage:String,closeButton:[String,Function,Object,Boolean],minimizeButton:[String,Function,Object,Boolean],maximizeButton:[String,Function,Object,Boolean],restoreButton:[String,Function,Object,Boolean],title:String,titleId:String,titleRender:[String,Function,Object,Boolean],onDoubleclick:Function,onMinimizeclick:Function,onFullscreenclick:Function,onRestoreclick:Function,onCloseclick:Function},inject:{kendoLocalizationService:{default:null}},methods:{onDoubleClick(i){this.$emit("doubleclick",i)},onMinimizeClick(i){this.$emit("minimizeclick",i)},onFullScreenClick(i){this.$emit("fullscreenclick",i)},onRestoreClick(i){this.$emit("restoreclick",i)},onCloseClick(i){this.$emit("closeclick",i)}},render(){const i=this.$props,{stage:s,title:r,titleRender:u,minimizeButton:d,maximizeButton:g,restoreButton:m,closeButton:w}=i,o=R.provideLocalizationService(this);let k=n.getTemplate.call(this,{h:e.h,template:u,defaultRendering:r});const B=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window-minimize",svgIcon:c.windowMinimizeIcon,fillMode:"flat",onClick:this.onMinimizeClick,"aria-label":o.toLanguageString(t.dialogsWindowMinimizeButton,t.messages[t.dialogsWindowMinimizeButton])},null),h=n.getTemplate.call(this,{h:e.h,template:d,defaultRendering:B}),b=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window",svgIcon:c.windowIcon,fillMode:"flat",onClick:this.onFullScreenClick,"aria-label":o.toLanguageString(t.dialogsWindowMaximizeButton,t.messages[t.dialogsWindowMaximizeButton])},null),p=n.getTemplate.call(this,{h:e.h,template:g,defaultRendering:b}),z=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window-restore",svgIcon:c.windowRestoreIcon,fillMode:"flat",onClick:this.onRestoreClick,"aria-label":o.toLanguageString(t.dialogsWindowRestoreButton,t.messages[t.dialogsWindowRestoreButton])},null),S=n.getTemplate.call(this,{h:e.h,template:m,defaultRendering:z}),f=e.createVNode(l.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"x",svgIcon:c.xIcon,fillMode:"flat",onClick:this.onCloseClick,"aria-label":o.toLanguageString(t.dialogsWindowCloseButton,t.messages[t.dialogsWindowCloseButton])},null),C=n.getTemplate.call(this,{h:e.h,template:w,defaultRendering:f});return e.createVNode("div",{class:"k-window-titlebar",style:{touchAction:"none"},onDblclick:this.onDoubleClick},[e.createVNode("span",{class:"k-window-title",id:this.$props.titleId},[k]),e.createVNode("div",{class:"k-window-titlebar-actions"},[s===a.windowStage.DEFAULT&&h,s===a.windowStage.DEFAULT&&p,s!==a.windowStage.DEFAULT&&S,C])])}});exports.WindowTitleBar=F;

package/WindowTitlebar.mjs

@@ -10,7 +10,7 @@ import { getTemplate as e } from "@progress/kendo-vue-common";
 import { Button as l } from "@progress/kendo-vue-buttons";
 import { provideLocalizationService as M } from "@progress/kendo-vue-intl";
 import { windowStage as a } from "./StageEnum.mjs";
-import { dialogsWindowMinimizeButton as r, messages as c, dialogsWindowMaximizeButton as u, dialogsWindowRestoreButton as m, dialogsWindowCloseButton as d } from "./messages/main.mjs";
+import { dialogsWindowMinimizeButton as r, messages as c, dialogsWindowMaximizeButton as u, dialogsWindowRestoreButton as d, dialogsWindowCloseButton as m } from "./messages/main.mjs";
 import { windowMinimizeIcon as v, windowIcon as L, windowRestoreIcon as $, xIcon as j } from "@progress/kendo-svg-icons";
 const K = /* @__PURE__ */ I({
   name: "KendoWindowTitleBar",
@@ -70,10 +70,10 @@ const K = /* @__PURE__ */ I({
     const b = i(l, {
       type: "button",
       class: "k-window-titlebar-action",
+      size: "xs",
       icon: "window-minimize",
       svgIcon: v,
       fillMode: "flat",
-      size: "xsmall",
       onClick: this.onMinimizeClick,
       "aria-label": o.toLanguageString(r, c[r])
     }, null), z = e.call(this, {
@@ -83,10 +83,10 @@ const K = /* @__PURE__ */ I({
     }), C = i(l, {
       type: "button",
       class: "k-window-titlebar-action",
+      size: "xs",
       icon: "window",
       svgIcon: L,
       fillMode: "flat",
-      size: "xsmall",
       onClick: this.onFullScreenClick,
       "aria-label": o.toLanguageString(u, c[u])
     }, null), S = e.call(this, {
@@ -96,12 +96,12 @@ const K = /* @__PURE__ */ I({
     }), F = i(l, {
       type: "button",
       class: "k-window-titlebar-action",
+      size: "xs",
       icon: "window-restore",
       svgIcon: $,
       fillMode: "flat",
-      size: "xsmall",
       onClick: this.onRestoreClick,
-      "aria-label": o.toLanguageString(m, c[m])
+      "aria-label": o.toLanguageString(d, c[d])
     }, null), R = e.call(this, {
       h: n,
       template: B,
@@ -109,12 +109,12 @@ const K = /* @__PURE__ */ I({
     }), x = i(l, {
       type: "button",
       class: "k-window-titlebar-action",
+      size: "xs",
       icon: "x",
       svgIcon: j,
       fillMode: "flat",
-      size: "xsmall",
       onClick: this.onCloseClick,
-      "aria-label": o.toLanguageString(d, c[d])
+      "aria-label": o.toLanguageString(m, c[m])
     }, null), D = e.call(this, {
       h: n,
       template: f,

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

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-buttons","@progress/kendo-svg-icons","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueDialogs={},e.Vue,e.KendoVueCommon,e.KendoVueButtons,e.KendoSVGIcons,e.KendoVueIntl)}(this,function(e,t,i,n,o,s){"use strict";const r=t.defineComponent({props:{id:String,closeIcon:{type:Boolean,default:!0},title:String,titleRender:[String,Function,Object],onClosebuttonclick:Function},methods:{onCloseButtonClick(e){this.$emit("closebuttonclick",e)}},render(){let e,{id:s,closeIcon:r,titleRender:a,title:l}=this.$props;return e=i.getTemplate.call(this,{h:t.h,template:a,defaultRendering:l}),t.createVNode("div",{class:"k-window-titlebar k-dialog-titlebar",id:s},[t.createVNode("span",{class:"k-window-title k-dialog-title"},[e]),t.createVNode("div",{class:"k-window-titlebar-actions k-dialog-titlebar-actions"},[r&&t.createVNode(n.Button,{type:"button",fillMode:"flat",size:"xsmall","aria-label":"Close",icon:"x",svgIcon:o.xIcon,onClick:this.onCloseButtonClick,class:"k-window-titlebar-action k-dialog-titlebar-action"},null)])])}}),a={name:"@progress/kendo-vue-dialogs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"8.4.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"},l=t.defineComponent({name:"KendoDialog",emits:{close:e=>!0,overlayclick:null},props:{appendTo:String,title:String,titleRender:[String,Function],id:String,wrapperId:String,dir:String,closeIcon:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},width:[String,Number],height:[String,Number],minWidth:[String,Number],className:String,dialogClass:String,themeColor:{type:String,validator:function(e){return["primary","dark","light"].includes(e)}},onClose:Function},provide:()=>({kCurrentZIndex:10002}),data:()=>({showLicenseWatermark:!1,licenseMessage:void 0}),created(){i.validatePackage(a),this.showLicenseWatermark=i.shouldShowValidationUI(a),this.licenseMessage=i.getLicenseMessage(a),this.titleId=this.generateTitleId(),this.contentId=this.generateContentId()},computed:{wrapperClass(){const{className:e}=this.$props;return{"k-dialog-wrapper":!0,[e]:e}},dialogElementClass(){const{dialogClass:e,themeColor:t}=this.$props;return{"k-window":!0,"k-dialog":!0,[e]:e,[`k-window-${t}`]:t}}},mounted(){const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowElement=this.$el,e.appendChild(this.windowElement))},beforeUnmount(){var e;null!=(e=this.windowElement)&&e.parentNode&&this.windowElement.remove()},methods:{handleCloseDialog(e){e.preventDefault(),this.$emit("close",{event:e,target:this})},handleKeyDown(e){e.keyCode===i.Keys.esc&&i.hasListener.call(this,"close")&&(e.preventDefault(),this.handleCloseDialog(e))},transformDimesion:e=>"string"==typeof e&&(e.endsWith("px")||e.endsWith("%"))?e:e+"px",getActionBarIndex:e=>e.findIndex(e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("dialogactionsbar")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("actions-bar")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("dialogactionsbar")),generateTitleId:()=>"dialog-title"+i.guid(),generateContentId:()=>"dialog-content"+i.guid(),handleClick(e){this.$emit("overlayclick",e)}},render(){const e=void 0!==this.$props.id?this.$props.id:this.titleId;let{title:n,width:o,height:s,minWidth:a,dir:l,contentStyle:d,wrapperId:h}=this.$props;const c=this.$props.titleRender?i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)):null,p=i.getDefaultSlots(this)||[];o=this.transformDimesion(o),s=this.transformDimesion(s),a=this.transformDimesion(a);const u=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,g=this.getActionBarIndex(p);let w;-1!==g&&(w=p[g],p.splice(g,1));const m=void 0===this.$props.closeIcon||this.$props.closeIcon,f=t.createVNode("div",{ref:"wrapper",class:this.wrapperClass,onKeydown:this.handleKeyDown,tabindex:0,id:h,dir:l},[this.$props.modal&&t.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),t.createVNode("div",{"aria-labelledby":n||c?e:void 0,"aria-describedby":this.contentId,"aria-modal":this.$props.modal||void 0,class:this.dialogElementClass,role:"dialog",style:{width:o,height:s,minWidth:a}},[(n||c)&&t.createVNode(r,{closeIcon:m,onClosebuttonclick:this.handleCloseDialog,id:e,title:n,titleRender:c},null),t.createVNode("div",{class:"k-window-content k-dialog-content",style:d,id:this.contentId},[p]),w,u])]);return this.$props.appendTo?t.createVNode("div",null,[f]):f}}),d=t.defineComponent({name:"DialogActionsBar",props:{layout:{type:String,default:"stretched",validator:function(e){return["stretched","start","center","end"].includes(e)}},orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}}},computed:{wrapperClasses(){const{layout:e,orientation:t}=this.$props;return{"k-actions":!0,"k-dialog-actions":!0,"k-window-actions":!0,[`k-actions-${t}`]:t,[`k-actions-${e}`]:e}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:this.wrapperClasses},[e])}});var h=(e=>(e.DEFAULT="DEFAULT",e.FULLSCREEN="FULLSCREEN",e.MINIMIZED="MINIMIZED",e))(h||{});const c="dialogs.windowMaximizeButton",p="dialogs.windowMinimizeButton",u="dialogs.windowRestoreButton",g="dialogs.windowCloseButton",w={[c]:"maximize",[p]:"minimize",[u]:"restore",[g]:"close"},m=t.defineComponent({name:"KendoWindowTitleBar",props:{id:String,stage:String,closeButton:[String,Function,Object,Boolean],minimizeButton:[String,Function,Object,Boolean],maximizeButton:[String,Function,Object,Boolean],restoreButton:[String,Function,Object,Boolean],title:String,titleId:String,titleRender:[String,Function,Object,Boolean],onDoubleclick:Function,onMinimizeclick:Function,onFullscreenclick:Function,onRestoreclick:Function,onCloseclick:Function},inject:{kendoLocalizationService:{default:null}},methods:{onDoubleClick(e){this.$emit("doubleclick",e)},onMinimizeClick(e){this.$emit("minimizeclick",e)},onFullScreenClick(e){this.$emit("fullscreenclick",e)},onRestoreClick(e){this.$emit("restoreclick",e)},onCloseClick(e){this.$emit("closeclick",e)}},render(){const e=this.$props,{stage:r,title:a,titleRender:l,minimizeButton:d,maximizeButton:m,restoreButton:f,closeButton:v}=e,k=s.provideLocalizationService(this);let C=i.getTemplate.call(this,{h:t.h,template:l,defaultRendering:a});const S=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",icon:"window-minimize",svgIcon:o.windowMinimizeIcon,fillMode:"flat",size:"xsmall",onClick:this.onMinimizeClick,"aria-label":k.toLanguageString(p,w[p])},null),L=i.getTemplate.call(this,{h:t.h,template:d,defaultRendering:S}),$=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",icon:"window",svgIcon:o.windowIcon,fillMode:"flat",size:"xsmall",onClick:this.onFullScreenClick,"aria-label":k.toLanguageString(c,w[c])},null),I=i.getTemplate.call(this,{h:t.h,template:m,defaultRendering:$}),b=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",icon:"window-restore",svgIcon:o.windowRestoreIcon,fillMode:"flat",size:"xsmall",onClick:this.onRestoreClick,"aria-label":k.toLanguageString(u,w[u])},null),y=i.getTemplate.call(this,{h:t.h,template:f,defaultRendering:b}),E=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",icon:"x",svgIcon:o.xIcon,fillMode:"flat",size:"xsmall",onClick:this.onCloseClick,"aria-label":k.toLanguageString(g,w[g])},null),D=i.getTemplate.call(this,{h:t.h,template:v,defaultRendering:E});return t.createVNode("div",{class:"k-window-titlebar",style:{touchAction:"none"},onDblclick:this.onDoubleClick},[t.createVNode("span",{class:"k-window-title",id:this.$props.titleId},[C]),t.createVNode("div",{class:"k-window-titlebar-actions"},[r===h.DEFAULT&&L,r===h.DEFAULT&&I,r!==h.DEFAULT&&y,D])])}}),f=["n","e","s","w","se","sw","ne","nw"],v=t.defineComponent({name:"ResizeHandlers",emits:{resize:null},methods:{onDrag(e,t){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:!1,direction:t})},onRelease(e,t){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:!0,direction:t})}},render(){return t.createVNode("div",null,[f.map(function(e,n){return t.createVNode(i.Draggable,{key:n,onDrag:t=>this.onDrag(t,e),onRelease:t=>this.onRelease(t,e)},{default:()=>[t.createVNode("div",{class:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none"}},null)]})},this)])}}),k=t.defineComponent({name:"KendoWindow",emits:{resize:e=>!0,move:e=>!0,close:e=>!0,stagechange:e=>!0,overlayclick:null},provide:()=>({kCurrentZIndex:10002}),props:{id:String,appendTo:String,width:{type:[Number],default:void 0},height:{type:[Number],default:void 0},left:{type:[Number],default:void 0},windowStyle:Object,windowClass:String,top:{type:[Number],default:void 0},initialWidth:[Number],initialHeight:[Number],initialLeft:[Number],initialTop:[Number],minWidth:{type:[Number],default:120},minHeight:{type:[Number],default:100},resizable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},modal:{type:Boolean,default:!1},doubleClickStageChange:{type:Boolean,default:!0},title:String,titleRender:[String,Function],closeButton:[String,Function],minimizeButton:[String,Function],maximizeButton:[String,Function],restoreButton:[String,Function],shouldUpdateOnDrag:Boolean,stage:{type:String,validator:function(e){return-1!==["DEFAULT","MINIMIZED","FULLSCREEN"].indexOf(e)}},themeColor:{type:String,validator:function(e){return[void 0,"primary","dark","light"].includes(e)}},dir:String},created(){i.validatePackage(a),this.showLicenseWatermark=i.shouldShowValidationUI(a),this.licenseMessage=i.getLicenseMessage(a),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()},this.titleId=this.generateTitleId()},beforeUnmount(){var e;null!=(e=this.windowWrapper)&&e.parentNode&&this.windowWrapper.remove()},data(){return{currentStage:this.$props.stage||h.DEFAULT,isDragging:!1,currentTop:this.getInitialTop(),currentLeft:this.getInitialLeft(),currentWidth:this.getInitialWidth(),currentHeight:this.getInitialHeight(),titleId:void 0,showLicenseWatermark:!1,licenseMessage:void 0}},mounted(){window&&window.addEventListener("resize",this.handleBrowserWindowResize);const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowWrapper=this.$el,e.appendChild(this.windowWrapper)),this.$el&&(this.windowElement=this.$refs.windowElement)},unmounted(){window&&window.removeEventListener("resize",this.handleBrowserWindowResize)},computed:{wrapperClass(){return{"k-dialog-wrapper":this.$props.modal}},windowElementClass(){const{windowClass:e,themeColor:t}=this.$props;return{"k-window":!0,[e]:e,[`k-window-${t}`]:t,"k-window-minimized":"MINIMIZED"===this.currentStage}},computedTop(){return this.windowStage!==h.FULLSCREEN?Math.max(this.$props.top||this.currentTop,0):0},computedLeft(){return this.windowStage!==h.FULLSCREEN?Math.max(this.$props.left||this.currentLeft,0):0},computedWidth(){let e=this.$props.width||this.currentWidth;return this.windowStage===h.FULLSCREEN&&(e=window.innerWidth),e},computedHeight(){let e=this.$props.height||this.currentHeight;return this.windowStage===h.FULLSCREEN?e=window.innerHeight:this.windowStage===h.MINIMIZED&&(e=0),e},windowStage(){return this.$props.stage||this.currentStage}},methods:{onPress(e){const t=e;this.windowCoordinatesState.differenceLeft=t.pageX-this.computedLeft,this.windowCoordinatesState.differenceTop=t.pageY-this.computedTop},onDrag(e){const t=e;t.originalEvent.preventDefault(),this.windowStage!==h.FULLSCREEN&&this.$props.draggable&&(this.currentTop=Math.max(t.pageY-this.windowCoordinatesState.differenceTop,0),this.currentLeft=t.pageX-this.windowCoordinatesState.differenceLeft,this.isDragging=!0,this.dispatchMoveEvent("move",t,!0,!1))},onRelease(e){const t=e;this.windowStage!==h.FULLSCREEN&&this.$props.draggable&&this.dispatchMoveEvent("move",t,!0,!0),this.isDragging=!1},handleKeyDown(e){if(e.target!==e.currentTarget)return;const t=this.$props.minWidth||120,n=this.$props.minHeight||100;if(e.ctrlKey&&this.$props.resizable){switch(e.keyCode){case i.Keys.up:e.preventDefault(),n<=this.computedHeight-5&&(this.currentHeight=this.currentHeight-5);break;case i.Keys.down:e.preventDefault(),this.currentHeight=this.currentHeight+5;break;case i.Keys.left:t<=this.computedWidth-5&&(this.currentWidth=this.currentWidth-5);break;case i.Keys.right:this.currentWidth=this.currentWidth+5;break;default:return}this.dispatchMoveEvent("resize",e,!1,void 0)}else if(e.altKey)switch(e.keyCode){case i.Keys.up:this.windowStage===h.MINIMIZED?(this.handleRestore(e),this.$emit("stagechange",e,this,{state:h.DEFAULT})):this.windowStage===h.DEFAULT&&(this.handleFullscreen(e),this.$emit("stagechange",e,this,{state:h.FULLSCREEN}));break;case i.Keys.down:this.windowStage===h.FULLSCREEN?(this.handleRestore(e),this.$emit("stagechange",e,this,{state:h.DEFAULT})):this.windowStage===h.DEFAULT&&(this.handleMinimize(e),this.$emit("stagechange",e,this,{state:h.MINIMIZED}))}else{if(!e.ctrlKey)switch(e.keyCode){case i.Keys.esc:return void this.handleCloseWindow(e);case i.Keys.up:e.preventDefault(),this.currentTop=this.currentTop-5;break;case i.Keys.down:e.preventDefault(),this.currentTop=this.currentTop+5;break;case i.Keys.left:e.preventDefault(),this.currentLeft=this.currentLeft-5;break;case i.Keys.right:e.preventDefault(),this.currentLeft=this.currentLeft+5;break;default:return}this.dispatchMoveEvent("move",e,!1,void 0)}},getInitialTop(){if(void 0!==this.$props.top)return this.$props.top;if(void 0!==this.$props.initialTop)return this.$props.initialTop;let e=300;return void 0!==this.$props.height?e=this.$props.height:void 0!==this.$props.initialHeight&&(e=this.$props.initialHeight),window.innerHeight/2-e/2},getInitialLeft(){if(void 0!==this.$props.left)return this.$props.left;if(void 0!==this.$props.initialLeft)return this.$props.initialLeft;let e=300;return void 0!==this.$props.width?e=this.$props.width:void 0!==this.$props.initialWidth&&(e=this.$props.initialWidth),window.innerWidth/2-e/2},getInitialWidth(){let e=300;return void 0!==this.$props.width?e=this.$props.width:void 0!==this.$props.initialWidth&&(e=this.$props.initialWidth),e},getInitialHeight(){let e=300;return void 0!==this.$props.height?e=this.$props.height:void 0!==this.$props.initialHeight&&(e=this.$props.initialHeight),e},handleMinimize(e){e.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentStage=h.MINIMIZED,this.currentHeight=0,this.$emit("stagechange",e,this,{state:h.MINIMIZED})},handleFullscreen(e){e.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentLeft=0,this.currentTop=0,this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight,this.currentStage=h.FULLSCREEN,this.$emit("stagechange",e,this,{state:h.FULLSCREEN})},handleRestore(e){e.preventDefault(),this.windowStage===h.FULLSCREEN?(this.currentStage=h.DEFAULT,this.currentLeft=this.windowCoordinatesState.leftBeforeAction,this.currentTop=this.windowCoordinatesState.topBeforeAction,this.currentWidth=this.windowCoordinatesState.widthBeforeAction,this.currentHeight=this.windowCoordinatesState.heightBeforeAction):this.windowStage===h.MINIMIZED&&(this.currentStage=h.DEFAULT,this.currentHeight=this.windowCoordinatesState.heightBeforeAction),this.$emit("stagechange",e,this,{state:h.DEFAULT})},handleCloseWindow(e){e.preventDefault(),this.$emit("close",e,this,{state:void 0})},handleDoubleClick(e){this.$props.doubleClickStageChange&&(this.windowStage===h.FULLSCREEN||this.windowStage===h.MINIMIZED?this.handleRestore(e):this.handleFullscreen(e))},handleResize(e,t){const i=this.computedWidth,n=this.computedHeight,o=this.$props.minWidth||120,s=this.$props.minHeight||100,r=this.computedTop-e.pageY,a=this.computedLeft-e.pageX,l=e.pageX-this.computedLeft,d=e.pageY-this.computedTop;this.isDragging=!t.end,t.direction.indexOf("n")>=0&&s-(n+r)<0&&(this.currentTop=e.pageY,this.currentHeight=n+r),t.direction.indexOf("s")>=0&&s-d<0&&(this.currentHeight=d),t.direction.indexOf("w")>=0&&o-(i+a)<0&&(this.currentLeft=e.pageX,this.currentWidth=i+a),t.direction.indexOf("e")>=0&&o-l<0&&(this.currentWidth=l),this.dispatchMoveEvent("resize",e,!0,t.end)},dispatchMoveEvent(e,t,i,n){this.$emit(e,{event:t.event,drag:i,end:n,target:this,left:this.currentLeft,top:this.currentTop,width:this.currentWidth,height:this.currentHeight})},handleBrowserWindowResize(){this.windowStage===h.FULLSCREEN&&(this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight)},handleClick(e){this.$emit("overlayclick",e)},getActionBarIndex:e=>e.findIndex(e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("dialogactionsbar")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("actions-bar")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("dialogactionsbar")),generateTitleId:()=>"window-title-"+i.guid()},render(){const e=i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)),n=i.templateRendering.call(this,this.$props.closeButton,i.getListeners.call(this)),o=i.templateRendering.call(this,this.$props.minimizeButton,i.getListeners.call(this)),s=i.templateRendering.call(this,this.$props.maximizeButton,i.getListeners.call(this)),r=i.templateRendering.call(this,this.$props.restoreButton,i.getListeners.call(this)),a=i.getDefaultSlots(this),l=a||[],d=this.getActionBarIndex(l);let c;-1!==d&&(c=l[d],l.splice(d,1));const p=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,u=t.createVNode("div",{class:this.wrapperClass,ref:"wrapper",dir:this.$props.dir},[this.$props.modal&&t.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),t.createVNode("div",{tabindex:0,onFocus:e=>e.target.classList.add("k-focus"),onBlur:e=>e.target.classList.remove("k-focus"),onKeydown:this.handleKeyDown,ref:"windowElement",class:this.windowElementClass,role:"dialog","aria-modal":!!this.$props.modal||void 0,"aria-labelledby":this.titleId,style:{top:this.computedTop+"px",left:this.computedLeft+"px",width:this.computedWidth+"px",height:this.computedHeight+"px"||"",...this.$props.windowStyle}},[t.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[t.createVNode(m,{stage:this.windowStage,title:this.$props.title,titleId:this.titleId,titleRender:e,onDoubleclick:this.handleDoubleClick,onMinimizeclick:this.handleMinimize,onFullscreenclick:this.handleFullscreen,onRestoreclick:this.handleRestore,onCloseclick:this.handleCloseWindow,closeButton:n,minimizeButton:o,maximizeButton:s,restoreButton:r},null)]}),this.windowStage!==h.MINIMIZED?[t.createVNode("div",{class:"k-window-content"},[a]),c]:null,this.windowStage===h.DEFAULT&&this.$props.resizable?t.createVNode(v,{onResize:this.handleResize},null):null,p])]);return this.$props.appendTo?t.createVNode("div",null,[u]):u}});e.Dialog=l,e.DialogActionsBar=d,e.Window=k});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-buttons","@progress/kendo-svg-icons","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueDialogs={},e.Vue,e.KendoVueCommon,e.KendoVueButtons,e.KendoSVGIcons,e.KendoVueIntl)}(this,function(e,t,i,n,o,s){"use strict";const r=t.defineComponent({props:{id:String,closeIcon:{type:Boolean,default:!0},title:String,titleRender:[String,Function,Object],onClosebuttonclick:Function},methods:{onCloseButtonClick(e){this.$emit("closebuttonclick",e)}},render(){let e,{id:s,closeIcon:r,titleRender:a,title:l}=this.$props;return e=i.getTemplate.call(this,{h:t.h,template:a,defaultRendering:l}),t.createVNode("div",{class:"k-window-titlebar k-dialog-titlebar",id:s},[t.createVNode("span",{class:"k-window-title k-dialog-title"},[e]),t.createVNode("div",{class:"k-window-titlebar-actions k-dialog-titlebar-actions"},[r&&t.createVNode(n.Button,{type:"button",fillMode:"flat","aria-label":"Close",icon:"x",svgIcon:o.xIcon,onClick:this.onCloseButtonClick,class:"k-window-titlebar-action k-dialog-titlebar-action"},null)])])}}),a={name:"@progress/kendo-vue-dialogs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"8.4.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"},l=t.defineComponent({name:"KendoDialog",emits:{close:e=>!0,overlayclick:null},props:{appendTo:String,title:String,titleRender:[String,Function],id:String,wrapperId:String,dir:String,closeIcon:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},width:[String,Number],height:[String,Number],minWidth:[String,Number],className:String,dialogClass:String,onClose:Function},provide:()=>({kCurrentZIndex:10002}),data:()=>({showLicenseWatermark:!1,licenseMessage:void 0}),created(){i.validatePackage(a),this.showLicenseWatermark=i.shouldShowValidationUI(a),this.licenseMessage=i.getLicenseMessage(a),this.titleId=this.generateTitleId(),this.contentId=this.generateContentId()},computed:{wrapperClass(){const{className:e}=this.$props;return{"k-dialog-wrapper":!0,[e]:e}},dialogElementClass(){const{dialogClass:e}=this.$props;return{"k-window":!0,"k-dialog":!0,[e]:e}}},mounted(){const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowElement=this.$el,e.appendChild(this.windowElement))},beforeUnmount(){var e;null!=(e=this.windowElement)&&e.parentNode&&this.windowElement.remove()},methods:{handleCloseDialog(e){e.preventDefault(),this.$emit("close",{event:e,target:this})},handleKeyDown(e){e.keyCode===i.Keys.esc&&i.hasListener.call(this,"close")&&(e.preventDefault(),this.handleCloseDialog(e))},transformDimesion:e=>"string"==typeof e&&(e.endsWith("px")||e.endsWith("%"))?e:e+"px",getActionBarIndex:e=>e.findIndex(e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("dialogactionsbar")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("actions-bar")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("dialogactionsbar")),generateTitleId:()=>"dialog-title"+i.guid(),generateContentId:()=>"dialog-content"+i.guid(),handleClick(e){this.$emit("overlayclick",e)}},render(){const e=void 0!==this.$props.id?this.$props.id:this.titleId;let{title:n,width:o,height:s,minWidth:a,dir:l,contentStyle:d,wrapperId:h}=this.$props;const c=this.$props.titleRender?i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)):null,p=i.getDefaultSlots(this)||[];o=this.transformDimesion(o),s=this.transformDimesion(s),a=this.transformDimesion(a);const u=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,g=this.getActionBarIndex(p);let w;-1!==g&&(w=p[g],p.splice(g,1));const m=void 0===this.$props.closeIcon||this.$props.closeIcon,f=t.createVNode("div",{ref:"wrapper",class:this.wrapperClass,onKeydown:this.handleKeyDown,tabindex:0,id:h,dir:l},[this.$props.modal&&t.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),t.createVNode("div",{"aria-labelledby":n||c?e:void 0,"aria-describedby":this.contentId,"aria-modal":this.$props.modal||void 0,class:this.dialogElementClass,role:"dialog",style:{width:o,height:s,minWidth:a,overflow:"hidden"}},[(n||c)&&t.createVNode(r,{closeIcon:m,onClosebuttonclick:this.handleCloseDialog,id:e,title:n,titleRender:c},null),t.createVNode("div",{class:"k-window-content k-dialog-content",style:d,id:this.contentId},[p]),w,u])]);return this.$props.appendTo?t.createVNode("div",null,[f]):f}}),d=t.defineComponent({name:"DialogActionsBar",props:{layout:{type:String,default:"stretched",validator:function(e){return["stretched","start","center","end"].includes(e)}},orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}}},computed:{wrapperClasses(){const{layout:e,orientation:t}=this.$props;return{"k-actions":!0,"k-dialog-actions":!0,"k-window-actions":!0,[`k-actions-${t}`]:t,[`k-actions-${e}`]:e}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:this.wrapperClasses},[e])}});var h=(e=>(e.DEFAULT="DEFAULT",e.FULLSCREEN="FULLSCREEN",e.MINIMIZED="MINIMIZED",e))(h||{});const c="dialogs.windowMaximizeButton",p="dialogs.windowMinimizeButton",u="dialogs.windowRestoreButton",g="dialogs.windowCloseButton",w={[c]:"maximize",[p]:"minimize",[u]:"restore",[g]:"close"},m=t.defineComponent({name:"KendoWindowTitleBar",props:{id:String,stage:String,closeButton:[String,Function,Object,Boolean],minimizeButton:[String,Function,Object,Boolean],maximizeButton:[String,Function,Object,Boolean],restoreButton:[String,Function,Object,Boolean],title:String,titleId:String,titleRender:[String,Function,Object,Boolean],onDoubleclick:Function,onMinimizeclick:Function,onFullscreenclick:Function,onRestoreclick:Function,onCloseclick:Function},inject:{kendoLocalizationService:{default:null}},methods:{onDoubleClick(e){this.$emit("doubleclick",e)},onMinimizeClick(e){this.$emit("minimizeclick",e)},onFullScreenClick(e){this.$emit("fullscreenclick",e)},onRestoreClick(e){this.$emit("restoreclick",e)},onCloseClick(e){this.$emit("closeclick",e)}},render(){const e=this.$props,{stage:r,title:a,titleRender:l,minimizeButton:d,maximizeButton:m,restoreButton:f,closeButton:v}=e,k=s.provideLocalizationService(this);let S=i.getTemplate.call(this,{h:t.h,template:l,defaultRendering:a});const C=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window-minimize",svgIcon:o.windowMinimizeIcon,fillMode:"flat",onClick:this.onMinimizeClick,"aria-label":k.toLanguageString(p,w[p])},null),I=i.getTemplate.call(this,{h:t.h,template:d,defaultRendering:C}),L=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window",svgIcon:o.windowIcon,fillMode:"flat",onClick:this.onFullScreenClick,"aria-label":k.toLanguageString(c,w[c])},null),$=i.getTemplate.call(this,{h:t.h,template:m,defaultRendering:L}),b=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"window-restore",svgIcon:o.windowRestoreIcon,fillMode:"flat",onClick:this.onRestoreClick,"aria-label":k.toLanguageString(u,w[u])},null),E=i.getTemplate.call(this,{h:t.h,template:f,defaultRendering:b}),D=t.createVNode(n.Button,{type:"button",class:"k-window-titlebar-action",size:"xs",icon:"x",svgIcon:o.xIcon,fillMode:"flat",onClick:this.onCloseClick,"aria-label":k.toLanguageString(g,w[g])},null),y=i.getTemplate.call(this,{h:t.h,template:v,defaultRendering:D});return t.createVNode("div",{class:"k-window-titlebar",style:{touchAction:"none"},onDblclick:this.onDoubleClick},[t.createVNode("span",{class:"k-window-title",id:this.$props.titleId},[S]),t.createVNode("div",{class:"k-window-titlebar-actions"},[r===h.DEFAULT&&I,r===h.DEFAULT&&$,r!==h.DEFAULT&&E,y])])}}),f=["n","e","s","w","se","sw","ne","nw"],v=t.defineComponent({name:"ResizeHandlers",emits:{resize:null},methods:{onDrag(e,t){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:!1,direction:t})},onRelease(e,t){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:!0,direction:t})}},render(){return t.createVNode("div",null,[f.map(function(e,n){return t.createVNode(i.Draggable,{key:n,onDrag:t=>this.onDrag(t,e),onRelease:t=>this.onRelease(t,e)},{default:()=>[t.createVNode("div",{class:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none"}},null)]})},this)])}}),k=t.defineComponent({name:"KendoWindow",emits:{resize:e=>!0,move:e=>!0,close:e=>!0,stagechange:e=>!0,overlayclick:null},provide:()=>({kCurrentZIndex:10002}),props:{id:String,appendTo:String,width:{type:[Number],default:void 0},height:{type:[Number],default:void 0},left:{type:[Number],default:void 0},windowStyle:Object,windowClass:String,top:{type:[Number],default:void 0},initialWidth:[Number],initialHeight:[Number],initialLeft:[Number],initialTop:[Number],minWidth:{type:[Number],default:120},minHeight:{type:[Number],default:100},resizable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},modal:{type:Boolean,default:!1},doubleClickStageChange:{type:Boolean,default:!0},title:String,titleRender:[String,Function],closeButton:[String,Function],minimizeButton:[String,Function],maximizeButton:[String,Function],restoreButton:[String,Function],shouldUpdateOnDrag:Boolean,stage:{type:String,validator:function(e){return-1!==["DEFAULT","MINIMIZED","FULLSCREEN"].indexOf(e)}},dir:String},created(){i.validatePackage(a),this.showLicenseWatermark=i.shouldShowValidationUI(a),this.licenseMessage=i.getLicenseMessage(a),this.windowCoordinatesState={leftBeforeAction:this.getInitialLeft(),topBeforeAction:this.getInitialTop(),widthBeforeAction:this.getInitialWidth(),heightBeforeAction:this.getInitialHeight()},this.titleId=this.generateTitleId()},beforeUnmount(){var e;null!=(e=this.windowWrapper)&&e.parentNode&&this.windowWrapper.remove()},data(){return{currentStage:this.$props.stage||h.DEFAULT,isDragging:!1,currentTop:this.getInitialTop(),currentLeft:this.getInitialLeft(),currentWidth:this.getInitialWidth(),currentHeight:this.getInitialHeight(),titleId:void 0,showLicenseWatermark:!1,licenseMessage:void 0}},mounted(){window&&window.addEventListener("resize",this.handleBrowserWindowResize);const e=this.$props.appendTo?document.querySelector(this.$props.appendTo):document.body;e&&(this.windowWrapper=this.$el,e.appendChild(this.windowWrapper)),this.$el&&(this.windowElement=this.$refs.windowElement)},unmounted(){window&&window.removeEventListener("resize",this.handleBrowserWindowResize)},computed:{wrapperClass(){return{"k-dialog-wrapper":this.$props.modal}},windowElementClass(){const{windowClass:e}=this.$props;return{"k-window":!0,[e]:e,"k-window-minimized":"MINIMIZED"===this.currentStage}},computedTop(){return this.windowStage!==h.FULLSCREEN?Math.max(this.$props.top||this.currentTop,0):0},computedLeft(){return this.windowStage!==h.FULLSCREEN?Math.max(this.$props.left||this.currentLeft,0):0},computedWidth(){let e=this.$props.width||this.currentWidth;return this.windowStage===h.FULLSCREEN&&(e=window.innerWidth),e},computedHeight(){let e=this.$props.height||this.currentHeight;return this.windowStage===h.FULLSCREEN?e=window.innerHeight:this.windowStage===h.MINIMIZED&&(e=0),e},windowStage(){return this.$props.stage||this.currentStage}},methods:{onPress(e){const t=e;this.windowCoordinatesState.differenceLeft=t.pageX-this.computedLeft,this.windowCoordinatesState.differenceTop=t.pageY-this.computedTop},onDrag(e){const t=e;t.originalEvent.preventDefault(),this.windowStage!==h.FULLSCREEN&&this.$props.draggable&&(this.currentTop=Math.max(t.pageY-this.windowCoordinatesState.differenceTop,0),this.currentLeft=t.pageX-this.windowCoordinatesState.differenceLeft,this.isDragging=!0,this.dispatchMoveEvent("move",t,!0,!1))},onRelease(e){const t=e;this.windowStage!==h.FULLSCREEN&&this.$props.draggable&&this.dispatchMoveEvent("move",t,!0,!0),this.isDragging=!1},handleKeyDown(e){if(e.target!==e.currentTarget)return;const t=this.$props.minWidth||120,n=this.$props.minHeight||100;if(e.ctrlKey&&this.$props.resizable){switch(e.keyCode){case i.Keys.up:e.preventDefault(),n<=this.computedHeight-5&&(this.currentHeight=this.currentHeight-5);break;case i.Keys.down:e.preventDefault(),this.currentHeight=this.currentHeight+5;break;case i.Keys.left:t<=this.computedWidth-5&&(this.currentWidth=this.currentWidth-5);break;case i.Keys.right:this.currentWidth=this.currentWidth+5;break;default:return}this.dispatchMoveEvent("resize",e,!1,void 0)}else if(e.altKey)switch(e.keyCode){case i.Keys.up:this.windowStage===h.MINIMIZED?(this.handleRestore(e),this.$emit("stagechange",e,this,{state:h.DEFAULT})):this.windowStage===h.DEFAULT&&(this.handleFullscreen(e),this.$emit("stagechange",e,this,{state:h.FULLSCREEN}));break;case i.Keys.down:this.windowStage===h.FULLSCREEN?(this.handleRestore(e),this.$emit("stagechange",e,this,{state:h.DEFAULT})):this.windowStage===h.DEFAULT&&(this.handleMinimize(e),this.$emit("stagechange",e,this,{state:h.MINIMIZED}))}else{if(!e.ctrlKey)switch(e.keyCode){case i.Keys.esc:return void this.handleCloseWindow(e);case i.Keys.up:e.preventDefault(),this.currentTop=this.currentTop-5;break;case i.Keys.down:e.preventDefault(),this.currentTop=this.currentTop+5;break;case i.Keys.left:e.preventDefault(),this.currentLeft=this.currentLeft-5;break;case i.Keys.right:e.preventDefault(),this.currentLeft=this.currentLeft+5;break;default:return}this.dispatchMoveEvent("move",e,!1,void 0)}},getInitialTop(){if(void 0!==this.$props.top)return this.$props.top;if(void 0!==this.$props.initialTop)return this.$props.initialTop;let e=300;return void 0!==this.$props.height?e=this.$props.height:void 0!==this.$props.initialHeight&&(e=this.$props.initialHeight),window.innerHeight/2-e/2},getInitialLeft(){if(void 0!==this.$props.left)return this.$props.left;if(void 0!==this.$props.initialLeft)return this.$props.initialLeft;let e=300;return void 0!==this.$props.width?e=this.$props.width:void 0!==this.$props.initialWidth&&(e=this.$props.initialWidth),window.innerWidth/2-e/2},getInitialWidth(){let e=300;return void 0!==this.$props.width?e=this.$props.width:void 0!==this.$props.initialWidth&&(e=this.$props.initialWidth),e},getInitialHeight(){let e=300;return void 0!==this.$props.height?e=this.$props.height:void 0!==this.$props.initialHeight&&(e=this.$props.initialHeight),e},handleMinimize(e){e.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentStage=h.MINIMIZED,this.currentHeight=0,this.$emit("stagechange",e,this,{state:h.MINIMIZED})},handleFullscreen(e){e.preventDefault(),this.windowCoordinatesState.leftBeforeAction=this.computedLeft,this.windowCoordinatesState.topBeforeAction=this.computedTop,this.windowCoordinatesState.widthBeforeAction=this.computedWidth,this.windowCoordinatesState.heightBeforeAction=this.computedHeight,this.currentLeft=0,this.currentTop=0,this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight,this.currentStage=h.FULLSCREEN,this.$emit("stagechange",e,this,{state:h.FULLSCREEN})},handleRestore(e){e.preventDefault(),this.windowStage===h.FULLSCREEN?(this.currentStage=h.DEFAULT,this.currentLeft=this.windowCoordinatesState.leftBeforeAction,this.currentTop=this.windowCoordinatesState.topBeforeAction,this.currentWidth=this.windowCoordinatesState.widthBeforeAction,this.currentHeight=this.windowCoordinatesState.heightBeforeAction):this.windowStage===h.MINIMIZED&&(this.currentStage=h.DEFAULT,this.currentHeight=this.windowCoordinatesState.heightBeforeAction),this.$emit("stagechange",e,this,{state:h.DEFAULT})},handleCloseWindow(e){e.preventDefault(),this.$emit("close",e,this,{state:void 0})},handleDoubleClick(e){this.$props.doubleClickStageChange&&(this.windowStage===h.FULLSCREEN||this.windowStage===h.MINIMIZED?this.handleRestore(e):this.handleFullscreen(e))},handleResize(e,t){const i=this.computedWidth,n=this.computedHeight,o=this.$props.minWidth||120,s=this.$props.minHeight||100,r=this.computedTop-e.pageY,a=this.computedLeft-e.pageX,l=e.pageX-this.computedLeft,d=e.pageY-this.computedTop;this.isDragging=!t.end,t.direction.indexOf("n")>=0&&s-(n+r)<0&&(this.currentTop=e.pageY,this.currentHeight=n+r),t.direction.indexOf("s")>=0&&s-d<0&&(this.currentHeight=d),t.direction.indexOf("w")>=0&&o-(i+a)<0&&(this.currentLeft=e.pageX,this.currentWidth=i+a),t.direction.indexOf("e")>=0&&o-l<0&&(this.currentWidth=l),this.dispatchMoveEvent("resize",e,!0,t.end)},dispatchMoveEvent(e,t,i,n){this.$emit(e,{event:t.event,drag:i,end:n,target:this,left:this.currentLeft,top:this.currentTop,width:this.currentWidth,height:this.currentHeight})},handleBrowserWindowResize(){this.windowStage===h.FULLSCREEN&&(this.currentWidth=window.innerWidth,this.currentHeight=window.innerHeight)},handleClick(e){this.$emit("overlayclick",e)},getActionBarIndex:e=>e.findIndex(e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("dialogactionsbar")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("actions-bar")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("dialogactionsbar")),generateTitleId:()=>"window-title-"+i.guid()},render(){const e=i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)),n=i.templateRendering.call(this,this.$props.closeButton,i.getListeners.call(this)),o=i.templateRendering.call(this,this.$props.minimizeButton,i.getListeners.call(this)),s=i.templateRendering.call(this,this.$props.maximizeButton,i.getListeners.call(this)),r=i.templateRendering.call(this,this.$props.restoreButton,i.getListeners.call(this)),a=i.getDefaultSlots(this),l=a||[],d=this.getActionBarIndex(l);let c;-1!==d&&(c=l[d],l.splice(d,1));const p=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,u=t.createVNode("div",{class:this.wrapperClass,ref:"wrapper",dir:this.$props.dir},[this.$props.modal&&t.createVNode("div",{class:"k-overlay",onClick:this.handleClick},null),t.createVNode("div",{tabindex:0,onFocus:e=>e.target.classList.add("k-focus"),onBlur:e=>e.target.classList.remove("k-focus"),onKeydown:this.handleKeyDown,ref:"windowElement",class:this.windowElementClass,role:"dialog","aria-modal":!!this.$props.modal||void 0,"aria-labelledby":void 0!==this.$props.title||e?this.titleId:void 0,style:{top:this.computedTop+"px",left:this.computedLeft+"px",width:this.computedWidth+"px",height:this.windowStage!==h.MINIMIZED?this.computedHeight+"px":void 0,overflow:this.windowStage!==h.MINIMIZED?"hidden":void 0,...this.$props.windowStyle}},[t.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[t.createVNode(m,{stage:this.windowStage,title:this.$props.title,titleId:this.titleId,titleRender:e,onDoubleclick:this.handleDoubleClick,onMinimizeclick:this.handleMinimize,onFullscreenclick:this.handleFullscreen,onRestoreclick:this.handleRestore,onCloseclick:this.handleCloseWindow,closeButton:n,minimizeButton:o,maximizeButton:s,restoreButton:r},null)]}),[t.createVNode("div",{class:this.windowStage===h.MINIMIZED?"k-window-content k-hidden":"k-window-content"},[a]),this.windowStage!==h.MINIMIZED?c:null],this.windowStage===h.DEFAULT&&this.$props.resizable?t.createVNode(v,{onResize:this.handleResize},null):null,p])]);return this.$props.appendTo?t.createVNode("div",null,[u]):u}});e.Dialog=l,e.DialogActionsBar=d,e.Window=k});

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-dialogs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779097376,version:"8.4.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-dialogs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779201985,version:"8.4.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1779097376,
-  version: "8.4.0-develop.3",
+  publishDate: 1779201985,
+  version: "8.4.0-develop.5",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-dialogs",
-  "version": "8.4.0-develop.3",
+  "version": "8.4.0-develop.5",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,10 +25,10 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-buttons": "8.4.0-develop.3",
-    "@progress/kendo-vue-common": "8.4.0-develop.3",
-    "@progress/kendo-vue-intl": "8.4.0-develop.3",
-    "@progress/kendo-svg-icons": "^4.4.0",
+    "@progress/kendo-vue-buttons": "8.4.0-develop.5",
+    "@progress/kendo-vue-common": "8.4.0-develop.5",
+    "@progress/kendo-vue-intl": "8.4.0-develop.5",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -48,7 +48,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1779097376,
+      "publishDate": 1779201985,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
     }
   },
@@ -58,5 +58,10 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telerik/kendo-vue.git"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }