@progress/kendo-vue-dialogs 8.0.3-develop.2 → 8.0.3-develop.4

package/Dialog.d.ts

@@ -0,0 +1,158 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DialogCloseEvent } from './events';
+import { PropType } from 'vue';
+/**
+ * Represents the props of the [KendoVue Dialog component]({% slug overview_dialog %}).
+ */
+export interface DialogProps {
+    /**
+     * Defines the string selector to the element to which the Dialog will be appended. Defaults to its parent element.
+     */
+    appendTo?: string;
+    /**
+     * Sets the title of the Dialog ([see example]({% slug title_dialog %})). If `title` is not specified, the Dialog does not render a **Close** button.
+     */
+    title?: string | any;
+    /**
+     * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
+     */
+    titleRender?: string | Function | object | boolean;
+    /**
+     * Sets a class of the Dialog DOM element.
+     */
+    className?: string;
+    /**
+     * Specifies whether a close button should be rendered at the top corner of the dialog.
+     */
+    closeIcon?: boolean;
+    /**
+     * Specifies the width of the Dialog ([see example]({% slug dimensions_dialog %})).
+     */
+    width?: number | string;
+    /**
+     * Specifies the height of the Dialog ([see example]({% slug dimensions_dialog %})).
+     */
+    height?: number | string;
+    /**
+     * 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.
+     */
+    onClose?: (event: DialogCloseEvent) => void;
+    /**
+     * Fires when modal overlay of the Window is clicked.
+     */
+    onOverlayclick?: (event: any) => void;
+    /**
+     * Sets the `aria-labelledby` value.
+     */
+    id?: string;
+    /**
+     * Sets the `id` of the wrapper element.
+     */
+    wrapperId?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * The styles that are applied to the Dialog.
+     */
+    style?: any;
+    /**
+     * The styles that are applied to the content of the Dialog.
+     */
+    contentStyle?: any;
+    dialogClass?: string;
+}
+/**
+ * @hidden
+ */
+declare const Dialog: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    appendTo: PropType<string>;
+    title: PropType<any>;
+    titleRender: PropType<string | boolean | object | Function>;
+    id: PropType<string>;
+    wrapperId: PropType<string>;
+    dir: PropType<string>;
+    closeIcon: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    width: PropType<string | number>;
+    height: PropType<string | number>;
+    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;
+    licenseMessage: any;
+}, {
+    wrapperClass(): {
+        [x: number]: any;
+        'k-dialog-wrapper': boolean;
+    };
+    dialogElementClass(): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-window': boolean;
+        'k-dialog': boolean;
+    };
+}, {
+    handleCloseDialog(event: any): void;
+    handleKeyDown(event: any): void;
+    transformDimesion(initialValue: string | number | undefined): string;
+    getActionBarIndex(children: any): any;
+    generateTitleId(): string;
+    generateContentId(): string;
+    handleClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: DialogCloseEvent) => true;
+    overlayclick: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    appendTo: PropType<string>;
+    title: PropType<any>;
+    titleRender: PropType<string | boolean | object | Function>;
+    id: PropType<string>;
+    wrapperId: PropType<string>;
+    dir: PropType<string>;
+    closeIcon: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    width: PropType<string | number>;
+    height: PropType<string | number>;
+    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;
+    onOverlayclick?: (...args: any[] | unknown[]) => any;
+}>, {
+    closeIcon: boolean;
+}, {}, {}, {}, string, () => {
+    kCurrentZIndex: number;
+}, true, {}, any>;
+export { Dialog };

package/DialogActionsBar.d.ts

