@progress/kendo-vue-dialogs 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/Dialog.js

@@ -10,7 +10,6 @@ import { DEFAULT_DIALOGS_ZINDEX } from './constants';
 /**
  * @hidden
  */
-
 var DialogVue2 = {
   name: 'KendoDialog',
   props: {
@@ -94,13 +93,13 @@ var DialogVue2 = {
     var h = gh || createElement;
     var id = this.$props.id !== undefined ? this.$props.id : this.titleId;
     var _a = this.$props,
-        title = _a.title,
-        width = _a.width,
-        height = _a.height,
-        minWidth = _a.minWidth,
-        dir = _a.dir,
-        contentStyle = _a.contentStyle,
-        wrapperId = _a.wrapperId;
+      title = _a.title,
+      width = _a.width,
+      height = _a.height,
+      minWidth = _a.minWidth,
+      dir = _a.dir,
+      contentStyle = _a.contentStyle,
+      wrapperId = _a.wrapperId;
     var titleRender = this.$props.titleRender ? templateRendering.call(this, this.$props.titleRender, getListeners.call(this)) : null;
     var defaultSlot = getDefaultSlots(this);
     var content = defaultSlot || [];
@@ -109,12 +108,10 @@ var DialogVue2 = {
     minWidth = this.transformDimesion(minWidth);
     var actionBarIndex = this.getActionBarIndex(content);
     var actions;
-
     if (actionBarIndex !== -1) {
       actions = content[actionBarIndex];
       content.splice(actionBarIndex, 1);
     }
-
     var closeIcon = this.$props.closeIcon !== undefined ? this.$props.closeIcon : true;
     var dialog = h("div", {
       ref: 'wrapper',
@@ -146,7 +143,8 @@ var DialogVue2 = {
         height: height,
         minWidth: minWidth
       }
-    }, [(title || titleRender) && // @ts-ignore
+    }, [(title || titleRender) &&
+    // @ts-ignore
     h(DialogTitleBar, {
       closeIcon: closeIcon,
       attrs: this.v3 ? undefined : {
@@ -172,6 +170,5 @@ var DialogVue2 = {
 /**
  * @hidden
  */
-
 var Dialog = DialogVue2;
 export { Dialog, DialogVue2 };

package/dist/es/DialogActionsBar.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DialogActionsBarVue2 = {
   name: 'DialogActionsBar',
   props: {
@@ -30,7 +29,6 @@ var DialogActionsBarVue2 = {
   computed: {
     wrapperClasses: function wrapperClasses() {
       var _a;
-
       var layout = this.$props.layout;
       return _a = {
         'k-dialog-buttongroup': this.buttonGroupClass,
@@ -50,6 +48,5 @@ var DialogActionsBarVue2 = {
 /**
  * @hidden
  */
-
 var DialogActionsBar = DialogActionsBarVue2;
 export { DialogActionsBar, DialogActionsBarVue2 };

package/dist/es/DialogTitleBar.js

@@ -8,7 +8,6 @@ import { Button } from '@progress/kendo-vue-buttons';
 /**
  * @hidden
  */
-
 var DialogTitleBarVue2 = {
   props: {
     id: String,
@@ -35,10 +34,10 @@ var DialogTitleBarVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        id = _a.id,
-        closeIcon = _a.closeIcon,
-        titleRender = _a.titleRender,
-        title = _a.title;
+      id = _a.id,
+      closeIcon = _a.closeIcon,
+      titleRender = _a.titleRender,
+      title = _a.title;
     var titleElement;
     titleElement = getTemplate.call(this, {
       h: h,
@@ -55,7 +54,8 @@ var DialogTitleBarVue2 = {
       "class": "k-window-title k-dialog-title"
     }, [titleElement]), h("div", {
       "class": "k-window-actions k-dialog-actions"
-    }, [closeIcon && // @ts-ignore
+    }, [closeIcon &&
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -78,6 +78,5 @@ var DialogTitleBarVue2 = {
 /**
  * @hidden
  */
-
 var DialogTitleBar = DialogTitleBarVue2;
 export { DialogTitleBar, DialogTitleBarVue2 };

package/dist/es/Window.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -33,7 +29,6 @@ var DEFAULT_STEP = 5;
 /**
  * @hidden
  */
-
 var WindowVue2 = {
   name: 'KendoWindow',
   // @ts-ignore
@@ -150,14 +145,12 @@ var WindowVue2 = {
   mounted: function mounted() {
     if (window) {
       window.addEventListener('resize', this.handleBrowserWindowResize);
-
       if (this.$props.appendTo) {
         var body = document.querySelector(this.$props.appendTo);
         this.windowWrapper = this.$refs.wrapper;
         body.append(this.windowWrapper);
       }
     }
-
     if (this.$el) {
       // this.draggable = this.$refs.draggable;
       this.windowElement = this.$refs.windowElement;
@@ -179,34 +172,28 @@ var WindowVue2 = {
       if (this.windowStage !== windowStage.FULLSCREEN) {
         return Math.max(this.$props.top || this.currentTop, 0);
       }
-
       return 0;
     },
     computedLeft: function computedLeft() {
       if (this.windowStage !== windowStage.FULLSCREEN) {
         return Math.max(this.$props.left || this.currentLeft, 0);
       }
-
       return 0;
     },
     computedWidth: function computedWidth() {
       var width = this.$props.width || this.currentWidth;
-
       if (this.windowStage === windowStage.FULLSCREEN) {
         width = window.innerWidth;
       }
-
       return width;
     },
     computedHeight: function computedHeight() {
       var height = this.$props.height || this.currentHeight;
-
       if (this.windowStage === windowStage.FULLSCREEN) {
         height = window.innerHeight;
       } else if (this.windowStage === windowStage.MINIMIZED) {
         height = 0;
       }
-
       return height;
     },
     windowStage: function windowStage() {
@@ -222,7 +209,6 @@ var WindowVue2 = {
     onDrag: function onDrag(event) {
       var e = event;
       e.originalEvent.preventDefault();
-
       if (this.windowStage !== windowStage.FULLSCREEN && this.$props.draggable) {
         this.currentTop = Math.max(e.pageY - this.windowCoordinatesState.differenceTop, 0);
         this.currentLeft = e.pageX - this.windowCoordinatesState.differenceLeft;
@@ -232,56 +218,43 @@ var WindowVue2 = {
     },
     onRelease: function onRelease(event) {
       var e = event;
-
       if (this.windowStage !== windowStage.FULLSCREEN && this.$props.draggable) {
         this.dispatchMoveEvent('move', e, true, true);
       }
-
       this.isDragging = false;
     },
     handleKeyDown: function handleKeyDown(event) {
       if (event.target !== event.currentTarget) {
         return;
       }
-
       var minWidth = this.$props.minWidth || DEFAULT_MIN_WIDTH;
       var minHeight = this.$props.minHeight || DEFAULT_MIN_HEIGHT;
-
       if (event.ctrlKey && this.$props.resizable) {
         switch (event.keyCode) {
           case Keys.up:
             event.preventDefault();
-
             if (minHeight <= this.computedHeight - DEFAULT_STEP) {
               this.currentHeight = this.currentHeight - DEFAULT_STEP;
             }
-
             break;
-
           case Keys.down:
             event.preventDefault();
             this.currentHeight = this.currentHeight + DEFAULT_STEP;
             break;
-
           case Keys.left:
             if (minWidth <= this.computedWidth - DEFAULT_STEP) {
               this.currentWidth = this.currentWidth - DEFAULT_STEP;
             }
-
             break;
-
           case Keys.right:
             this.currentWidth = this.currentWidth + DEFAULT_STEP;
             break;
-
           default:
             return;
         }
-
         this.dispatchMoveEvent('resize', event, false, undefined);
         return;
       }
-
       if (event.altKey) {
         switch (event.keyCode) {
           case Keys.up:
@@ -296,9 +269,7 @@ var WindowVue2 = {
                 state: windowStage.FULLSCREEN
               });
             }
-
             break;
-
           case Keys.down:
             if (this.windowStage === windowStage.FULLSCREEN) {
               this.handleRestore(event);
@@ -311,106 +282,84 @@ var WindowVue2 = {
                 state: windowStage.MINIMIZED
               });
             }
-
             break;
-
           default:
         }
-
         return;
       }
-
       if (!event.ctrlKey) {
         switch (event.keyCode) {
           case Keys.esc:
             this.handleCloseWindow(event);
             return;
-
           case Keys.up:
             event.preventDefault();
             this.currentTop = this.currentTop - DEFAULT_STEP;
             break;
-
           case Keys.down:
             event.preventDefault();
             this.currentTop = this.currentTop + DEFAULT_STEP;
             break;
-
           case Keys.left:
             event.preventDefault();
             this.currentLeft = this.currentLeft - DEFAULT_STEP;
             break;
-
           case Keys.right:
             event.preventDefault();
             this.currentLeft = this.currentLeft + DEFAULT_STEP;
             break;
-
           default:
             return;
         }
       }
-
       this.dispatchMoveEvent('move', event, false, undefined);
     },
     getInitialTop: function getInitialTop() {
       if (this.$props.top !== undefined) {
         return this.$props.top;
       }
-
       if (this.$props.initialTop !== undefined) {
         return this.$props.initialTop;
       }
-
       var height = DEFAULT_HEIGHT;
-
       if (this.$props.height !== undefined) {
         height = this.$props.height;
       } else if (this.$props.initialHeight !== undefined) {
         height = this.$props.initialHeight;
       }
-
       return window.innerHeight / 2 - height / 2;
     },
     getInitialLeft: function getInitialLeft() {
       if (this.$props.left !== undefined) {
         return this.$props.left;
       }
-
       if (this.$props.initialLeft !== undefined) {
         return this.$props.initialLeft;
       }
-
       var width = DEFAULT_WIDTH;
-
       if (this.$props.width !== undefined) {
         width = this.$props.width;
       } else if (this.$props.initialWidth !== undefined) {
         width = this.$props.initialWidth;
       }
-
       return window.innerWidth / 2 - width / 2;
     },
     getInitialWidth: function getInitialWidth() {
       var width = DEFAULT_WIDTH;
-
       if (this.$props.width !== undefined) {
         width = this.$props.width;
       } else if (this.$props.initialWidth !== undefined) {
         width = this.$props.initialWidth;
       }
-
       return width;
     },
     getInitialHeight: function getInitialHeight() {
       var height = DEFAULT_HEIGHT;
-
       if (this.$props.height !== undefined) {
         height = this.$props.height;
       } else if (this.$props.initialHeight !== undefined) {
         height = this.$props.initialHeight;
       }
-
       return height;
     },
     handleMinimize: function handleMinimize(event) {
@@ -442,7 +391,6 @@ var WindowVue2 = {
     },
     handleRestore: function handleRestore(event) {
       event.preventDefault();
-
       if (this.windowStage === windowStage.FULLSCREEN) {
         this.currentStage = windowStage.DEFAULT;
         this.currentLeft = this.windowCoordinatesState.leftBeforeAction;
@@ -453,7 +401,6 @@ var WindowVue2 = {
         this.currentStage = windowStage.DEFAULT;
         this.currentHeight = this.windowCoordinatesState.heightBeforeAction;
       }
-
       this.$emit('stagechange', event, this, {
         state: windowStage.DEFAULT
       });
@@ -468,7 +415,6 @@ var WindowVue2 = {
       if (!this.$props.doubleClickStageChange) {
         return;
       }
-
       if (this.windowStage === windowStage.FULLSCREEN || this.windowStage === windowStage.MINIMIZED) {
         this.handleRestore(e);
       } else {
@@ -485,25 +431,20 @@ var WindowVue2 = {
       var newWidth = event.pageX - this.computedLeft;
       var newHeight = event.pageY - this.computedTop;
       this.isDragging = !props.end;
-
       if (props.direction.indexOf('n') >= 0 && minHeight - (currentHeight + heightDifference) < 0) {
         this.currentTop = event.pageY;
         this.currentHeight = currentHeight + heightDifference;
       }
-
       if (props.direction.indexOf('s') >= 0 && minHeight - newHeight < 0) {
         this.currentHeight = newHeight;
       }
-
       if (props.direction.indexOf('w') >= 0 && minWidth - (currentWidth + widthDifference) < 0) {
         this.currentLeft = event.pageX;
         this.currentWidth = currentWidth + widthDifference;
       }
-
       if (props.direction.indexOf('e') >= 0 && minWidth - newWidth < 0) {
         this.currentWidth = newWidth;
       }
-
       this.dispatchMoveEvent('resize', event, true, props.end);
     },
     dispatchMoveEvent: function dispatchMoveEvent(eventName, event, drag, end) {
@@ -528,7 +469,6 @@ var WindowVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var classNamesWindow = classNames('k-widget', 'k-window', this.$props.windowClass, {
       'k-window-minimized': this.currentStage === 'MINIMIZED'
@@ -572,7 +512,8 @@ var WindowVue2 = {
         width: this.computedWidth + 'px',
         height: this.computedHeight + 'px' || ''
       }, this.$props.windowStyle)
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(Draggable, {
       onPress: this.onPress,
       on: this.v3 ? undefined : {
@@ -584,7 +525,8 @@ var WindowVue2 = {
       onRelease: this.onRelease,
       ref: 'draggable'
     }, this.v3 ? function () {
-      return [// @ts-ignore  function children
+      return [
+      // @ts-ignore  function children
       h(WindowTitleBar, {
         stage: _this.windowStage,
         attrs: _this.v3 ? undefined : {
@@ -646,7 +588,8 @@ var WindowVue2 = {
       restoreButton: restoreButton
     })]), this.windowStage !== windowStage.MINIMIZED ? h("div", {
       "class": "k-content k-window-content"
-    }, [defaultSlot]) : null, this.windowStage === windowStage.DEFAULT && this.$props.resizable // @ts-ignore  function children
+    }, [defaultSlot]) : null, this.windowStage === windowStage.DEFAULT && this.$props.resizable
+    // @ts-ignore  function children
     ? h(ResizeHandlers, {
       onResize: this.handleResize,
       on: this.v3 ? undefined : {
@@ -659,6 +602,5 @@ var WindowVue2 = {
 /**
  * @hidden
  */
-
 var Window = WindowVue2;
 export { Window, WindowVue2 };

package/dist/es/WindowProps.js

@@ -1 +1,2 @@
-export {}; // tslint:enable:max-line-length
+export {};
+// tslint:enable:max-line-length

package/dist/es/WindowResizeHandlers.js

@@ -7,12 +7,10 @@ import { Draggable } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var keys = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
 /**
  * @hidden
  */
-
 var ResizeHandlersVue2 = {
   name: 'ResizeHandlers',
   // @ts-ignore
@@ -47,8 +45,8 @@ var ResizeHandlersVue2 = {
     var h = gh || createElement;
     return h("div", [keys.map(function (key, index) {
       var _this = this;
-
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(Draggable, {
           key: index,
           onDrag: function onDrag(e) {
@@ -87,6 +85,5 @@ var ResizeHandlersVue2 = {
 /**
  * @hidden
  */
-
 var ResizeHandlers = ResizeHandlersVue2;
 export { ResizeHandlers, ResizeHandlersVue2 };

package/dist/es/WindowTitlebar.js

@@ -11,7 +11,6 @@ import { dialogsWindowCloseButton, dialogsWindowMaximizeButton, dialogsWindowMin
 /**
  * @hidden
  */
-
 var WindowTitleBarVue2 = {
   name: 'KendoWindowTitleBar',
   props: {
@@ -58,19 +57,20 @@ var WindowTitleBarVue2 = {
     var h = gh || createElement;
     var props = this.$props;
     var stage = props.stage,
-        title = props.title,
-        titleRender = props.titleRender,
-        minimizeButton = props.minimizeButton,
-        maximizeButton = props.maximizeButton,
-        restoreButton = props.restoreButton,
-        closeButton = props.closeButton;
+      title = props.title,
+      titleRender = props.titleRender,
+      minimizeButton = props.minimizeButton,
+      maximizeButton = props.maximizeButton,
+      restoreButton = props.restoreButton,
+      closeButton = props.closeButton;
     var ls = provideLocalizationService(this);
     var titleElement = getTemplate.call(this, {
       h: h,
       template: titleRender,
       defaultRendering: title
     });
-    var minimizeButtonDefault = // @ts-ignore
+    var minimizeButtonDefault =
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -93,7 +93,8 @@ var WindowTitleBarVue2 = {
       template: minimizeButton,
       defaultRendering: minimizeButtonDefault
     });
-    var maximizeButtonDefault = // @ts-ignore
+    var maximizeButtonDefault =
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -116,7 +117,8 @@ var WindowTitleBarVue2 = {
       template: maximizeButton,
       defaultRendering: maximizeButtonDefault
     });
-    var restoreButtonDefault = // @ts-ignore
+    var restoreButtonDefault =
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -139,7 +141,8 @@ var WindowTitleBarVue2 = {
       template: restoreButton,
       defaultRendering: restoreButtonDefault
     });
-    var closeButtonDefault = // @ts-ignore
+    var closeButtonDefault =
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -181,6 +184,5 @@ var WindowTitleBarVue2 = {
 /**
  * @hidden
  */
-
 var WindowTitleBar = WindowTitleBarVue2;
 export { WindowTitleBar, WindowTitleBarVue2 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dialogs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151171,
+    publishDate: 1666103362,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/Dialog.js

@@ -10,7 +10,6 @@ import { DEFAULT_DIALOGS_ZINDEX } from './constants.js';
 /**
  * @hidden
  */
-
 var DialogVue2 = {
   name: 'KendoDialog',
   props: {
@@ -94,13 +93,13 @@ var DialogVue2 = {
     var h = gh || createElement;
     var id = this.$props.id !== undefined ? this.$props.id : this.titleId;
     var _a = this.$props,
-        title = _a.title,
-        width = _a.width,
-        height = _a.height,
-        minWidth = _a.minWidth,
-        dir = _a.dir,
-        contentStyle = _a.contentStyle,
-        wrapperId = _a.wrapperId;
+      title = _a.title,
+      width = _a.width,
+      height = _a.height,
+      minWidth = _a.minWidth,
+      dir = _a.dir,
+      contentStyle = _a.contentStyle,
+      wrapperId = _a.wrapperId;
     var titleRender = this.$props.titleRender ? templateRendering.call(this, this.$props.titleRender, getListeners.call(this)) : null;
     var defaultSlot = getDefaultSlots(this);
     var content = defaultSlot || [];
@@ -109,12 +108,10 @@ var DialogVue2 = {
     minWidth = this.transformDimesion(minWidth);
     var actionBarIndex = this.getActionBarIndex(content);
     var actions;
-
     if (actionBarIndex !== -1) {
       actions = content[actionBarIndex];
       content.splice(actionBarIndex, 1);
     }
-
     var closeIcon = this.$props.closeIcon !== undefined ? this.$props.closeIcon : true;
     var dialog = h("div", {
       ref: 'wrapper',
@@ -146,7 +143,8 @@ var DialogVue2 = {
         height: height,
         minWidth: minWidth
       }
-    }, [(title || titleRender) && // @ts-ignore
+    }, [(title || titleRender) &&
+    // @ts-ignore
     h(DialogTitleBar, {
       closeIcon: closeIcon,
       attrs: this.v3 ? undefined : {
@@ -172,6 +170,5 @@ var DialogVue2 = {
 /**
  * @hidden
  */
-
 var Dialog = DialogVue2;
 export { Dialog, DialogVue2 };

package/dist/esm/DialogActionsBar.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DialogActionsBarVue2 = {
   name: 'DialogActionsBar',
   props: {
@@ -30,7 +29,6 @@ var DialogActionsBarVue2 = {
   computed: {
     wrapperClasses: function wrapperClasses() {
       var _a;
-
       var layout = this.$props.layout;
       return _a = {
         'k-dialog-buttongroup': this.buttonGroupClass,
@@ -50,6 +48,5 @@ var DialogActionsBarVue2 = {
 /**
  * @hidden
  */
-
 var DialogActionsBar = DialogActionsBarVue2;
 export { DialogActionsBar, DialogActionsBarVue2 };