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

package/popover/Popover.mjs

@@ -0,0 +1,185 @@
+/**
+ * @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";
+import * as o from "react";
+import e from "prop-types";
+import { validatePackage as U, ZIndexContext as C, classNames as X } from "@progress/kendo-react-common";
+import { packageMetadata as q } from "../package-metadata.mjs";
+import { Popup as G } from "@progress/kendo-react-popup";
+import { PopoverActionsBar as k } from "./PopoverActionsBar.mjs";
+const J = 12e3, Q = 2e3, E = 15, W = {
+  top: "k-callout-s",
+  left: "k-callout-e",
+  bottom: "k-callout-n",
+  right: "k-callout-w"
+}, Y = {
+  top: "k-callout-n",
+  left: "k-callout-w",
+  bottom: "k-callout-s",
+  right: "k-callout-e"
+}, $ = {
+  top: { vertical: "bottom", horizontal: "center" },
+  left: { vertical: "center", horizontal: "right" },
+  bottom: { vertical: "top", horizontal: "center" },
+  right: { vertical: "center", horizontal: "left" }
+}, ee = {
+  top: { vertical: "top", horizontal: "center" },
+  left: { vertical: "center", horizontal: "left" },
+  bottom: { vertical: "bottom", horizontal: "center" },
+  right: { vertical: "center", horizontal: "right" }
+}, oe = (r) => o.Children.toArray(r).filter((t) => t && t.type === k), te = (r) => o.Children.toArray(r).filter((t) => t && t.type !== k), v = o.forwardRef((r, t) => {
+  U(q);
+  const {
+    callout: s,
+    position: l,
+    title: p,
+    children: u,
+    show: O,
+    anchor: T,
+    appendTo: A,
+    offset: z,
+    animate: N,
+    positionMode: R,
+    scale: x,
+    popoverClass: a,
+    className: I,
+    id: w,
+    style: j,
+    collision: D,
+    contentStyle: h,
+    onPosition: f,
+    onClose: d,
+    onOpen: m
+  } = r, [F, b] = o.useState(!1), g = l === "top" || l === "bottom", V = r.margin || {
+    vertical: s && g ? E : 0,
+    horizontal: s && !g ? E : 0
+  }, Z = $[l], _ = ee[l], y = o.useContext(C), B = y ? y + Q : J, i = o.useRef(null);
+  o.useImperativeHandle(i, () => ({ props: r })), o.useImperativeHandle(t, () => i.current);
+  const M = o.useCallback(
+    (n) => {
+      if (setTimeout(() => b(n.flipped)), f) {
+        const H = { target: i.current, flipped: n.flipped, fitted: n.fitted };
+        f.call(void 0, H);
+      }
+    },
+    [f, b]
+  ), S = o.useCallback(
+    () => {
+      if (m) {
+        const n = { target: i.current };
+        m.call(void 0, n);
+      }
+    },
+    [m]
+  ), K = o.useCallback(
+    () => {
+      if (d) {
+        const n = { target: i.current };
+        d.call(void 0, n);
+      }
+    },
+    [d]
+  ), c = { "k-popover": !0 };
+  Array.isArray(a) ? a.forEach((n) => c[n] = !0) : typeof a == "object" ? Object.keys(a).forEach((n) => {
+    c[n] = a[n];
+  }) : a && (c[a] = !0);
+  const L = F ? Y[l] : W[l], P = o.useMemo(
+    () => /* @__PURE__ */ o.createElement(o.Fragment, null, p && /* @__PURE__ */ o.createElement("div", { className: "k-popover-header" }, p), /* @__PURE__ */ o.createElement("div", { className: "k-popover-body", style: h }, te(u)), oe(u)),
+    [u, h, p]
+  );
+  return /* @__PURE__ */ o.createElement(C.Provider, { value: B }, /* @__PURE__ */ o.createElement(
+    G,
+    {
+      id: w,
+      role: "tooltip",
+      animate: N,
+      collision: D,
+      anchor: T,
+      offset: z,
+      margin: V,
+      popupAlign: Z,
+      anchorAlign: _,
+      appendTo: A,
+      show: O,
+      scale: x,
+      positionMode: R,
+      style: j,
+      className: I,
+      popupClass: c,
+      onOpen: S,
+      onClose: K,
+      onPosition: M
+    },
+    s && l ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", { className: X("k-popover-callout", L) }), /* @__PURE__ */ o.createElement("div", { className: "k-popover-inner" }, P)) : P
+  ));
+}), ne = {
+  callout: !0,
+  position: "top",
+  collision: {
+    horizontal: "none",
+    vertical: "none"
+  }
+};
+v.propTypes = {
+  callout: e.bool,
+  title: e.node,
+  position: e.oneOf(["top", "left", "bottom", "right"]),
+  show: e.bool,
+  animate: e.oneOfType([
+    e.bool,
+    e.shape({
+      openDuration: e.number,
+      closeDuration: e.number
+    })
+  ]),
+  anchor: function(r) {
+    const t = r.anchor;
+    return t && typeof t.nodeType != "number" ? new Error(
+      "Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed."
+    ) : null;
+  },
+  appendTo: function(r) {
+    const t = r.appendTo;
+    return t && typeof t.nodeType != "number" ? new Error(
+      "Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed."
+    ) : null;
+  },
+  positionMode: e.oneOf([
+    "fixed",
+    "absolute"
+  ]),
+  scale: e.number,
+  offset: e.shape({
+    left: e.number,
+    top: e.number
+  }),
+  children: e.oneOfType([
+    e.element,
+    e.node
+  ]),
+  className: e.oneOfType([
+    e.string,
+    e.arrayOf(e.string),
+    e.object
+  ]),
+  id: e.string,
+  popoverClass: e.oneOfType([
+    e.string,
+    e.arrayOf(e.string),
+    e.object
+  ]),
+  style: e.object,
+  onClose: e.func,
+  onPosition: e.func,
+  onOpen: e.func
+};
+v.defaultProps = ne;
+v.displayName = "KendoReactPopover";
+export {
+  v as Popover
+};