@@ -0,0 +1,76 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface DialogActionsBarProps {
+    /**
+     * Set the layout of the actions.
+     *
+     * The supported values are:
+     * * (Default) `start`
+     * * `center`
+     * * `end`
+     * * `stretched`
+     */
+    layout: string;
+    /**
+     * Specifies the orientation of the Dialog action buttons.
+     *
+     * * The possible values are:
+     * * (Default) `horizontal`
+     * * `vertical`
+     *
+     */
+    orientation?: 'horizontal' | 'vertical' | string;
+}
+/**
+ * @hidden
+ */
+export interface DialogActionsBarComputed {
+    [key: string]: any;
+    wrapperClasses: object;
+}
+/**
+ * @hidden
+ */
+declare const DialogActionsBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    layout: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    orientation: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+}>, {}, {}, {
+    wrapperClasses(): {
+        [x: string]: any;
+        'k-actions': boolean;
+        'k-dialog-actions': boolean;
+        'k-window-actions': boolean;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    layout: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    orientation: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+}>> & Readonly<{}>, {
+    orientation: string;
+    layout: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { DialogActionsBar };

package/DialogTitleBar.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface DialogTitleBarProps {
+    /**
+     * @hidden
+     */
+    onClosebuttonclick?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    id?: string;
+    /**
+     * @hidden
+     */
+    closeIcon?: boolean;
+    /**
+     * Sets the title of the Dialog .
+     *  If `title` of 'titleRender' is not specified, the Dialog does not render a **Close** button.
+     */
+    title?: string | any;
+    /**
+     * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
+     */
+    titleRender?: ((h: any, defaultRendering: any | null, props: any, listeners: any) => any) | string | any;
+}
+/**
+ * @hidden
+ */
+declare const DialogTitleBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    closeIcon: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<any>;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    onClosebuttonclick: PropType<(event: any) => void>;
+}>, {}, {}, {}, {
+    onCloseButtonClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    closeIcon: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<any>;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    onClosebuttonclick: PropType<(event: any) => void>;
+}>> & Readonly<{}>, {
+    closeIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { DialogTitleBar };

package/StageEnum.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export declare enum windowStage {
+    DEFAULT = "DEFAULT",
+    FULLSCREEN = "FULLSCREEN",
+    MINIMIZED = "MINIMIZED"
+}

package/Window.d.ts

@@ -0,0 +1,218 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WindowActionsEvent, WindowMoveEvent } from './events';
+import { windowStage } from './StageEnum';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const Window: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    appendTo: PropType<string>;
+    width: {
+        type: PropType<number>;
+        default: any;
+    };
+    height: {
+        type: PropType<number>;
+        default: any;
+    };
+    left: {
+        type: PropType<number>;
+        default: any;
+    };
+    windowStyle: PropType<object>;
+    windowClass: PropType<string>;
+    top: {
+        type: PropType<number>;
+        default: any;
+    };
+    initialWidth: PropType<number>;
+    initialHeight: PropType<number>;
+    initialLeft: PropType<number>;
+    initialTop: PropType<number>;
+    minWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    minHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    resizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    draggable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    modal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    doubleClickStageChange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<any>;
+    titleRender: PropType<string | object | Function>;
+    closeButton: PropType<string | boolean | object | Function>;
+    minimizeButton: PropType<string | boolean | object | Function>;
+    maximizeButton: PropType<string | boolean | object | Function>;
+    restoreButton: PropType<string | boolean | object | Function>;
+    shouldUpdateOnDrag: PropType<boolean>;
+    stage: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<string>;
+        validator: (value: any) => any;
+    };
+    dir: PropType<string>;
+}>, {}, {
+    currentStage: string;
+    isDragging: boolean;
+    currentTop: any;
+    currentLeft: any;
+    currentWidth: any;
+    currentHeight: any;
+    titleId: any;
+    showLicenseWatermark: boolean;
+    licenseMessage: any;
+}, {
+    wrapperClass(): {
+        'k-dialog-wrapper': any;
+    };
+    windowElementClass(): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-window': boolean;
+        'k-window-minimized': boolean;
+    };
+    computedTop(): number;
+    computedLeft(): number;
+    computedWidth(): number;
+    computedHeight(): number;
+    windowStage(): windowStage | string;
+}, {
+    onPress(event: any): void;
+    onDrag(event: any): void;
+    onRelease(event: any): void;
+    handleKeyDown(event: any): void;
+    getInitialTop(): any;
+    getInitialLeft(): any;
+    getInitialWidth(): number;
+    getInitialHeight(): number;
+    handleMinimize(event: any): void;
+    handleFullscreen(event: any): void;
+    handleRestore(event: any): void;
+    handleCloseWindow(event: any): void;
+    handleDoubleClick(e: any): void;
+    handleResize(event: any, props: {
+        end: boolean;
+        direction: string;
+    }): void;
+    dispatchMoveEvent(eventName: string, event: any, drag: boolean, end: boolean | undefined): void;
+    handleBrowserWindowResize(): void;
+    handleClick(e: any): void;
+    getActionBarIndex(children: any): any;
+    generateTitleId(): string;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (event: WindowMoveEvent) => true;
+    move: (event: WindowMoveEvent) => true;
+    close: (event: WindowActionsEvent) => true;
+    stagechange: (event: WindowActionsEvent) => true;
+    overlayclick: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    appendTo: PropType<string>;
+    width: {
+        type: PropType<number>;
+        default: any;
+    };
+    height: {
+        type: PropType<number>;
+        default: any;
+    };
+    left: {
+        type: PropType<number>;
+        default: any;
+    };
+    windowStyle: PropType<object>;
+    windowClass: PropType<string>;
+    top: {
+        type: PropType<number>;
+        default: any;
+    };
+    initialWidth: PropType<number>;
+    initialHeight: PropType<number>;
+    initialLeft: PropType<number>;
+    initialTop: PropType<number>;
+    minWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    minHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    resizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    draggable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    modal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    doubleClickStageChange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<any>;
+    titleRender: PropType<string | object | Function>;
+    closeButton: PropType<string | boolean | object | Function>;
+    minimizeButton: PropType<string | boolean | object | Function>;
+    maximizeButton: PropType<string | boolean | object | Function>;
+    restoreButton: PropType<string | boolean | object | Function>;
+    shouldUpdateOnDrag: PropType<boolean>;
+    stage: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<string>;
+        validator: (value: any) => any;
+    };
+    dir: PropType<string>;
+}>> & Readonly<{
+    onClose?: (event: WindowActionsEvent) => any;
+    onResize?: (event: WindowMoveEvent) => any;
+    onOverlayclick?: (...args: any[] | unknown[]) => any;
+    onMove?: (event: WindowMoveEvent) => any;
+    onStagechange?: (event: WindowActionsEvent) => any;
+}>, {
+    draggable: boolean;
+    height: number;
+    width: number;
+    left: number;
+    top: number;
+    minWidth: number;
+    minHeight: number;
+    resizable: boolean;
+    modal: boolean;
+    doubleClickStageChange: boolean;
+}, {}, {}, {}, string, () => {
+    kCurrentZIndex: number;
+}, true, {}, any>;
+export { Window };

package/WindowProps.d.ts

@@ -0,0 +1,157 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+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;
+    /**
+     * Specifies the direction of the Window content.
+     *
+     * The supported values are:
+     * * `"ltr"`
+     * * `"rtl"`
+     */
+    dir?: 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;
+}