@progress/kendo-vue-popup 8.0.3-develop.2 → 8.0.3-develop.3

package/index.d.ts

@@ -5,331 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { Offset as Offset_2 } from '.';
-import { OffsetPosition } from '@progress/kendo-popup-common';
-import { PopupAnimation as PopupAnimation_2 } from '.';
-import { PopupCloseEvent as PopupCloseEvent_2 } from '.';
-import { PopupOpenEvent as PopupOpenEvent_2 } from '.';
-import { PropType } from 'vue';
-import { PublicProps } from 'vue';
-
-/**
- * Defines the horizontal and vertical aligning point of the Popup.
- */
-export declare interface Align {
-    /**
-     * Defines the possible horizontal point values that are relative to the anchor or the Popup.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `right`—Uses the rightmost point of the anchor element.
-     */
-    horizontal: 'left' | 'center' | 'right';
-    /**
-     * Defines the possible vertical point values that are relative to the anchor or the Popup.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `bottom`—Uses the bottom point of the anchor element.
-     */
-    vertical: 'top' | 'center' | 'bottom';
-}
-
-/**
- * Defines the horizontal and vertical collision behavior of the Popup.
- */
-export declare interface Collision {
-    /**
-     * Defines the horizontal collision behavior of the Popup.
-     */
-    horizontal: CollisionType;
-    /**
-     * Defines the vertical collision behavior of the Popup.
-     */
-    vertical: CollisionType;
-}
-
-/**
- * Defines the possible collision behavior when the Popup is not fully visible.
- *
- * The available options are:
- * - `fit`—Moves the Popup horizontally until it is fully displayed in the viewport.
- * - `flip`—Flips the Popup position based on the origin and the position properties.
- */
-declare type CollisionType = 'fit' | 'flip';
-
-/**
- * The offset position of the Popup.
- */
-export declare interface Offset {
-    /**
-     * Defines the top position of the Popup.
-     */
-    top: number;
-    /**
-     * Defines the left position of the Popup.
-     */
-    left: number;
-}
-
-/**
- * @hidden
- */
-export declare const Popup: DefineComponent<ExtractPropTypes<    {
-appendTo: {
-type: PropType<string>;
-default: string;
-};
-anchor: {
-type: PropType<string>;
-default: string;
-};
-className: PropType<string | string[]>;
-id: PropType<string>;
-popupClass: PropType<string | string[]>;
-collision: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-anchorAlign: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-popupAlign: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-offset: {
-type: PropType<Offset_2>;
-default: () => {
-left: number;
-top: number;
-};
-};
-show: {
-type: PropType<boolean>;
-default: boolean;
-};
-animate: {
-type: PropType<boolean | PopupAnimation_2>;
-default: boolean;
-};
-direction: {
-type: PropType<string>;
-default: string;
-};
-onOpen: PropType<(event: PopupOpenEvent_2) => void>;
-onClose: PropType<(event: PopupCloseEvent_2) => void>;
-}>, {}, {
-hasMounted: boolean;
-}, {}, {
-onOpened(): void;
-onClosing(): void;
-onClosed(): void;
-transitionDuration(): {
-transitionEnterDuration: number;
-transitionExitDuration: number;
-};
-getParentRef(anchor: string, isAnchor?: boolean): any;
-position(settings: PopupProps, element: HTMLElement, anchor: string): Position;
-calculatePosition($props: any, appendToElement?: HTMLElement): Position;
-attachRepositionHandlers(element: any): void;
-detachRepositionHandlers(): void;
-reposition(): void;
-getCurrentZIndex(): number;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-appendTo: {
-type: PropType<string>;
-default: string;
-};
-anchor: {
-type: PropType<string>;
-default: string;
-};
-className: PropType<string | string[]>;
-id: PropType<string>;
-popupClass: PropType<string | string[]>;
-collision: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-anchorAlign: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-popupAlign: {
-type: PropType<object>;
-default: () => {
-horizontal: string;
-vertical: string;
-};
-};
-offset: {
-type: PropType<Offset_2>;
-default: () => {
-left: number;
-top: number;
-};
-};
-show: {
-type: PropType<boolean>;
-default: boolean;
-};
-animate: {
-type: PropType<boolean | PopupAnimation_2>;
-default: boolean;
-};
-direction: {
-type: PropType<string>;
-default: string;
-};
-onOpen: PropType<(event: PopupOpenEvent_2) => void>;
-onClose: PropType<(event: PopupCloseEvent_2) => void>;
-}>> & Readonly<{}>, {
-animate: boolean;
-anchor: string;
-direction: string;
-anchorAlign: object;
-offset: Offset_2;
-appendTo: string;
-collision: object;
-popupAlign: object;
-show: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-/**
- * The animation settings for the Popup component.
- */
-export declare interface PopupAnimation {
-    /**
-     * The duration of the opening animation in milliseconds. Defaults to `300ms`.
-     */
-    openDuration?: number;
-    /**
-     * The duration of the closing animation in milliseconds. Defaults to `300ms`.
-     */
-    closeDuration?: number;
-}
-
-/**
- * Represents the object of the `Close` Popup event.
- */
-export declare interface PopupCloseEvent {
-    /**
-     * An event target.
-     */
-    target: any;
-}
-
-/**
- * Represents the object of the `Open` Popup event.
- */
-export declare interface PopupOpenEvent {
-    /**
-     * An event target.
-     */
-    target: any;
-}
-
-/**
- * Represents the props of the [KendoVue Popup component]({% slug overview_popup %}).
- */
-export declare interface PopupProps extends PopupSettings {
-    /**
-     * Controls the Popup visibility ([see example]({% slug hidden_popup %})). Defaults to `false`.
-     */
-    show?: boolean;
-}
-
-/**
- * @hidden
- */
-export declare interface PopupSettings {
-    /**
-     * Controls the Popup animation ([see example]({% slug animations_popup %})). By default, the opening and closing animations are enabled.
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies the element which will be used as an anchor ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that element.
-     */
-    anchor: string;
-    /**
-     * Specifies the pivot point of the anchor ([see example]({% slug alignmentpositioning_popup %})).
-     */
-    anchorAlign?: object;
-    /**
-     * Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
-     */
-    appendTo?: string;
-    /**
-     * Configures the collision behavior of the Popup ([see example]({% slug viewportboundarydetection_popup %})).
-     */
-    collision?: object;
-    /**
-     * Specifies the pivot point of the Popup ([see example]({% slug alignmentpositioning_popup %})).
-     */
-    popupAlign?: object;
-    /**
-     * Specifies a list of CSS classes that will be added to the Popup element.
-     */
-    className?: string | Array<string>;
-    /**
-     * Specifies the id that will be added to the Popup element.
-     */
-    id?: string;
-    /**
-     * Specifies the direction of the Expand Animation. Defaults to `down`.
-     */
-    direction?: string;
-    /**
-     * Specifies a list of CSS classes that will be added to the internal animated element ([see example]({% slug appearance_popup %})).
-     */
-    popupClass?: string | Array<string>;
-    /**
-     * Represents the styles that are applied to the Popup.
-     */
-    style?: any;
-    /**
-     * Specifies the absolute position of the element ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that point. The pivot point of the Popup is defined by the `popupAlign` configuration option. The boundary detection is applied by using the window viewport.
-     */
-    offset?: Offset;
-    /**
-     * Fires after the Popup is opened and the opening animation ends.
-     */
-    onOpen?: (event: PopupOpenEvent) => void;
-    /**
-     * Fires after the Popup is closed.
-     */
-    onClose?: (event: PopupCloseEvent) => void;
-}
-
-/**
- * @hidden
- */
-declare interface Position {
-    flipped?: boolean;
-    offset?: OffsetPosition;
-}
-
-export { }
+import { Popup } from './Popup';
+import { PopupProps } from './models/PopupProps';
+import { PopupSettings } from './models/PopupSettings';
+import { Align } from './models/Align';
+import { Collision } from './models/Collision';
+import { Offset } from './models/Offset';
+import { PopupAnimation } from './models/PopupAnimation';
+import { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events';
+export { Popup, type PopupProps, type PopupSettings, type Align, type Collision, type Offset, type PopupAnimation, type PopupOpenEvent, type PopupCloseEvent };

package/models/Align.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the horizontal and vertical aligning point of the Popup.
+ */
+export interface Align {
+    /**
+     * Defines the possible horizontal point values that are relative to the anchor or the Popup.
+     *
+     * The available options are:
+     * - `left`—Uses the leftmost point of the anchor element.
+     * - `center`—Uses the center point of the anchor element.
+     * - `right`—Uses the rightmost point of the anchor element.
+     */
+    horizontal: 'left' | 'center' | 'right';
+    /**
+     * Defines the possible vertical point values that are relative to the anchor or the Popup.
+     *
+     * The available options are:
+     * - `top`—Uses the top point of the anchor element.
+     * - `center`—Uses the center point of the anchor element.
+     * - `bottom`—Uses the bottom point of the anchor element.
+     */
+    vertical: 'top' | 'center' | 'bottom';
+}

package/models/AlignElementSettings.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AlignStrategy, OffsetPosition } from '@progress/kendo-popup-common';
+/**
+ * @hidden
+ */
+export interface AlignElementSettings {
+    anchor?: HTMLElement;
+    anchorAlign: AlignStrategy;
+    element: HTMLElement;
+    elementAlign: AlignStrategy;
+    offset?: OffsetPosition;
+}

package/models/Collision.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CollisionType } from './CollisionType';
+/**
+ * Defines the horizontal and vertical collision behavior of the Popup.
+ */
+export interface Collision {
+    /**
+     * Defines the horizontal collision behavior of the Popup.
+     */
+    horizontal: CollisionType;
+    /**
+     * Defines the vertical collision behavior of the Popup.
+     */
+    vertical: CollisionType;
+}