package/popover/PopoverActionsBar.js

@@ -0,0 +1,8 @@
+/**
+ * @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 i=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=s(i),c=n.forwardRef((e,o)=>{const t=n.useRef(null),r=n.useRef(null);return n.useImperativeHandle(r,()=>({props:e,element:t.current})),n.useImperativeHandle(o,()=>r.current),n.createElement("div",{ref:t,className:l.classNames("k-popover-actions","k-actions",{[`k-actions-${e.alignment}`]:e.alignment,[`k-actions-${e.orientation}`]:e.orientation})},e.children)}),u={alignment:"stretched",orientation:"horizontal"};c.propTypes={alignment:a.oneOf(["start","center","end","stretched"]),orientation:a.oneOf(["horizontal","vertical"]),children:a.oneOfType([a.element,a.node])};c.defaultProps=u;c.displayName="KendoReactPopoverActionsBar";exports.PopoverActionsBar=c;

package/popover/PopoverActionsBar.mjs

@@ -0,0 +1,45 @@
+/**
+ * @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";
+import * as t from "react";
+import n from "prop-types";
+import { classNames as l } from "@progress/kendo-react-common";
+const o = t.forwardRef((e, i) => {
+  const r = t.useRef(null), a = t.useRef(null);
+  return t.useImperativeHandle(a, () => ({ props: e, element: r.current })), t.useImperativeHandle(i, () => a.current), /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: r,
+      className: l(
+        "k-popover-actions",
+        "k-actions",
+        {
+          [`k-actions-${e.alignment}`]: e.alignment,
+          [`k-actions-${e.orientation}`]: e.orientation
+        }
+      )
+    },
+    e.children
+  );
+}), c = {
+  alignment: "stretched",
+  orientation: "horizontal"
+};
+o.propTypes = {
+  alignment: n.oneOf(["start", "center", "end", "stretched"]),
+  orientation: n.oneOf(["horizontal", "vertical"]),
+  children: n.oneOfType([
+    n.element,
+    n.node
+  ])
+};
+o.defaultProps = c;
+o.displayName = "KendoReactPopoverActionsBar";
+export {
+  o as PopoverActionsBar
+};

package/tooltip/Tooltip.js

@@ -0,0 +1,8 @@
+/**
+ * @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 m=require("react"),f=require("react-dom"),l=require("prop-types"),r=require("@progress/kendo-react-common"),c=require("./utils.js"),g=require("../package-metadata.js");function d(p){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(s,t,e.get?e:{enumerable:!0,get:()=>p[t]})}}return s.default=p,Object.freeze(s)}const n=d(m),E=d(f),v=100,a=class a extends n.PureComponent{constructor(s){super(s),this.context=0,this.state={targetElement:null,open:!1,title:""},this.top=0,this.left=0,this.willOpen=!1,this.handleMouseOut=t=>{const{targetElement:e}=this.state,o=e?e.ownerDocument:document;let i=o&&o.elementFromPoint(t.clientX,t.clientY);c.isTooltipElement(i)||this.props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},this.handleMouseOver=t=>{const e=t.target;!this.isVisible(e)||c.isTooltipElement(e)||e===this.state.targetElement||this.showToolTip(t)},this.handleBodyMousemove=t=>{this.top=t.clientY,this.left=t.clientX},this.onClose=t=>{r.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 e=c.getDomRect(this.state.targetElement);const o=c.getLeftPosition(this.left,t.offsetWidth,e,this.props.anchorElement,this.props.position),i=c.getTopPosition(this.top,e,t.offsetHeight,this.props.anchorElement,this.props.position);return{left:o,top:i}},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:v,r.validatePackage(g.packageMetadata)}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:e,...o}=this.props;let i=null;return n.createElement("div",{onMouseOver:h=>{i&&i.handleMouseOver(h)},onMouseOut:h=>{i&&i.handleMouseOut(h)}},n.createElement(a,{ref:h=>i=h,...o}),e)}if(this.props.open===!1)return null;const{targetElement:s}=this.state,t=this.getCurrentZIndex();return s&&this.state.title&&s.ownerDocument&&E.createPortal(n.createElement("div",{ref:e=>{if(!e)return;let o;if(this.props.onPosition){const i={element:e,targetElement:this.state.targetElement,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.props.anchorElement,position:this.props.position,target:this,syntheticEvent:null,nativeEvent:null};o=this.props.onPosition.call(void 0,i)}else o=this.position(e);e.style.left=o.left+"px",e.style.top=o.top+"px"},className:r.classNames("k-animation-container","k-animation-container-fixed","k-animation-container-shown",this.props.className),style:{zIndex:t,...this.props.style},tabIndex:0},n.createElement("div",{className:"k-child-animation-container"},n.createElement("div",{id:this.props.id,role:"tooltip",className:r.classNames("k-tooltip",this.props.tooltipClassName),style:{position:"relative",...this.props.tooltipStyle}},n.createElement("div",{className:"k-tooltip-content"},this.props.content&&n.createElement(this.props.content,{title:this.state.title,target:this.state.targetElement})||this.state.title),this.props.showCallout&&n.createElement("div",{ref:e=>{e&&(e.className=this.calloutClassName(),this.props.position==="auto"&&(this.left<window.screen.availWidth/2?e.style.left=this.props.setCalloutOnPositionAuto||"25%":e.style.left=this.props.setCalloutOnPositionAuto||"75%"))}})))),this.props.appendTo?this.props.appendTo:s.ownerDocument.body)}showToolTip(s){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),s.target.hasChildNodes()&&s.target.childNodes.forEach(o=>{o.nodeName==="title"&&(s.target.titleExpando=o.innerHTML,o.remove())});const t=this.props.targetElement||s.target;let e=this.getTitle(t);if(!e.title){this.state.open&&this.onClose(s);return}e.element&&(e.element.titleExpando=e.title,e.element.title=""),this.willOpen=!0,this.props.openDelay?this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&this.setState({targetElement:t,open:!0,title:e.title},this.setUpdateInterval)},this.props.openDelay):this.setState({targetElement:t,open:!0,title:e.title},this.setUpdateInterval),this.state.title!==e.title&&r.dispatchEvent(this.props.onOpen,s,this,void 0)}isVisible(s){return!this.props.filter||this.props.filter(s)}};a.propTypes={anchorElement:l.oneOf(["pointer","target"]),content:l.func,filter:l.func,openDelay:l.number,position:l.oneOf(["right","left","top","bottom","auto"]),updateInterval:l.number},a.defaultProps={anchorElement:"pointer",openDelay:400,position:"auto",showCallout:!0,parentTitle:!1},a.contextType=r.ZIndexContext;let u=a;exports.Tooltip=u;

package/tooltip/Tooltip.mjs

@@ -0,0 +1,220 @@
+/**
+ * @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";
+import * as n from "react";
+import * as m from "react-dom";
+import l from "prop-types";
+import { dispatchEvent as p, validatePackage as d, ZIndexContext as f, classNames as h } from "@progress/kendo-react-common";
+import { isTooltipElement as u, getDomRect as g, getLeftPosition as E, getTopPosition as v } from "./utils.mjs";
+import { packageMetadata as I } from "../package-metadata.mjs";
+const T = 100, r = class r extends n.PureComponent {
+  constructor(s) {
+    super(s), this.context = 0, this.state = {
+      targetElement: null,
+      open: !1,
+      title: ""
+    }, this.top = 0, this.left = 0, this.willOpen = !1, this.handleMouseOut = (t) => {
+      const { targetElement: e } = this.state, o = e ? e.ownerDocument : document;
+      let i = o && o.elementFromPoint(t.clientX, t.clientY);
+      u(i) || this.props.open || (clearInterval(this.updateIntervalId), this.willOpen = !1, this.onClose(t));
+    }, this.handleMouseOver = (t) => {
+      const e = t.target;
+      !this.isVisible(e) || u(e) || e === this.state.targetElement || this.showToolTip(t);
+    }, this.handleBodyMousemove = (t) => {
+      this.top = t.clientY, this.left = t.clientX;
+    }, this.onClose = (t) => {
+      p(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 e = g(this.state.targetElement);
+      const o = E(
+        this.left,
+        t.offsetWidth,
+        e,
+        this.props.anchorElement,
+        this.props.position
+      ), i = v(
+        this.top,
+        e,
+        t.offsetHeight,
+        this.props.anchorElement,
+        this.props.position
+      );
+      return { left: o, top: i };
+    }, 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 : T, d(I);
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    document && document.body.addEventListener("mousemove", this.handleBodyMousemove);
+  }
+  /**
+   * @hidden
+   */
+  componentWillUnmount() {
+    clearTimeout(this.openTimeoutId), clearInterval(this.updateIntervalId), document && document.body.removeEventListener("mousemove", this.handleBodyMousemove);
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate() {
+    this.props.open && this.props.targetElement && this.showToolTip({ target: this.props.targetElement });
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    if (this.props.children) {
+      const { children: e, ...o } = this.props;
+      let i = null;
+      return /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          onMouseOver: (a) => {
+            i && i.handleMouseOver(a);
+          },
+          onMouseOut: (a) => {
+            i && i.handleMouseOut(a);
+          }
+        },
+        /* @__PURE__ */ n.createElement(r, { ref: (a) => i = a, ...o }),
+        e
+      );
+    }
+    if (this.props.open === !1)
+      return null;
+    const { targetElement: s } = this.state, t = this.getCurrentZIndex();
+    return s && this.state.title && s.ownerDocument && m.createPortal(
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          ref: (e) => {
+            if (!e)
+              return;
+            let o;
+            if (this.props.onPosition) {
+              const i = {
+                element: e,
+                targetElement: this.state.targetElement,
+                mouseTop: this.top,
+                mouseLeft: this.left,
+                anchorElement: this.props.anchorElement,
+                position: this.props.position,
+                target: this,
+                syntheticEvent: null,
+                nativeEvent: null
+              };
+              o = this.props.onPosition.call(void 0, i);
+            } else
+              o = this.position(e);
+            e.style.left = o.left + "px", e.style.top = o.top + "px";
+          },
+          className: h(
+            "k-animation-container",
+            "k-animation-container-fixed",
+            "k-animation-container-shown",
+            this.props.className
+          ),
+          style: {
+            zIndex: t,
+            ...this.props.style
+          },
+          tabIndex: 0
+        },
+        /* @__PURE__ */ n.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ n.createElement(
+          "div",
+          {
+            id: this.props.id,
+            role: "tooltip",
+            className: h(
+              "k-tooltip",
+              this.props.tooltipClassName
+            ),
+            style: { position: "relative", ...this.props.tooltipStyle }
+          },
+          /* @__PURE__ */ n.createElement("div", { className: "k-tooltip-content" }, this.props.content && /* @__PURE__ */ n.createElement(this.props.content, { title: this.state.title, target: this.state.targetElement }) || this.state.title),
+          this.props.showCallout && /* @__PURE__ */ n.createElement(
+            "div",
+            {
+              ref: (e) => {
+                e && (e.className = this.calloutClassName(), this.props.position === "auto" && (this.left < window.screen.availWidth / 2 ? e.style.left = this.props.setCalloutOnPositionAuto || "25%" : e.style.left = this.props.setCalloutOnPositionAuto || "75%"));
+              }
+            }
+          )
+        ))
+      ),
+      this.props.appendTo ? this.props.appendTo : s.ownerDocument.body
+    );
+  }
+  showToolTip(s) {
+    clearTimeout(this.openTimeoutId), clearInterval(this.updateIntervalId), s.target.hasChildNodes() && s.target.childNodes.forEach((o) => {
+      o.nodeName === "title" && (s.target.titleExpando = o.innerHTML, o.remove());
+    });
+    const t = this.props.targetElement || s.target;
+    let e = this.getTitle(t);
+    if (!e.title) {
+      this.state.open && this.onClose(s);
+      return;
+    }
+    e.element && (e.element.titleExpando = e.title, e.element.title = ""), this.willOpen = !0, this.props.openDelay ? this.openTimeoutId = window.setTimeout(
+      () => {
+        this.willOpen && this.setState({ targetElement: t, open: !0, title: e.title }, this.setUpdateInterval);
+      },
+      this.props.openDelay
+    ) : this.setState({ targetElement: t, open: !0, title: e.title }, this.setUpdateInterval), this.state.title !== e.title && p(this.props.onOpen, s, this, void 0);
+  }
+  isVisible(s) {
+    return !this.props.filter || this.props.filter(s);
+  }
+};
+r.propTypes = {
+  anchorElement: l.oneOf(["pointer", "target"]),
+  content: l.func,
+  filter: l.func,
+  openDelay: l.number,
+  position: l.oneOf(["right", "left", "top", "bottom", "auto"]),
+  updateInterval: l.number
+}, r.defaultProps = {
+  anchorElement: "pointer",
+  openDelay: 400,
+  position: "auto",
+  showCallout: !0,
+  parentTitle: !1
+}, r.contextType = f;
+let c = r;
+export {
+  c as Tooltip
+};

