@progress/kendo-vue-dialogs 3.5.0-dev.202208020811 → 3.5.1-dev.202208110751

package/dist/esm/WindowProps.d.ts

@@ -0,0 +1,130 @@
+import { WindowActionsEvent, WindowMoveEvent } from './events';
+import { windowStage } from './StageEnum';
+/**
+ * Represents the props of the [Window component]({% slug overview_window %}).
+ */
+export interface WindowProps {
+    /**
+     * The id of the window.
+     */
+    id?: string;
+    /**
+     * Defines the string selector to the element to which the Window will be appended. Defaults to its parent element.
+     */
+    appendTo?: String;
+    /**
+     * Acccepts a named slot `string`, functional or class component for the close button. If set to `false` the button is not rendered.
+     * @default true
+     */
+    closeButton?: string | Function | object | boolean;
+    /**
+     * Specifies if the Window stage will change on title double click. The this is on by default.
+     */
+    doubleClickStageChange?: boolean;
+    /**
+     * Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
+     */
+    draggable?: boolean;
+    /**
+     * Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
+     */
+    height?: number;
+    /**
+     * Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
+     */
+    initialLeft?: number;
+    /**
+     * Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
+     */
+    initialTop?: number;
+    /**
+     * Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     */
+    initialWidth?: number;
+    /**
+     * Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
+     */
+    initialHeight?: number;
+    /**
+     * Specifies the left coordinates of the Window.
+     */
+    left?: number;
+    windowStyle?: object;
+    windowClass?: string;
+    /**
+     * Acccepts a named slot `string`, functional or class component for the maximize button. If set to `false` the button is not rendered.
+     * @default true
+     */
+    maximizeButton?: string | Function | object | boolean;
+    /**
+     * Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    minHeight?: number;
+    /**
+     * Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    minWidth?: number;
+    /**
+     * Acccepts a named slot `string`, functional or class component for the minimize button. If set to `false` the button is not rendered.
+     * @default true
+     */
+    minimizeButton?: string | Function | object | boolean;
+    /**
+     * Specifies if the Window will be modal by rendering an overlay under the component.
+     */
+    modal?: boolean;
+    /**
+     * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
+     */
+    resizable?: boolean;
+    /**
+     * Acccepts a named slot `string`, functional or class component for the restore button. If set to `false` the button is not rendered.
+     * @default true
+     */
+    restoreButton?: string | Function | object | boolean;
+    /**
+     * Specifies if the Window content will update during resizing.
+     */
+    shouldUpdateOnDrag?: boolean;
+    /**
+     * Specifies the title of the Window ([see example]({% slug title_window %})).
+     */
+    title?: string | any;
+    /**
+     * Acccepts a named slot `string`, functional or class component for the title render.
+     */
+    titleRender?: string | Function | object;
+    /**
+     * Specifies the top coordinates of the Window.
+     */
+    top?: number;
+    /**
+     * Specifies the width of the Window.
+     */
+    width?: number;
+    /**
+     * Controls the state of the Window ([see example]({% slug windowstage_window %})).
+     *
+     * The supported values are:
+     * * `DEFAULT`
+     * * `MINIMIZED`
+     * * `FULLSCREEN`
+     */
+    stage?: windowStage | string;
+    /**
+     * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
+     */
+    onClose?: (event: WindowActionsEvent) => void;
+    /**
+     * Fires when the Window is dragged.
+     */
+    onMove?: (event: WindowMoveEvent) => void;
+    /**
+     * Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
+     */
+    onStagechange?: (event: WindowActionsEvent) => void;
+    /**
+     * Fires when the Window resizes.
+     */
+    onResize?: (event: WindowMoveEvent) => void;
+}

package/dist/esm/WindowProps.js

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

package/dist/esm/WindowResizeHandlers.d.ts

@@ -0,0 +1,30 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface ResizeHandlersProps {
+    onResize: (e: any, args: {
+        end: boolean;
+        direction: any;
+    }) => void;
+}
+/**
+ * @hidden
+ */
+export interface ResizeHandlersMethods extends Vue2type {
+    onDrag: (data: any, key: string) => void;
+    onRelease: (data: any, key: string) => void;
+}
+/**
+ * @hidden
+ */
+declare let ResizeHandlersVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ResizeHandlersMethods>, {}, RecordPropsDefinition<ResizeHandlersProps>>;
+/**
+ * @hidden
+ */
+declare const ResizeHandlers: DefineComponent<ResizeHandlersProps, any, {}, {}, ResizeHandlersMethods, {}, {}, {}, string, ResizeHandlersProps, ResizeHandlersProps, {}>;
+export { ResizeHandlers, ResizeHandlersVue2 };

