@progress/kendo-vue-dialogs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dist/es/WindowProps.d.ts

@@ -1,138 +0,0 @@
-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;
-    /**
-     * 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.
-     * @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;
-    /**
-     * Fires when modal overlay of the Window is clicked.
-     */
-    onOverlayclick?: (event: any) => void;
-}

package/dist/es/WindowProps.js

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

package/dist/es/WindowResizeHandlers.d.ts

@@ -1,30 +0,0 @@
-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/es/WindowResizeHandlers.js

@@ -1,89 +0,0 @@
-// @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/es/WindowTitlebar.d.ts

@@ -1,86 +0,0 @@
-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
-     */
-    titleId?: 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/es/WindowTitlebar.js

@@ -1,202 +0,0 @@
-// @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 { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { windowStage } from './StageEnum';
-import { dialogsWindowCloseButton, dialogsWindowMaximizeButton, dialogsWindowMinimizeButton, dialogsWindowRestoreButton, messages } from './messages/main';
-import { windowIcon, windowMinimizeIcon, windowRestoreIcon, xIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var WindowTitleBarVue2 = {
-  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]
-  },
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  // @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 ls = provideLocalizationService(this);
-    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',
-        svgIcon: windowMinimizeIcon,
-        fillMode: 'flat',
-        "aria-label": ls.toLanguageString(dialogsWindowMinimizeButton, messages[dialogsWindowMinimizeButton])
-      },
-      "class": "k-window-titlebar-action",
-      icon: 'window-minimize',
-      svgIcon: windowMinimizeIcon,
-      fillMode: 'flat',
-      onClick: this.onMinimizeClick,
-      on: this.v3 ? undefined : {
-        "click": this.onMinimizeClick
-      },
-      "aria-label": ls.toLanguageString(dialogsWindowMinimizeButton, messages[dialogsWindowMinimizeButton])
-    });
-    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',
-        svgIcon: windowIcon,
-        fillMode: 'flat',
-        "aria-label": ls.toLanguageString(dialogsWindowMaximizeButton, messages[dialogsWindowMaximizeButton])
-      },
-      "class": "k-window-titlebar-action",
-      icon: 'window',
-      svgIcon: windowIcon,
-      fillMode: 'flat',
-      onClick: this.onFullScreenClick,
-      on: this.v3 ? undefined : {
-        "click": this.onFullScreenClick
-      },
-      "aria-label": ls.toLanguageString(dialogsWindowMaximizeButton, messages[dialogsWindowMaximizeButton])
-    });
-    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',
-        svgIcon: windowRestoreIcon,
-        fillMode: 'flat',
-        "aria-label": ls.toLanguageString(dialogsWindowRestoreButton, messages[dialogsWindowRestoreButton])
-      },
-      "class": "k-window-titlebar-action",
-      icon: 'window-restore',
-      svgIcon: windowRestoreIcon,
-      fillMode: 'flat',
-      onClick: this.onRestoreClick,
-      on: this.v3 ? undefined : {
-        "click": this.onRestoreClick
-      },
-      "aria-label": ls.toLanguageString(dialogsWindowRestoreButton, messages[dialogsWindowRestoreButton])
-    });
-    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',
-        svgIcon: xIcon,
-        fillMode: 'flat',
-        "aria-label": ls.toLanguageString(dialogsWindowCloseButton, messages[dialogsWindowCloseButton])
-      },
-      "class": "k-window-titlebar-action",
-      icon: 'x',
-      svgIcon: xIcon,
-      fillMode: 'flat',
-      onClick: this.onCloseClick,
-      on: this.v3 ? undefined : {
-        "click": this.onCloseClick
-      },
-      "aria-label": ls.toLanguageString(dialogsWindowCloseButton, messages[dialogsWindowCloseButton])
-    });
-    var closeButtonRender = getTemplate.call(this, {
-      h: h,
-      template: closeButton,
-      defaultRendering: closeButtonDefault
-    });
-    return h("div", {
-      "class": "k-window-titlebar",
-      style: {
-        touchAction: 'none'
-      },
-      onDblclick: this.onDoubleClick,
-      on: this.v3 ? undefined : {
-        "dblclick": this.onDoubleClick
-      }
-    }, [h("span", {
-      "class": "k-window-title",
-      id: this.$props.titleId,
-      attrs: this.v3 ? undefined : {
-        id: this.$props.titleId
-      }
-    }, [titleElement]), h("div", {
-      "class": "k-window-titlebar-actions"
-    }, [stage === windowStage.DEFAULT && minimizeButtonRender, stage === windowStage.DEFAULT && maximizeButtonRender, stage !== windowStage.DEFAULT && restoreButtonRender, closeButtonRender])]);
-  }
-};
-/**
- * @hidden
- */
-var WindowTitleBar = WindowTitleBarVue2;
-export { WindowTitleBar, WindowTitleBarVue2 };

package/dist/es/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @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/es/constants.d.ts

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

package/dist/es/constants.js

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

package/dist/es/events.d.ts

@@ -1,34 +0,0 @@
-/**
- * @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/es/events.js

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

package/dist/es/main.d.ts

@@ -1,6 +0,0 @@
-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/es/main.js

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

package/dist/es/messages/main.d.ts

@@ -1,25 +0,0 @@
-/**
- * @hidden
- */
-export declare const dialogsWindowMaximizeButton = "dialogs.windowMaximizeButton";
-/**
- * @hidden
- */
-export declare const dialogsWindowMinimizeButton = "dialogs.windowMinimizeButton";
-/**
- * @hidden
- */
-export declare const dialogsWindowRestoreButton = "dialogs.windowRestoreButton";
-/**
- * @hidden
- */
-export declare const dialogsWindowCloseButton = "dialogs.windowCloseButton";
-/**
- * @hidden
- */
-export declare const messages: {
-    "dialogs.windowMaximizeButton": string;
-    "dialogs.windowMinimizeButton": string;
-    "dialogs.windowRestoreButton": string;
-    "dialogs.windowCloseButton": string;
-};

package/dist/es/messages/main.js

@@ -1,26 +0,0 @@
-var _a;
-/**
- * @hidden
- */
-export var dialogsWindowMaximizeButton = 'dialogs.windowMaximizeButton';
-/**
- * @hidden
- */
-export var dialogsWindowMinimizeButton = 'dialogs.windowMinimizeButton';
-/**
- * @hidden
- */
-export var dialogsWindowRestoreButton = 'dialogs.windowRestoreButton';
-/**
- * @hidden
- */
-export var dialogsWindowCloseButton = 'dialogs.windowCloseButton';
-/**
- * @hidden
- */
-export var messages = (_a = {},
-    _a[dialogsWindowMaximizeButton] = 'maximize',
-    _a[dialogsWindowMinimizeButton] = 'minimize',
-    _a[dialogsWindowRestoreButton] = 'restore',
-    _a[dialogsWindowCloseButton] = 'close',
-    _a);

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

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