package/tooltip/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @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 t=10,n=10,p=(i,o,s,r,u)=>{switch(u){case"bottom":return r==="pointer"?i-o/2:s.left-o/2+s.width/2;case"left":return r==="pointer"?i-o-t:s.left-o-t;case"right":return r==="pointer"?i+t:s.right+t;case"top":return r==="pointer"?i-o/2:s.left-o/2+s.width/2;default:return r==="pointer"?i<window.screen.availWidth/2?i-t:i-o+t:i<window.screen.availWidth/2?s.left:s.right-o}},w=(i,o,s,r,u)=>{switch(u){case"bottom":return r==="pointer"?i+n:o.bottom+n;case"left":return r==="pointer"?i-s/2:o.top-s/2+o.height/2;case"right":return r==="pointer"?i-s/2:o.top-s/2+o.height/2;case"top":return r==="pointer"?i-s-n:o.top-s-n;default:return r==="pointer"?i<window.innerHeight/2?i+t:i-s-t:i<window.innerHeight/2?o.bottom+n:o.top-s-n}},d=i=>i!==null?i.getBoundingClientRect():document.body.getBoundingClientRect(),c=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],f=i=>{if(i===null)return!1;let o=i;for(;o;){if(o!==null&&o.classList&&o.classList.contains("k-tooltip"))return!0;o.parentNode!==null?o=o.parentNode:o=!1}return c.filter(s=>s===i.className).length>0};exports.getDomRect=d;exports.getLeftPosition=p;exports.getTopPosition=w;exports.isTooltipElement=f;exports.toolTipSelectors=c;