package/dist/esm/WindowResizeHandlers.js

@@ -0,0 +1,92 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+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
+  emits: {
+    'resize': null
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  methods: {
+    onDrag: function onDrag(event, key) {
+      event.originalEvent.preventDefault();
+      this.$emit('resize', event, {
+        end: false,
+        direction: key
+      });
+    },
+    onRelease: function onRelease(event, key) {
+      event.originalEvent.preventDefault();
+      this.$emit('resize', event, {
+        end: true,
+        direction: key
+      });
+    }
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h("div", [keys.map(function (key, index) {
+      var _this = this;
+
+      return (// @ts-ignore  function children
+        h(Draggable, {
+          key: index,
+          onDrag: function onDrag(e) {
+            return _this.onDrag(e, key);
+          },
+          on: this.v3 ? undefined : {
+            "drag": function onDrag(e) {
+              return _this.onDrag(e, key);
+            },
+            "release": function release(e) {
+              return _this.onRelease(e, key);
+            }
+          },
+          onRelease: function release(e) {
+            return _this.onRelease(e, key);
+          }
+        }, this.v3 ? function () {
+          return [h("div", {
+            "class": 'k-resize-handle k-resize-' + key,
+            style: {
+              display: 'block',
+              touchAction: 'none'
+            }
+          })];
+        } : [h("div", {
+          "class": 'k-resize-handle k-resize-' + key,
+          style: {
+            display: 'block',
+            touchAction: 'none'
+          }
+        })])
+      );
+    }, this)]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var ResizeHandlers = ResizeHandlersVue2;
+export { ResizeHandlers, ResizeHandlersVue2 };

package/dist/esm/WindowTitlebar.d.ts

@@ -0,0 +1,82 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { windowStage } from './StageEnum';
+/**
+ * @hidden
+ */
+export interface WindowTitleBarProps {
+    /**
+     * @hidden
+     */
+    onClosebuttonclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    onDblclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    onMinimizeclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    onFullscreenclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    onRestoreclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    id?: string;
+    /**
+     * @hidden
+     */
+    title?: string;
+    /**
+     * @hidden
+     */
+    titleRender?: any;
+    /**
+     * @hidden
+     */
+    stage?: windowStage | string;
+    /**
+     * @hidden
+     */
+    closeButton?: any;
+    /**
+     * @hidden
+     */
+    minimizeButton?: any;
+    /**
+     * @hidden
+     */
+    maximizeButton?: any;
+    /**
+     * @hidden
+     */
+    restoreButton?: any;
+}
+/**
+ * @hidden
+ */
+export interface WindowTitleBarMethods extends Vue2type {
+    onDoubleClick: (e: any) => void;
+    onMinimizeClick: (e: any) => void;
+    onFullScreenClick: (e: any) => void;
+    onRestoreClick: (e: any) => void;
+    onCloseClick: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let WindowTitleBarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<WindowTitleBarMethods>, {}, RecordPropsDefinition<WindowTitleBarProps>>;
+/**
+ * @hidden
+ */
+declare const WindowTitleBar: DefineComponent<WindowTitleBarProps, any, {}, {}, WindowTitleBarMethods, {}, {}, {}, string, WindowTitleBarProps, WindowTitleBarProps, {}>;
+export { WindowTitleBar, WindowTitleBarVue2 };

package/dist/esm/WindowTitlebar.js

@@ -0,0 +1,165 @@
+// @ts-ignore
+import { getTemplate } from '@progress/kendo-vue-common';
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button } from '@progress/kendo-vue-buttons';
+import { windowStage } from './StageEnum.js';
+/**
+ * @hidden
+ */
+
+var WindowTitleBarVue2 = {
+  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,
+    titleRender: [String, Function, Object, Boolean]
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  methods: {
+    onDoubleClick: function onDoubleClick(e) {
+      this.$emit('doubleclick', e);
+    },
+    onMinimizeClick: function onMinimizeClick(e) {
+      this.$emit('minimizeclick', e);
+    },
+    onFullScreenClick: function onFullScreenClick(e) {
+      this.$emit('fullscreenclick', e);
+    },
+    onRestoreClick: function onRestoreClick(e) {
+      this.$emit('restoreclick', e);
+    },
+    onCloseClick: function onCloseClick(e) {
+      this.$emit('closeclick', e);
+    }
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    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;
+    var titleElement = getTemplate.call(this, {
+      h: h,
+      template: titleRender,
+      defaultRendering: title
+    });
+    var minimizeButtonDefault = // @ts-ignore
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'window-minimize',
+        fillMode: 'flat'
+      },
+      icon: 'window-minimize',
+      fillMode: 'flat',
+      onClick: this.onMinimizeClick,
+      on: this.v3 ? undefined : {
+        "click": this.onMinimizeClick
+      }
+    });
+    var minimizeButtonRender = getTemplate.call(this, {
+      h: h,
+      template: minimizeButton,
+      defaultRendering: minimizeButtonDefault
+    });
+    var maximizeButtonDefault = // @ts-ignore
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'window-maximize',
+        fillMode: 'flat'
+      },
+      icon: 'window-maximize',
+      fillMode: 'flat',
+      onClick: this.onFullScreenClick,
+      on: this.v3 ? undefined : {
+        "click": this.onFullScreenClick
+      }
+    });
+    var maximizeButtonRender = getTemplate.call(this, {
+      h: h,
+      template: maximizeButton,
+      defaultRendering: maximizeButtonDefault
+    });
+    var restoreButtonDefault = // @ts-ignore
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'window-restore',
+        fillMode: 'flat'
+      },
+      icon: 'window-restore',
+      fillMode: 'flat',
+      onClick: this.onRestoreClick,
+      on: this.v3 ? undefined : {
+        "click": this.onRestoreClick
+      }
+    });
+    var restoreButtonRender = getTemplate.call(this, {
+      h: h,
+      template: restoreButton,
+      defaultRendering: restoreButtonDefault
+    });
+    var closeButtonDefault = // @ts-ignore
+    h(Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'x',
+        fillMode: 'flat'
+      },
+      icon: 'x',
+      fillMode: 'flat',
+      onClick: this.onCloseClick,
+      on: this.v3 ? undefined : {
+        "click": this.onCloseClick
+      }
+    });
+    var closeButtonRender = getTemplate.call(this, {
+      h: h,
+      template: closeButton,
+      defaultRendering: closeButtonDefault
+    });
+    return h("div", {
+      "class": "k-window-titlebar k-dialog-titlebar",
+      style: {
+        touchAction: 'none'
+      },
+      onDblclick: this.onDoubleClick,
+      on: this.v3 ? undefined : {
+        "dblclick": this.onDoubleClick
+      }
+    }, [h("div", {
+      "class": "k-window-title"
+    }, [titleElement]), h("div", {
+      "class": "k-window-actions"
+    }, [stage === windowStage.DEFAULT && minimizeButtonRender, stage === windowStage.DEFAULT && maximizeButtonRender, stage !== windowStage.DEFAULT && restoreButtonRender]), closeButtonRender]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var WindowTitleBar = WindowTitleBarVue2;
+export { WindowTitleBar, WindowTitleBarVue2 };

package/dist/esm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import { DefineComponent } from 'vue';
+// @ts-ignore
+import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
+// @ts-ignore
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/esm/constants.d.ts

@@ -0,0 +1,2 @@
+/** @hidden */
+export declare const DEFAULT_DIALOGS_ZINDEX = 10002;

package/dist/esm/constants.js

@@ -0,0 +1,2 @@
+/** @hidden */
+export var DEFAULT_DIALOGS_ZINDEX = 10002;

package/dist/esm/events.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @hidden
+ */
+export interface DialogCloseEvent {
+    /**
+     * An event target.
+     */
+    target: any;
+    /**
+     * A native DOM event.
+     */
+    event: any;
+}
+export interface WindowActionsEvent {
+    state?: 'DEFAULT' | 'FULLSCREEN' | 'MINIMIZED';
+}
+export interface WindowMoveEvent {
+    /**
+     * An event target.
+     */
+    target: Window;
+    /**
+     * A native DOM event.
+     */
+    event: any;
+    /**
+     * Indicates that dragging is completed and that the user dropped the resize handler.
+     */
+    end: boolean;
+    /**
+     * Indicates that the move operation was initialized through dragging. If the Window is moved through the keyboard, the value will be `false`.
+     */
+    drag: boolean;
+}

package/dist/esm/events.js

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

package/dist/esm/main.d.ts

@@ -0,0 +1,6 @@
+import { Dialog, DialogVue2, DialogProps } from './Dialog';
+import { DialogActionsBar, DialogActionsBarVue2 } from './DialogActionsBar';
+import { Window, WindowVue2 } from './Window';
+import { WindowProps } from './WindowProps';
+import { DialogCloseEvent, WindowActionsEvent, WindowMoveEvent } from './events';
+export { Dialog, DialogVue2, DialogProps, DialogActionsBar, DialogActionsBarVue2, DialogCloseEvent, Window, WindowVue2, WindowProps, WindowActionsEvent, WindowMoveEvent };

package/dist/esm/main.js

@@ -0,0 +1,4 @@
+import { Dialog, DialogVue2 } from './Dialog.js';
+import { DialogActionsBar, DialogActionsBarVue2 } from './DialogActionsBar.js';
+import { Window, WindowVue2 } from './Window.js';
+export { Dialog, DialogVue2, DialogActionsBar, DialogActionsBarVue2, Window, WindowVue2 };

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-dialogs',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660203378,
+    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/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/npm/Dialog.js

@@ -46,7 +46,7 @@ var DialogVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.titleId = this.generateTitleId();
   },
   // @ts-ignore
