@progress/kendo-react-tooltip 7.2.4-develop.3 → 7.2.4-develop.4

package/index.d.ts

@@ -1,23 +1,520 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Tooltip } from './tooltip/Tooltip';
-import { type TooltipProps } from './tooltip/TooltipProps';
-import { type TooltipEvent, type TooltipPositionEvent } from './tooltip/events';
-import { type TooltipPosition } from './tooltip/utils';
-import { type PopoverCollision } from './popover/interfaces/PopoverCollision';
-import { type PopoverMargin } from './popover/interfaces/PopoverMargin';
-import { type PopoverOffset } from './popover/interfaces/PopoverOffset';
-import { type PopoverOpenEvent } from './popover/interfaces/PopoverOpenEvent';
-import { type PopoverCloseEvent } from './popover/interfaces/PopoverCloseEvent';
-import { type PopoverPositionEvent } from './popover/interfaces/PopoverPositionEvent';
-import { type PopoverAnimation } from './popover/interfaces/PopoverAnimation';
-import { type PopoverPosition } from './popover/interfaces/PopoverPosition';
-import { type PopoverPositionMode } from './popover/interfaces/PopoverPositionMode';
-import { type PopoverProps } from './popover/interfaces/PopoverProps';
-import { Popover, type PopoverHandle } from './popover/Popover';
-import { PopoverActionsBar, type PopoverActionsBarHandle } from './popover/PopoverActionsBar';
-import { type PopoverActionsBarProps } from './popover/interfaces/PopoverActionsBarProps';
-import { type PopoverCollisionType } from './popover/interfaces/PopoverCollisionType';
-export { Tooltip, TooltipEvent, TooltipPositionEvent, TooltipProps, TooltipPosition, PopoverCollision, PopoverCollisionType, PopoverMargin, PopoverOffset, PopoverPosition, PopoverPositionMode, PopoverAnimation, PopoverOpenEvent, PopoverCloseEvent, PopoverPositionEvent, PopoverProps, PopoverHandle, Popover, PopoverActionsBarProps, PopoverActionsBarHandle, PopoverActionsBar };
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { CollisionType } from '@progress/kendo-react-popup';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Margin } from '@progress/kendo-react-popup';
+import { Offset } from '@progress/kendo-react-popup';
+import { PopupAnimation } from '@progress/kendo-react-popup';
+import { PositionMode } from '@progress/kendo-react-popup';
+import PropTypes from 'prop-types';
+import * as React_2 from 'react';
+import { ZIndexContext } from '@progress/kendo-react-common';
+import { ZIndexContextType } from '@progress/kendo-react-common';
+
+/**
+ * Represents the Popover component.
+ */
+export declare const Popover: React_2.ForwardRefExoticComponent<PopoverProps & React_2.RefAttributes<PopoverHandle | null>>;
+
+/**
+ * Represents the PopoverActionsBar component.
+ */
+export declare const PopoverActionsBar: React_2.ForwardRefExoticComponent<PopoverActionsBarProps & React_2.RefAttributes<PopoverActionsBarHandle | null>>;
+
+/**
+ * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PopoverActionBar component.
+ */
+export declare interface PopoverActionsBarHandle {
+    /**
+     * The props of the PopoverActionsBar.
+     */
+    props: PopoverActionsBarProps;
+    /**
+     * The current element or `null` if there is none.
+     */
+    element: HTMLDivElement | null;
+}
+
+/**
+ * Represents the props of the [KendoReact PopoverActionsBar]({% slug api_tooltip_popoveractionsbar %}) component.
+ */
+export declare interface PopoverActionsBarProps {
+    /**
+     * Sets the horizontal alignment of the PopoverActionsBar buttons.
+     *
+     * The possible values are:
+     * * `start`
+     * * `center`
+     * * `end`
+     * * `stretched` (default)
+     */
+    alignment?: string;
+    /**
+     * Sets the orientation of the PopoverActionsBar buttons.
+     *
+     * The possible values are:
+     * * `horizontal` (default)
+     * * `vertical`
+     */
+    orientation?: string;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+}
+
+/**
+ * The animation settings of the Popover.
+ */
+export declare interface PopoverAnimation extends PopupAnimation {
+}
+
+/**
+ * Represents the object of the `Close` Popover event.
+ */
+export declare interface PopoverCloseEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+}
+
+/**
+ * Defines the horizontal and vertical collision behavior of the Popover.
+ */
+export declare interface PopoverCollision {
+    /**
+     * Defines the horizontal collision behavior of the Popover.
+     */
+    horizontal: PopoverCollisionType;
+    /**
+     * Defines the vertical collision behavior of the Popover.
+     */
+    vertical: PopoverCollisionType;
+}
+
+/**
+ * Defines the possible collision behavior when the Popover is not fully visible.
+ *
+ * The available options are:
+ * - `fit`&mdash;Moves the Popover horizontally until it is fully displayed in the viewport.
+ * - `flip`&mdash;Flips the Popover position based on the origin and the position properties.
+ * - `none`&mdash;The Popover is rendered at its original position. Usable when the Popover is focused on open and the page is scrolled to it.
+ */
+export declare type PopoverCollisionType = CollisionType;
+
+/**
+ * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the Popover component.
+ */
+export declare interface PopoverHandle {
+    /**
+     * The props of the Popover.
+     */
+    props: PopoverProps;
+}
+
+/**
+ * Defines the horizontal and the vertical margin offset of the component.
+ */
+export declare interface PopoverMargin extends Margin {
+    /**
+     * Defines the possible horizontal margin value.
+     */
+    horizontal: number;
+    /**
+     * Defines the possible vertical margin value.
+     */
+    vertical: number;
+}
+
+/**
+ * The offset position of the Popover.
+ */
+export declare interface PopoverOffset extends Offset {
+    /**
+     * Defines the top position of the Popover.
+     */
+    top: number;
+    /**
+     * Defines the left position of the Popover.
+     */
+    left: number;
+}
+
+/**
+ * Represents the object of the `Open` Popover event.
+ */
+export declare interface PopoverOpenEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+}
+
+/**
+ * The position of the Popover.
+ * The available options are:
+ * - `top`
+ * - `left`
+ * - `bottom`
+ * - `right`
+ */
+export declare type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';
+
+/**
+ * Represents the object of the `Position` Popover event.
+ */
+export declare interface PopoverPositionEvent {
+    /**
+     * An event target.
+     */
+    target: PopoverHandle;
+    /**
+     * Indicates if the position is fitted.
+     */
+    fitted: boolean;
+    /**
+     * Indicates if the position is flipped.
+     */
+    flipped: boolean;
+}
+
+/**
+ * The type which defines all possible position modes of the Popover.
+ */
+export declare type PopoverPositionMode = PositionMode;
+
+export declare interface PopoverProps {
+    /**
+     * Specifies the title of the Popover component.
+     */
+    title?: React.ReactNode;
+    /**
+     * Specifies the position of the Popover element relative to the current anchor or offset.
+     */
+    position?: PopoverPosition;
+    /**
+     * Controls the Popover callout element. If set to `false`, the callout element will not be rendered.
+     */
+    callout?: boolean;
+    /**
+     * Controls the Popover animation. By default, the opening and closing animations are enabled.
+     */
+    animate?: boolean | PopoverAnimation;
+    /**
+     * Specifies the element which will be used as an anchor. The Popover opens next to that element.
+     */
+    anchor?: HTMLElement | null;
+    /**
+     * Defines the container to which the Popover will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     * * If set to `null` the Popover will be rendered without React Portal.
+     */
+    appendTo?: HTMLElement | null;
+    /**
+     * Configures the collision behavior of the Popover. By default, it's set to `none`.
+     */
+    collision?: PopoverCollision;
+    /**
+     * Configures the margin value that will be added to the Popover dimensions
+     * in pixels and leaves a blank space between the Popover and the anchor.
+     * By default, it's automatically set based on the Popover position prop.
+     *
+     */
+    margin?: PopoverMargin;
+    /**
+     * Specifies the position mode of the component. By default, the Popover uses fixed positioning.
+     * To make the Popover acquire absolute positioning, set this option to `absolute`.
+     *
+     * > If you need to support mobile browsers with the zoom option, use the `absolute` positioning of the Popover.
+     */
+    positionMode?: PopoverPositionMode;
+    /**
+     * Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
+     *
+     * The document or container scale is required to compute the popover position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE.
+     *
+     * > Using this token is not necessary for user-applied browser zoom.
+     *
+     */
+    scale?: number;
+    /**
+     * Specifies the absolute position of the element.
+     * The Popover opens next to that point. The pivot point of the Popover is defined by the `position` configuration option.
+     * The boundary detection is applied by using the window viewport.
+     */
+    offset?: PopoverOffset;
+    /**
+     * Specifies a list of CSS classes that will be added to the internal animated element.
+     */
+    popoverClass?: string | Array<string> | {
+        [key: string]: boolean;
+    };
+    /**
+     * Specifies a list of CSS classes that will be added to the Popover element.
+     */
+    className?: string | Array<string>;
+    /**
+     * Specifies the id that will be added to the Popover element.
+     */
+    id?: string;
+    /**
+     * Represents the styles that are applied to the Popover.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents the styles that are applied to the content element of the Popover.
+     */
+    contentStyle?: React.CSSProperties;
+    /**
+     * Controls the Popover visibility. Defaults to `false`.
+     */
+    show?: boolean;
+    /**
+     * Fires after the Popover is opened and the opening animation ends.
+     */
+    onOpen?: (event: PopoverOpenEvent) => void;
+    /**
+     * Fires after the Popover is closed.
+     */
+    onClose?: (event: PopoverCloseEvent) => void;
+    /**
+     * Fires after the Popover position is set.
+     */
+    onPosition?: (event: PopoverPositionEvent) => void;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+}
+
+export declare class Tooltip extends React_2.PureComponent<TooltipProps, TooltipState> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        anchorElement: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<(...args: any[]) => any>;
+        filter: PropTypes.Requireable<(...args: any[]) => any>;
+        openDelay: PropTypes.Requireable<number>;
+        position: PropTypes.Requireable<string>;
+        updateInterval: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        anchorElement: string;
+        openDelay: number;
+        position: string;
+        showCallout: boolean;
+        parentTitle: boolean;
+    };
+    /**
+     * @hidden
+     */
+    static contextType: React_2.Context<ZIndexContextType>;
+    /**
+     * @hidden
+     */
+    context: React_2.ContextType<typeof ZIndexContext>;
+    /**
+     * @hidden
+     */
+    readonly state: TooltipState;
+    private top;
+    private left;
+    private openTimeoutId?;
+    private updateIntervalId?;
+    private willOpen;
+    constructor(props: TooltipProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
+    /**
+     * @hidden
+     */
+    componentDidUpdate(): void;
+    /**
+     * The method is used on the MouseOut event to hide the Tooltip.
+     */
+    handleMouseOut: (event: any) => void;
+    /**
+     * Used on the `MouseOver` event to show the Tooltip.
+     */
+    handleMouseOver: (event: any) => void;
+    /**
+     * @hidden
+     */
+    render(): "" | JSX_2.Element | null;
+    private handleBodyMousemove;
+    private onClose;
+    private showToolTip;
+    private setUpdateInterval;
+    private onIntervalUpdate;
+    private isVisible;
+    private position;
+    private getTitle;
+    private calloutClassName;
+    private getCurrentZIndex;
+}
+
+export declare interface TooltipEvent extends BaseEvent<Tooltip> {
+}
+
+/**
+ * @hidden
+ */
+export declare type TooltipPosition = 'right' | 'left' | 'bottom' | 'top' | 'auto';
+
+export declare interface TooltipPositionEvent extends BaseEvent<Tooltip> {
+    /**
+     * The Tooltip element. Useful to get the actual `width` and `height` of rendered Tooltip.
+     */
+    element: HTMLDivElement;
+    /**
+     * The current target element. Useful to calculate `top` and `left` position of the Tooltip element.
+     */
+    targetElement: HTMLElement | null;
+    /**
+     * The current mouse `top` position;
+     */
+    mouseTop: number;
+    /**
+     * The current mouse `left` position.
+     */
+    mouseLeft: number;
+    /**
+     * The Tooltip anchor element prop.
+     */
+    anchorElement?: string;
+    /**
+     * The Tooltip position prop.
+     */
+    position?: TooltipPosition;
+}
+
+/**
+ * Represents the props of the [KendoReact Tooltip component]({% slug overview_tooltip %}).
+ */
+export declare interface TooltipProps {
+    /**
+     * Specifies the `id` of the wrapping element of the Tooltip component.
+     */
+    id?: string;
+    /**
+     * Sets the anchor element of the Tooltip.
+     *
+     * The available options are:
+     * - (Default) `pointer`&mdash;Shows a Tooltip where the cursor is located.
+     * - `target`&mdash;Positions the Tooltip based on the anchor element.
+     */
+    anchorElement?: string;
+    /**
+     * Defines the container to which the Tooltip will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     */
+    appendTo?: HTMLElement | null;
+    /**
+     * Sets the position of the Tooltip ([see example]({% slug positioning_tooltip %})).
+     *
+     * The available options are:
+     * - (Default) `auto`&mdash;Positions the Tooltip depending on the available space.
+     * - `right`&mdash;Positions the Tooltip to the right side of the element.
+     * - `left`&mdash;Positions the Tooltip to the left side of the element.
+     * - `bottom`&mdash;Positions the Tooltip at the bottom of the element.
+     * - `top`&mdash;Positions the Tooltip at the top of the element.
+     */
+    position?: TooltipPosition;
+    /**
+     * Sets a class of the Tooltip animation container.
+     */
+    className?: string;
+    /**
+     * Sets the content of the Tooltip ([see example]({% slug templates_tooltip %})).
+     */
+    content?: any;
+    /**
+     * Sets the content of the Tooltip.
+     */
+    children?: any;
+    /**
+     * Specifies if the Tooltip will be open.
+     * Sets the Tooltip in its controlled mode ([see example]({% slug controlledmode_tooltip %})).
+     * Requires you to set the `targetElement` property.
+     */
+    open?: boolean;
+    /**
+     * Sets a delay in milliseconds.
+     */
+    openDelay?: number;
+    /**
+     * If any of the parent elements has a title, displays a Tooltip.
+     */
+    parentTitle?: boolean;
+    /**
+     * Specifies if the Tooltip callout will be displayed.
+     */
+    showCallout?: boolean;
+    /**
+     * When the position is set to `auto`, sets the start point of the Tooltip callout (in pixels).
+     */
+    setCalloutOnPositionAuto?: any;
+    /**
+     * Specifies the styles which are set to the Tooltip animation container.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets the Tooltip target element. You have to use it with the `open` property.
+     */
+    targetElement?: any;
+    /**
+     * Specifies the CSS class names which are set to the Tooltip DOM element.
+     */
+    tooltipClassName?: string;
+    /**
+     * Specifies the styles which are set to the Tooltip DOM element.
+     */
+    tooltipStyle?: React.CSSProperties;
+    /**
+     * Fires when the Tooltip is shown.
+     */
+    onOpen?: (event: TooltipEvent) => void;
+    /**
+     * Fires when the Tooltip is hidden.
+     */
+    onClose?: (event: TooltipEvent) => void;
+    /**
+     * Callback called when the Tooltip calculates it's position. Useful to modify the default position behavior.
+     * Require to return the `top` and `left` position of the Tooltip.
+     */
+    onPosition?: (event: TooltipPositionEvent) => {
+        top: number;
+        left: number;
+    };
+    /**
+     * Represents a callback function which determines if a Tooltip will be displayed ([see example]({% slug filter_elements_tooltip %})).
+     */
+    filter?: (target: HTMLElement) => void;
+    /**
+     * The milliseconds interval on which the Tooltip will check for title change. By default the Tooltip does not track for title updates.
+     */
+    updateInterval?: number;
+}
+
+/**
+ * @hidden
+ */
+declare interface TooltipState {
+    targetElement: HTMLElement | null;
+    open: boolean;
+    title: string;
+}
+
+export { }