package/tooltip/utils.mjs

@@ -0,0 +1,59 @@
+/**
+ * @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";
+const u = (i, o, r, s, t) => {
+  switch (t) {
+    case "bottom":
+      return s === "pointer" ? i - o / 2 : r.left - o / 2 + r.width / 2;
+    case "left":
+      return s === "pointer" ? i - o - 10 : r.left - o - 10;
+    case "right":
+      return s === "pointer" ? i + 10 : r.right + 10;
+    case "top":
+      return s === "pointer" ? i - o / 2 : r.left - o / 2 + r.width / 2;
+    default:
+      return s === "pointer" ? i < window.screen.availWidth / 2 ? i - 10 : i - o + 10 : i < window.screen.availWidth / 2 ? r.left : r.right - o;
+  }
+}, c = (i, o, r, s, t) => {
+  switch (t) {
+    case "bottom":
+      return s === "pointer" ? i + 10 : o.bottom + 10;
+    case "left":
+      return s === "pointer" ? i - r / 2 : o.top - r / 2 + o.height / 2;
+    case "right":
+      return s === "pointer" ? i - r / 2 : o.top - r / 2 + o.height / 2;
+    case "top":
+      return s === "pointer" ? i - r - 10 : o.top - r - 10;
+    default:
+      return s === "pointer" ? i < window.innerHeight / 2 ? i + 10 : i - r - 10 : i < window.innerHeight / 2 ? o.bottom + 10 : o.top - r - 10;
+  }
+}, n = (i) => i !== null ? i.getBoundingClientRect() : document.body.getBoundingClientRect(), w = [
+  "k-tooltip-content",
+  "k-animation-container",
+  "k-tooltip",
+  "k-tooltip-title",
+  "k-tooltip k-tooltip-closable",
+  "k-icon k-i-close"
+], p = (i) => {
+  if (i === null)
+    return !1;
+  let o = i;
+  for (; o; ) {
+    if (o !== null && o.classList && o.classList.contains("k-tooltip"))
+      return !0;
+    o.parentNode !== null ? o = o.parentNode : o = !1;
+  }
+  return w.filter((r) => r === i.className).length > 0;
+};
+export {
+  n as getDomRect,
+  u as getLeftPosition,
+  c as getTopPosition,
+  p as isTooltipElement,
+  w as toolTipSelectors
+};

package/package-metadata.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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/popover/Popover.d.ts

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { PopoverProps } from './interfaces/PopoverProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the Popover component.
- */
-export interface PopoverHandle {
-    /**
-     * The props of the Popover.
-     */
-    props: PopoverProps;
-}
-/**
- * Represents the Popover component.
- */
-export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverHandle | null>>;

package/popover/PopoverActionsBar.d.ts

@@ -1,23 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { PopoverActionsBarProps } from './interfaces/PopoverActionsBarProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PopoverActionBar component.
- */
-export interface PopoverActionsBarHandle {
-    /**
-     * The props of the PopoverActionsBar.
-     */
-    props: PopoverActionsBarProps;
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the PopoverActionsBar component.
- */
-export declare const PopoverActionsBar: React.ForwardRefExoticComponent<PopoverActionsBarProps & React.RefAttributes<PopoverActionsBarHandle | null>>;

package/popover/interfaces/Align.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Align as AlignBase } from '@progress/kendo-react-popup';
-/**
- * Defines the horizontal and vertical aligning point of the Popup.
- */
-export interface Align extends AlignBase {
-    /**
-     * 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/popover/interfaces/PopoverActionsBarProps.d.ts

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the props of the [KendoReact PopoverActionsBar]({% slug api_tooltip_popoveractionsbar %}) component.
- */
-export 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;
-}