@@ -98,7 +98,7 @@ var DialogVue2 = {
       return actionBarIndex;
     },
     generateTitleId: function generateTitleId() {
-      return 'dialog-title' + kendo_vue_common_1.guid();
+      return 'dialog-title' + (0, kendo_vue_common_1.guid)();
     }
   },
   // @ts-ignore
@@ -114,7 +114,7 @@ var DialogVue2 = {
         contentStyle = _a.contentStyle,
         wrapperId = _a.wrapperId;
     var titleRender = this.$props.titleRender ? kendo_vue_common_1.templateRendering.call(this, this.$props.titleRender, kendo_vue_common_1.getListeners.call(this)) : null;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var content = defaultSlot || [];
     width = this.transformDimesion(width);
     height = this.transformDimesion(height);

package/dist/npm/DialogActionsBar.js

@@ -53,7 +53,7 @@ var DialogActionsBarVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return h("div", {
       "class": this.wrapperClasses
     }, [defaultSlot]);

package/dist/npm/Window.js

@@ -133,7 +133,7 @@ var WindowVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.windowCoordinatesState = {
       leftBeforeAction: this.getInitialLeft(),
       topBeforeAction: this.getInitialTop(),
@@ -544,7 +544,7 @@ var WindowVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var classNamesWindow = kendo_vue_common_1.classNames('k-widget', 'k-window', this.$props.windowClass, {
+    var classNamesWindow = (0, kendo_vue_common_1.classNames)('k-widget', 'k-window', this.$props.windowClass, {
       'k-window-minimized': this.currentStage === 'MINIMIZED'
     });
     var titleRender = kendo_vue_common_1.templateRendering.call(this, this.$props.titleRender, kendo_vue_common_1.getListeners.call(this));
@@ -552,7 +552,7 @@ var WindowVue2 = {
     var minimizeButton = kendo_vue_common_1.templateRendering.call(this, this.$props.minimizeButton, kendo_vue_common_1.getListeners.call(this));
     var maximizeButton = kendo_vue_common_1.templateRendering.call(this, this.$props.maximizeButton, kendo_vue_common_1.getListeners.call(this));
     var restoreButton = kendo_vue_common_1.templateRendering.call(this, this.$props.restoreButton, kendo_vue_common_1.getListeners.call(this));
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var windowElement = h("div", {
       ref: 'wrapper'
     }, [this.$props.modal && h("div", {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dialogs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659427322,
+    publishDate: 1660203378,
     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'
 };