package/models/CollisionType.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the possible collision behavior when the Popup is not fully visible.
+ *
+ * The available options are:
+ * - `fit`—Moves the Popup horizontally until it is fully displayed in the viewport.
+ * - `flip`—Flips the Popup position based on the origin and the position properties.
+ */
+export type CollisionType = 'fit' | 'flip';

package/models/Events.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the object of the `Open` Popup event.
+ */
+export interface OpenEvent {
+    /**
+     * An event target.
+     */
+    target: any;
+}
+/**
+ * Represents the object of the `Close` Popup event.
+ */
+export interface CloseEvent {
+    /**
+     * An event target.
+     */
+    target: any;
+}

package/models/Offset.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The offset position of the Popup.
+ */
+export interface Offset {
+    /**
+     * Defines the top position of the Popup.
+     */
+    top: number;
+    /**
+     * Defines the left position of the Popup.
+     */
+    left: number;
+}

package/models/PopupAnimation.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The animation settings for the Popup component.
+ */
+export interface PopupAnimation {
+    /**
+     * The duration of the opening animation in milliseconds. Defaults to `300ms`.
+     */
+    openDuration?: number;
+    /**
+     * The duration of the closing animation in milliseconds. Defaults to `300ms`.
+     */
+    closeDuration?: number;
+}