package/index.js

@@ -1,5 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),W=require("react-dom"),n=require("prop-types"),a=require("@progress/kendo-react-common"),tt=require("@progress/kendo-react-popup");function N(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=N(Q),et=N(W),c=10,h=10,ot=(e,t,o,i,r)=>{switch(r){case"bottom":return i==="pointer"?e-t/2:o.left-t/2+o.width/2;case"left":return i==="pointer"?e-t-c:o.left-t-c;case"right":return i==="pointer"?e+c:o.right+c;case"top":return i==="pointer"?e-t/2:o.left-t/2+o.width/2;default:return i==="pointer"?e<window.screen.availWidth/2?e-c:e-t+c:e<window.screen.availWidth/2?o.left:o.right-t}},nt=(e,t,o,i,r)=>{switch(r){case"bottom":return i==="pointer"?e+h:t.bottom+h;case"left":return i==="pointer"?e-o/2:t.top-o/2+t.height/2;case"right":return i==="pointer"?e-o/2:t.top-o/2+t.height/2;case"top":return i==="pointer"?e-o-h:t.top-o-h;default:return i==="pointer"?e<window.innerHeight/2?e+c:e-o-c:e<window.innerHeight/2?t.bottom+h:t.top-o-h}},it=e=>e!==null?e.getBoundingClientRect():document.body.getBoundingClientRect(),st=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],C=e=>{if(e===null)return!1;let t=e;for(;t;){if(t!==null&&t.classList&&t.classList.contains("k-tooltip"))return!0;t.parentNode!==null?t=t.parentNode:t=!1}return st.filter(o=>o===e.className).length>0},x={name:"@progress/kendo-react-tooltip",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},rt=100,R=class extends s.PureComponent{constructor(e){super(e),this.context=0,this.state={targetElement:null,open:!1,title:""},this.top=0,this.left=0,this.willOpen=!1,this.handleMouseOut=t=>{const{targetElement:o}=this.state,i=o?o.ownerDocument:document;let r=i&&i.elementFromPoint(t.clientX,t.clientY);C(r)||this.props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},this.handleMouseOver=t=>{const o=t.target;!this.isVisible(o)||C(o)||o===this.state.targetElement||this.showToolTip(t)},this.handleBodyMousemove=t=>{this.top=t.clientY,this.left=t.clientX},this.onClose=t=>{a.dispatchEvent(this.props.onClose,t,this,void 0),this.setState({targetElement:null,open:!1,title:""})},this.setUpdateInterval=()=>{this.props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.props.updateInterval))},this.onIntervalUpdate=()=>{const t=this.state.targetElement;t&&(t.parentElement===null?this.onClose({target:t}):this.showToolTip({target:t}))},this.position=t=>{let o=it(this.state.targetElement);const i=ot(this.left,t.offsetWidth,o,this.props.anchorElement,this.props.position),r=nt(this.top,o,t.offsetHeight,this.props.anchorElement,this.props.position);return{left:i,top:r}},this.getTitle=t=>{for(;t;){if(t.getAttribute("title")!==null||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.props.parentTitle&&t.parentElement||null}return{title:"",element:t}},this.calloutClassName=()=>{switch(this.props.position){case"bottom":return"k-callout k-callout-n";case"left":return"k-callout k-callout-e";case"right":return"k-callout k-callout-w";case"top":return"k-callout k-callout-s";default:return this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},this.getCurrentZIndex=()=>this.context?this.context:rt,a.validatePackage(x)}componentDidMount(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)}componentWillUnmount(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove)}componentDidUpdate(){this.props.open&&this.props.targetElement&&this.showToolTip({target:this.props.targetElement})}render(){if(this.props.children){const{children:o,...i}=this.props;let r=null;return s.createElement("div",{onMouseOver:p=>{r&&r.handleMouseOver(p)},onMouseOut:p=>{r&&r.handleMouseOut(p)}},s.createElement(R,{ref:p=>r=p,...i}),o)}if(this.props.open===!1)return null;const{targetElement:e}=this.state,t=this.getCurrentZIndex();return e&&this.state.title&&e.ownerDocument&&et.createPortal(s.createElement("div",{ref:o=>{if(!o)return;let i;if(this.props.onPosition){const r={element:o,targetElement:this.state.targetElement,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.props.anchorElement,position:this.props.position,target:this,syntheticEvent:null,nativeEvent:null};i=this.props.onPosition.call(void 0,r)}else i=this.position(o);o.style.left=i.left+"px",o.style.top=i.top+"px"},className:a.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:{zIndex:t,...this.props.style},tabIndex:0},s.createElement("div",{className:"k-child-animation-container"},s.createElement("div",{id:this.props.id,role:"tooltip",className:a.classNames("k-tooltip",this.props.tooltipClassName),style:{position:"relative",...this.props.tooltipStyle}},s.createElement("div",{className:"k-tooltip-content"},this.props.content&&s.createElement(this.props.content,{title:this.state.title,target:this.state.targetElement})||this.state.title),this.props.showCallout&&s.createElement("div",{ref:o=>{o&&(o.className=this.calloutClassName(),this.props.position==="auto"&&(this.left<window.screen.availWidth/2?o.style.left=this.props.setCalloutOnPositionAuto||"25%":o.style.left=this.props.setCalloutOnPositionAuto||"75%"))}})))),this.props.appendTo?this.props.appendTo:e.ownerDocument.body)}showToolTip(e){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),e.target.hasChildNodes()&&e.target.childNodes.forEach(i=>{i.nodeName==="title"&&(e.target.titleExpando=i.innerHTML,i.remove())});const t=this.props.targetElement||e.target;let o=this.getTitle(t);if(!o.title){this.state.open&&this.onClose(e);return}o.element&&(o.element.titleExpando=o.title,o.element.title=""),this.willOpen=!0,this.props.openDelay?this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&this.setState({targetElement:t,open:!0,title:o.title},this.setUpdateInterval)},this.props.openDelay):this.setState({targetElement:t,open:!0,title:o.title},this.setUpdateInterval),this.state.title!==o.title&&a.dispatchEvent(this.props.onOpen,e,this,void 0)}isVisible(e){return!this.props.filter||this.props.filter(e)}};let v=R;v.propTypes={anchorElement:n.oneOf(["pointer","target"]),content:n.func,filter:n.func,openDelay:n.number,position:n.oneOf(["right","left","top","bottom","auto"]),updateInterval:n.number};v.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1};v.contextType=a.ZIndexContext;const d=s.forwardRef((e,t)=>{const o=s.useRef(null),i=s.useRef(null);return s.useImperativeHandle(i,()=>({props:e,element:o.current})),s.useImperativeHandle(t,()=>i.current),s.createElement("div",{ref:o,className:a.classNames("k-popover-actions","k-actions",{[`k-actions-${e.alignment}`]:e.alignment,[`k-actions-${e.orientation}`]:e.orientation})},e.children)}),lt={alignment:"stretched",orientation:"horizontal"};d.propTypes={alignment:n.oneOf(["start","center","end","stretched"]),orientation:n.oneOf(["horizontal","vertical"]),children:n.oneOfType([n.element,n.node])};d.defaultProps=lt;d.displayName="KendoReactPopoverActionsBar";const at=12e3,pt=2e3,I=15,ct={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},ut={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},ht={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},dt={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},ft=e=>s.Children.toArray(e).filter(t=>t&&t.type===d),mt=e=>s.Children.toArray(e).filter(t=>t&&t.type!==d),g=s.forwardRef((e,t)=>{a.validatePackage(x);const{callout:o,position:i,title:r,children:p,show:D,anchor:A,appendTo:M,offset:z,animate:L,positionMode:S,scale:U,popoverClass:u,className:_,id:B,style:Z,collision:j,contentStyle:T,onPosition:y,onClose:b,onOpen:k}=e,[F,w]=s.useState(!1),O=i==="top"||i==="bottom",K=e.margin||{vertical:o&&O?I:0,horizontal:o&&!O?I:0},V=ht[i],q=dt[i],P=s.useContext(a.ZIndexContext),X=P?P+pt:at,f=s.useRef(null);s.useImperativeHandle(f,()=>({props:e})),s.useImperativeHandle(t,()=>f.current);const H=s.useCallback(l=>{if(setTimeout(()=>w(l.flipped)),y){const J={target:f.current,flipped:l.flipped,fitted:l.fitted};y.call(void 0,J)}},[y,w]),$=s.useCallback(()=>{if(k){const l={target:f.current};k.call(void 0,l)}},[k]),Y=s.useCallback(()=>{if(b){const l={target:f.current};b.call(void 0,l)}},[b]),m={"k-popover":!0};Array.isArray(u)?u.forEach(l=>m[l]=!0):typeof u=="object"?Object.keys(u).forEach(l=>{m[l]=u[l]}):u&&(m[u]=!0);const G=F?ut[i]:ct[i],E=s.useMemo(()=>s.createElement(s.Fragment,null,r&&s.createElement("div",{className:"k-popover-header"},r),s.createElement("div",{className:"k-popover-body",style:T},mt(p)),ft(p)),[p,T,r]);return s.createElement(a.ZIndexContext.Provider,{value:X},s.createElement(tt.Popup,{id:B,role:"tooltip",animate:L,collision:j,anchor:A,offset:z,margin:K,popupAlign:V,anchorAlign:q,appendTo:M,show:D,scale:U,positionMode:S,style:Z,className:_,popupClass:m,onOpen:$,onClose:Y,onPosition:H},o&&i?s.createElement(s.Fragment,null,s.createElement("div",{className:a.classNames("k-popover-callout",G)}),s.createElement("div",{className:"k-popover-inner"},E)):E))}),vt={callout:!0,position:"top",collision:{horizontal:"none",vertical:"none"}};g.propTypes={callout:n.bool,title:n.node,position:n.oneOf(["top","left","bottom","right"]),show:n.bool,animate:n.oneOfType([n.bool,n.shape({openDuration:n.number,closeDuration:n.number})]),anchor:function(e){const t=e.anchor;return t&&typeof t.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."):null},appendTo:function(e){const t=e.appendTo;return t&&typeof t.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed."):null},positionMode:n.oneOf(["fixed","absolute"]),scale:n.number,offset:n.shape({left:n.number,top:n.number}),children:n.oneOfType([n.element,n.node]),className:n.oneOfType([n.string,n.arrayOf(n.string),n.object]),id:n.string,popoverClass:n.oneOfType([n.string,n.arrayOf(n.string),n.object]),style:n.object,onClose:n.func,onPosition:n.func,onOpen:n.func};g.defaultProps=vt;g.displayName="KendoReactPopover";exports.Popover=g;exports.PopoverActionsBar=d;exports.Tooltip=v;
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./tooltip/Tooltip.js"),e=require("./popover/Popover.js"),r=require("./popover/PopoverActionsBar.js");exports.Tooltip=o.Tooltip;exports.Popover=e.Popover;exports.PopoverActionsBar=r.PopoverActionsBar;