package/models/PopupProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PopupSettings } from './PopupSettings';
+/**
+ * Represents the props of the [KendoVue Popup component]({% slug overview_popup %}).
+ */
+export interface PopupProps extends PopupSettings {
+    /**
+     * Controls the Popup visibility ([see example]({% slug hidden_popup %})). Defaults to `false`.
+     */
+    show?: boolean;
+}

package/models/PopupSettings.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { OpenEvent, CloseEvent } from './Events';
+import { Offset } from './Offset';
+import { PopupAnimation } from './PopupAnimation';
+/**
+ * @hidden
+ */
+export interface PopupSettings {
+    /**
+     * Controls the Popup animation ([see example]({% slug animations_popup %})). By default, the opening and closing animations are enabled.
+     */
+    animate?: boolean | PopupAnimation;
+    /**
+     * Specifies the element which will be used as an anchor ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that element.
+     */
+    anchor: string;
+    /**
+     * Specifies the pivot point of the anchor ([see example]({% slug alignmentpositioning_popup %})).
+     */
+    anchorAlign?: object;
+    /**
+     * Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     */
+    appendTo?: string;
+    /**
+     * Configures the collision behavior of the Popup ([see example]({% slug viewportboundarydetection_popup %})).
+     */
+    collision?: object;
+    /**
+     * Specifies the pivot point of the Popup ([see example]({% slug alignmentpositioning_popup %})).
+     */
+    popupAlign?: object;
+    /**
+     * Specifies a list of CSS classes that will be added to the Popup element.
+     */
+    className?: string | Array<string>;
+    /**
+     * Specifies the id that will be added to the Popup element.
+     */
+    id?: string;
+    /**
+     * Specifies the direction of the Expand Animation. Defaults to `down`.
+     */
+    direction?: string;
+    /**
+     * Specifies a list of CSS classes that will be added to the internal animated element ([see example]({% slug appearance_popup %})).
+     */
+    popupClass?: string | Array<string>;
+    /**
+     * Represents the styles that are applied to the Popup.
+     */
+    style?: any;
+    /**
+     * Specifies the absolute position of the element ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that point. The pivot point of the Popup is defined by the `popupAlign` configuration option. The boundary detection is applied by using the window viewport.
+     */
+    offset?: Offset;
+    /**
+     * Fires after the Popup is opened and the opening animation ends.
+     */
+    onOpen?: (event: OpenEvent) => void;
+    /**
+     * Fires after the Popup is closed.
+     */
+    onClose?: (event: CloseEvent) => void;
+}

package/models/Position.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { OffsetPosition as Offset } from '@progress/kendo-popup-common';
+/**
+ * @hidden
+ */
+export interface Position {
+    flipped?: boolean;
+    offset?: Offset;
+}

package/models/positionElementSettings.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AlignStrategy, CollisionStrategy, OffsetPosition, ViewPort } from '@progress/kendo-popup-common';
+/**
+ * @hidden
+ */
+export interface PositionElementSettings {
+    anchor?: HTMLElement;
+    anchorAlign: AlignStrategy;
+    collisions: CollisionStrategy;
+    currentLocation: OffsetPosition;
+    element: HTMLElement;
+    elementAlign: AlignStrategy;
+    viewPort?: ViewPort;
+}

package/package-metadata.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
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

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-popup",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773129898,version:"8.0.3-develop.2",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"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-popup",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401319,version:"8.0.3-develop.3",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"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1773129898,
-  version: "8.0.3-develop.2",
+  publishDate: 1773401319,
+  version: "8.0.3-develop.3",
   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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-popup",
-  "version": "8.0.3-develop.2",
+  "version": "8.0.3-develop.3",
   "description": "Kendo UI for Vue Popup package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,8 +26,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.0.3-develop.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.2",
+    "@progress/kendo-vue-animation": "8.0.3-develop.3",
+    "@progress/kendo-vue-common": "8.0.3-develop.3",
     "vue": "^3.0.2"
   },
   "dependencies": {
@@ -45,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773129898,
+      "publishDate": 1773401319,
       "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"
     }
   },