@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/popover/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as g, computed as w, watch as at, nextTick as st, defineComponent as ut, onMounted as ct, onUnmounted as rt, createVNode as z, Teleport as vt, withDirectives as pt, vShow as dt } from "vue";
+import { ref as g, computed as w, watch as at, nextTick as st, defineComponent as ut, onMounted as rt, onUnmounted as ct, createVNode as z, Teleport as vt, withDirectives as pt, vShow as dt } from "vue";
 import { getMaxZIndex as ft, useDelayedRef as ht } from "../common/index.esm.js";
 const mt = {
   id: { type: String },
@@ -84,90 +84,90 @@ function wt(t, n, a, i) {
     const l = S.value - e.width - 4;
     return l > 0 ? l : o;
   }
-  function M(e, o) {
+  function k(e, o) {
     const l = H.value - e.height - 4;
     return l > 0 ? l : o;
   }
   function A(e, o, l) {
-    const c = b.value, r = o.left - u.value + o.width / 2 + L.value, s = o.top - h.value - (e.height + l.height) + C.value;
-    return { popoverLeft: r, popoverTop: s, arrowLeft: c };
+    const r = b.value, c = o.left - u.value + o.width / 2 + L.value, s = o.top - h.value - (e.height + l.height) + C.value;
+    return { popoverLeft: c, popoverTop: s, arrowLeft: r };
   }
-  function k(e, o, l) {
-    const c = o.top - h.value + (o.height + l.height) + C.value, r = M(e, c);
-    return Math.min(c, r);
+  function M(e, o, l) {
+    const r = o.top - h.value + (o.height + l.height) + C.value, c = k(e, r);
+    return Math.min(r, c);
   }
   function j(e, o) {
-    const l = d(o, e), c = e <= l ? b.value : e - l;
-    return { popoverLeft: Math.min(e, l), arrowLeft: c, maxHeight: 0 };
+    const l = d(o, e), r = e <= l ? b.value : e - l;
+    return { popoverLeft: Math.min(e, l), arrowLeft: r, maxHeight: 0 };
   }
   function R(e, o) {
-    const l = d(o, e), c = e <= l ? b.value : e - l;
-    return { popoverLeft: e, arrowLeft: c, maxHeight: 0 };
+    const l = d(o, e), r = e <= l ? b.value : e - l;
+    return { popoverLeft: e, arrowLeft: r, maxHeight: 0 };
   }
   function U(e, o, l) {
-    const c = o.left - u.value + L.value, { arrowLeft: r, popoverLeft: s } = R(c, e), { popoverTop: y } = A(e, o, l);
-    return { popoverLeft: s, popoverTop: y, arrowLeft: r, maxHeight: 0 };
-  }
-  function Q(e, o, l) {
-    const c = o.left - u.value + o.width / 2 - (l.width / 2 - (e.left - u.value)) + L.value, { arrowLeft: r, popoverLeft: s } = j(c, e), y = k(e, o, l);
-    return { popoverLeft: s, popoverTop: y, arrowLeft: r, maxHeight: 0 };
+    const r = o.left - u.value + L.value, { arrowLeft: c, popoverLeft: s } = R(r, e), { popoverTop: y } = A(e, o, l);
+    return { popoverLeft: s, popoverTop: y, arrowLeft: c, maxHeight: 0 };
   }
   function Y(e, o, l) {
-    const c = o.left - u.value + L.value, { arrowLeft: r, popoverLeft: s } = j(c, e), y = k(e, o, l);
-    return { popoverLeft: s, popoverTop: y, arrowLeft: r, maxHeight: 0 };
+    const r = o.left - u.value + o.width / 2 - (l.width / 2 - (e.left - u.value)) + L.value, { arrowLeft: c, popoverLeft: s } = j(r, e), y = M(e, o, l);
+    return { popoverLeft: s, popoverTop: y, arrowLeft: c, maxHeight: 0 };
+  }
+  function $(e, o, l) {
+    const r = o.left - u.value + L.value, { arrowLeft: c, popoverLeft: s } = j(r, e), y = M(e, o, l);
+    return { popoverLeft: s, popoverTop: y, arrowLeft: c, maxHeight: 0 };
   }
   function tt(e, o, l) {
-    const c = o.left - u.value;
-    let r = 0, s = 0, y = 0, W = 0, E = "bottom-left";
-    window.innerWidth - c > e.width ? r = c + L.value : (r = o.right - e.width + L.value, y = e.width - l.width - 20);
+    const r = o.left - u.value;
+    let c = 0, s = 0, y = 0, W = 0, E = "bottom-left";
+    window.innerWidth - r > e.width ? c = r + L.value : (c = o.right - e.width + L.value, y = e.width - l.width - 20);
     let I = 0;
     if (t.limitContentBySpace) {
-      const q = { topHeight: o.top - h.value - l.height - 8, bottomHeight: B.value - o.bottom - l.height - 8 };
-      I = Math.max(q.topHeight, q.bottomHeight), e.height > I && (W = I, a.value.classList.add("popover-limitmax"));
+      const G = { topHeight: o.top - h.value - l.height - 8, bottomHeight: B.value - o.bottom - l.height - 8 };
+      I = Math.max(G.topHeight, G.bottomHeight), e.height > I && (W = I, a.value.classList.add("popover-limitmax"));
     }
     const D = W ? Math.floor(W) : e.height, F = o.top - h.value + (o.height + l.height);
-    return B.value - F > D ? s = F + C.value : (s = o.top - D - l.height + C.value, B.value - F > o.top ? (s = F + C.value, D > o.top && (s = B.value - D)) : (s = s < 0 ? 0 : s, E = "top")), a.value.classList.add("popover-" + E, "bs-popover-" + E), { popoverLeft: r, popoverTop: s, arrowLeft: y, maxHeight: W };
+    return B.value - F > D ? s = F + C.value : (s = o.top - D - l.height + C.value, B.value - F > o.top ? (s = F + C.value, D > o.top && (s = B.value - D)) : (s = s < 0 ? 0 : s, E = "top")), a.value.classList.add("popover-" + E, "bs-popover-" + E), { popoverLeft: c, popoverTop: s, arrowLeft: y, maxHeight: W };
   }
   function et(e, o, l) {
-    const c = o.left + o.width, r = Math.max(o.top - (e.height / 2 - o.height / 2), h.value);
+    const r = o.left + o.width, c = Math.max(o.top - (e.height / 2 - o.height / 2), h.value);
     let s = h.value + H.value - e.height;
-    s < 0 && (s = r);
-    const y = Math.min(r, s);
-    return { popoverLeft: c, popoverTop: y, arrowLeft: 0, maxHeight: 0 };
+    s < 0 && (s = c);
+    const y = Math.min(c, s);
+    return { popoverLeft: r, popoverTop: y, arrowLeft: 0, maxHeight: 0 };
   }
   function ot(e, o, l) {
-    const c = o.left + o.width, r = Math.max(o.top - o.height, h.value);
+    const r = o.left + o.width, c = Math.max(o.top - o.height, h.value);
     let s = h.value + H.value - e.height;
-    s < 0 && (s = r);
-    const y = Math.min(r, s);
-    return { popoverLeft: c, popoverTop: y, arrowLeft: 0, maxHeight: 0 };
+    s < 0 && (s = c);
+    const y = Math.min(c, s);
+    return { popoverLeft: r, popoverTop: y, arrowLeft: 0, maxHeight: 0 };
   }
   const nt = /* @__PURE__ */ new Map([
     ["top", A],
     ["top-left", U],
-    ["bottom", Q],
-    ["bottom-left", Y],
+    ["bottom", Y],
+    ["bottom-left", $],
     ["right", et],
     ["right-top", ot],
     ["auto", tt]
   ]);
-  function $(e) {
+  function q(e) {
     var s;
     t.keepWidthWithReference && X(e);
     const o = e.getBoundingClientRect();
     m.value = o.top, x.value = o.left;
-    const l = n.value ? n.value.getBoundingClientRect() : { height: 4, width: 4 }, c = (s = a.value) == null ? void 0 : s.getBoundingClientRect();
-    p.value = c.width;
-    const r = nt.get(T.value);
-    if (r) {
-      const { arrowLeft: y, popoverLeft: W, popoverTop: E, maxHeight: I } = r(c, o, l);
+    const l = n.value ? n.value.getBoundingClientRect() : { height: 4, width: 4 }, r = (s = a.value) == null ? void 0 : s.getBoundingClientRect();
+    p.value = r.width;
+    const c = nt.get(T.value);
+    if (c) {
+      const { arrowLeft: y, popoverLeft: W, popoverTop: E, maxHeight: I } = c(r, o, l);
       b.value = y, O.value = W, v.value = E, P.value = I || -1;
     }
   }
   function it(e) {
     if (e) {
       const o = e.getBoundingClientRect();
-      (o.left !== x.value || o.top !== m.value) && $(e);
+      (o.left !== x.value || o.top !== m.value) && q(e);
     }
   }
   function lt() {
@@ -180,7 +180,7 @@ function wt(t, n, a, i) {
     popoverWidth: p,
     fitToReference: X,
     followToReferencePosition: it,
-    locateToReference: $,
+    locateToReference: q,
     resetPosition: lt
   };
 }
@@ -199,6 +199,8 @@ function yt(t, n, a, i, f, p, P) {
       L();
       return;
     }
+    if (u.target.closest(".time-picker-panel"))
+      return;
     const S = (H = u.target) == null ? void 0 : H.closest(".popover");
     if (S && i.value && S === i.value) {
       u.type !== "scroll" && u.type !== "wheel" && u.stopPropagation();
@@ -250,26 +252,26 @@ const Z = /* @__PURE__ */ ut({
     } = Lt(t, n, f, p, T), H = w(() => {
       let d = b.value;
       d === "top-left" && (d = "top");
-      const M = `popover in popover-${d}`, A = `bs-popover-${d}`, k = {
+      const k = `popover in popover-${d}`, A = `bs-popover-${d}`, M = {
         "popover-fitcontent": t.fitContent,
         fade: !0
       };
-      k[M] = !0, k[A] = !0;
+      M[k] = !0, M[A] = !0;
       const j = (t.class || "").split(" ");
-      return t.isSimpleTips && j.unshift("popover-tips"), j.reduce((R, U) => (R[U] = !0, R), k), k;
+      return t.isSimpleTips && j.unshift("popover-tips"), j.reduce((R, U) => (R[U] = !0, R), M), M;
     }), B = w(() => ({
       "popover-content": !0,
       "popover-body": !0
     })), V = w(() => {
       const d = {};
-      return d.opacity = u.value ? 1 : 0, d.visibility = u.value ? "visible" : "hidden", d.zIndex = ft() || 1050, d;
+      return d.opacity = u.value ? 1 : 0, d.visibility = u.value ? "visible" : "hidden", d.zIndex = ft() || 1060, d;
     }), K = w(() => t.isSimpleTips ? !0 : t.showArrow), {
       delayedValue: X
     } = ht(V, 50);
-    return ct(() => {
+    return rt(() => {
       var d;
       p.value && L(f.value), t.reference && C(f.value), window.addEventListener("resize", S), (d = i.value) == null || d.focus();
-    }), rt(() => {
+    }), ct(() => {
       document.body.removeEventListener("click", h), window.removeEventListener("resize", S), u.value = !1;
     }), () => z(vt, {
       to: x
@@ -284,11 +286,11 @@ const Z = /* @__PURE__ */ ut({
             ...v.value,
             ...X.value
           },
-          onMousedown: (M) => {
-            M.stopPropagation();
+          onMousedown: (k) => {
+            k.stopPropagation();
           },
-          onClick: (M) => {
-            M.stopPropagation();
+          onClick: (k) => {
+            k.stopPropagation();
           }
         }, [K.value && z("div", {
           ref: a,
@@ -309,20 +311,20 @@ function _(t, n, a) {
   const i = n.value;
   i && i.value && !i.value.isShow && (i.value.show(a), window[N].set(a, i.value));
 }
-function J(t, n, a) {
+function Q(t, n, a) {
   t.stopPropagation(), n.value.value.hide(), window[N].delete(a);
 }
 function Pt(t, n, a) {
   t.stopPropagation();
   const i = n.value;
-  i && i.value && (i.value.isShow ? J(t, n, a) : _(t, n, a));
+  i && i.value && (i.value.isShow ? Q(t, n, a) : _(t, n, a));
 }
-function G(t, n, a) {
+function J(t, n, a) {
   n.arg && n.arg === "toggle" ? Pt(t, n, a) : _(t, n, a);
 }
 const Tt = {
   mounted: (t, n, a) => {
-    n.modifiers.hover ? (t.addEventListener("mouseenter", (i) => _(i, n, t)), t.addEventListener("mouseleave", (i) => J(i, n, t))) : n.modifiers.click ? t.addEventListener("click", (i) => G(i, n, t)) : t.addEventListener("click", (i) => G(i, n, t)), t.classList.add("v-popover");
+    n.modifiers.hover ? (t.addEventListener("mouseenter", (i) => _(i, n, t)), t.addEventListener("mouseleave", (i) => Q(i, n, t))) : n.modifiers.click ? t.addEventListener("click", (i) => J(i, n, t)) : t.addEventListener("click", (i) => J(i, n, t)), t.classList.add("v-popover");
   },
   unMounted: (t, n, a) => {
   }

package/components/popover/index.umd.cjs

@@ -1 +1 @@
-(function(L,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],i):(L=typeof globalThis<"u"?globalThis:L||self,i(L.popover={},L.Vue,L.common))})(this,function(L,i,U){"use strict";const Z={id:{type:String},arrowOffsetX:{type:Number,default:0},class:{type:String,default:""},customStyles:{type:Object,default:null},isSimpleTips:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},host:{type:Object},leftBoundary:{type:Object},keepWidthWithReference:{type:Boolean,default:!1},minWidth:{type:Number,default:-1},offsetX:{type:Object,default:i.ref(0)},placement:{type:String,default:"bottom"},reference:{type:Object},rightBoundary:{type:Object},showArrow:{type:Boolean,default:!1},title:{type:String},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:-1},limitContentBySpace:{type:Boolean,default:!1},beforeClose:{type:Function}};function tt(t){const n=t.host?t.host:"body",a=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),l=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().bottom:window.innerHeight),h=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),f=i.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),P=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().height:window.innerHeight);return{host:n,hostLeft:h,hostTop:a,hostWidth:f,hostHeight:P,hostBottom:l}}function et(t,n,a,l){const h=i.ref(t.offsetX||0),f=i.ref(-1),P=i.ref(-1),g=i.ref(-1),x=i.ref(-1),T=i.ref(t.placement),b=i.ref(0),S=i.ref(0),p=i.ref(0),y=i.computed(()=>document.documentElement.scrollLeft),C=i.computed(()=>document.documentElement.scrollTop),{hostLeft:c,hostTop:m,hostWidth:W,hostHeight:H,hostBottom:B}=l;i.watch(()=>t.offsetX,e=>{h.value=e});const _=i.computed(()=>{const e={left:`${S.value}px`,top:`${p.value}px`,transform:`translateX(${h.value}px)`};return t.zIndex!==-1&&(e["z-index"]=t.zIndex),t.fitContent?t.keepWidthWithReference&&a.value&&f.value>=a.value.getBoundingClientRect().width&&(e.width=`${f.value}px`):f.value!==-1&&(e.width=`${f.value}px`),t.minWidth!==-1&&(e.minWidth=`${t.minWidth}px`),t.customStyles&&Object.assign(e,t.customStyles),P.value>0&&(e.maxHeight=P.value+"px"),e}),q=i.computed(()=>({left:`${b.value}px`,transform:`translateX(${t.arrowOffsetX}px)`}));function V(e){if(e&&t.keepWidthWithReference){const o=e.getBoundingClientRect();f.value=Math.max(t.minWidth,o.width)}}function v(e,o){const s=W.value-e.width-4;return s>0?s:o}function M(e,o){const s=H.value-e.height-4;return s>0?s:o}function X(e,o,s){const r=b.value,d=o.left-c.value+o.width/2+y.value,u=o.top-m.value-(e.height+s.height)+C.value;return{popoverLeft:d,popoverTop:u,arrowLeft:r}}function k(e,o,s){const r=o.top-m.value+(o.height+s.height)+C.value,d=M(e,r);return Math.min(r,d)}function z(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:Math.min(e,s),arrowLeft:r,maxHeight:0}}function A(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:e,arrowLeft:r,maxHeight:0}}function K(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=A(r,e),{popoverTop:w}=X(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function lt(e,o,s){const r=o.left-c.value+o.width/2-(s.width/2-(e.left-c.value))+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function st(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function at(e,o,s){const r=o.left-c.value;let d=0,u=0,w=0,O=0,j="bottom-left";window.innerWidth-r>e.width?d=r+y.value:(d=o.right-e.width+y.value,w=e.width-s.width-20);let E=0;if(t.limitContentBySpace){const Y={topHeight:o.top-m.value-s.height-8,bottomHeight:B.value-o.bottom-s.height-8};E=Math.max(Y.topHeight,Y.bottomHeight),e.height>E&&(O=E,a.value.classList.add("popover-limitmax"))}const R=O?Math.floor(O):e.height,D=o.top-m.value+(o.height+s.height);return B.value-D>R?u=D+C.value:(u=o.top-R-s.height+C.value,B.value-D>o.top?(u=D+C.value,R>o.top&&(u=B.value-R)):(u=u<0?0:u,j="top")),a.value.classList.add("popover-"+j,"bs-popover-"+j),{popoverLeft:d,popoverTop:u,arrowLeft:w,maxHeight:O}}function ut(e,o,s){const r=o.left+o.width,d=Math.max(o.top-(e.height/2-o.height/2),m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}function ct(e,o,s){const r=o.left+o.width,d=Math.max(o.top-o.height,m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}const rt=new Map([["top",X],["top-left",K],["bottom",lt],["bottom-left",st],["right",ut],["right-top",ct],["auto",at]]);function Q(e){var u;t.keepWidthWithReference&&V(e);const o=e.getBoundingClientRect();g.value=o.top,x.value=o.left;const s=n.value?n.value.getBoundingClientRect():{height:4,width:4},r=(u=a.value)==null?void 0:u.getBoundingClientRect();f.value=r.width;const d=rt.get(T.value);if(d){const{arrowLeft:w,popoverLeft:O,popoverTop:j,maxHeight:E}=d(r,o,s);b.value=w,S.value=O,p.value=j,P.value=E||-1}}function dt(e){if(e){const o=e.getBoundingClientRect();(o.left!==x.value||o.top!==g.value)&&Q(e)}}function pt(){T.value=t.placement,b.value=0,S.value=0,p.value=0,f.value=-1}return{arrowStyle:q,popoverStyle:_,position:T,popoverWidth:f,fitToReference:V,followToReferencePosition:dt,locateToReference:Q,resetPosition:pt}}function ot(t,n,a,l,h,f,P){const g=i.ref(t.visible),x=i.computed(()=>g.value),{fitToReference:T,locateToReference:b,resetPosition:S}=P;let p;async function y(){g.value&&(t.beforeClose&&typeof t.beforeClose=="function"&&!await t.beforeClose()||(g.value=!1,document.body.removeEventListener("click",p),document.body.removeEventListener("mousedown",p),document.body.removeEventListener("wheel",p,!0),document.removeEventListener("scroll",p),S(),n.emit("hidden")))}p=c=>{var H;if(!h.value)return;const m=h.value.contains(c.target);if(c.type==="scroll"||c.type==="wheel"&&m){y();return}const W=(H=c.target)==null?void 0:H.closest(".popover");if(W&&l.value&&W===l.value){c.type!=="scroll"&&c.type!=="wheel"&&c.stopPropagation();return}if(!m&&g.value){const B=h.value.closest(".popover");B&&B.removeEventListener("click",p),y()}};async function C(c){if(l.value&&(t.showArrow===!1||t.showArrow&&a.value)&&c){g.value=!0,h.value=c,f.value&&T(c),await i.nextTick(),b(c),document.body.addEventListener("click",p),document.body.addEventListener("mousedown",p),document.body.addEventListener("wheel",p,!0),document.addEventListener("scroll",p),(top==null?void 0:top.document)!==document&&(top==null||top.document.addEventListener("mousedown",p));const m=c.closest(".popover");m&&m.addEventListener("click",p),n.emit("shown")}}return n.expose({hide:y,popoverRef:l,show:C,shown:x,isShow:g}),{showPopover:g,hidePopverOnClickBodyHandler:p}}function nt(t,n,a,l,h){const{popoverWidth:f,fitToReference:P,followToReferencePosition:g}=h;function x(){if(a.value){g(a.value);const T=a.value.getBoundingClientRect();l.value&&T.width!==f.value&&P(a.value)}}return{onResize:x}}const I=i.defineComponent({name:"FPopover",props:Z,emits:["shown","hidden"],setup(t,n){const a=i.ref(),l=i.ref(),h=i.ref(t.reference),f=i.ref(t.keepWidthWithReference),P=i.computed(()=>!!t.title),g=tt(t),{host:x}=g,T=et(t,a,l,g),{position:b,arrowStyle:S,popoverStyle:p,fitToReference:y,locateToReference:C}=T,{showPopover:c,hidePopverOnClickBodyHandler:m}=ot(t,n,a,l,h,f,T),{onResize:W}=nt(t,n,h,f,T),H=i.computed(()=>{let v=b.value;v==="top-left"&&(v="top");const M=`popover in popover-${v}`,X=`bs-popover-${v}`,k={"popover-fitcontent":t.fitContent,fade:!0};k[M]=!0,k[X]=!0;const z=(t.class||"").split(" ");return t.isSimpleTips&&z.unshift("popover-tips"),z.reduce((A,K)=>(A[K]=!0,A),k),k}),B=i.computed(()=>({"popover-content":!0,"popover-body":!0})),_=i.computed(()=>{const v={};return v.opacity=c.value?1:0,v.visibility=c.value?"visible":"hidden",v.zIndex=U.getMaxZIndex()||1050,v}),q=i.computed(()=>t.isSimpleTips?!0:t.showArrow),{delayedValue:V}=U.useDelayedRef(_,50);return i.onMounted(()=>{var v;f.value&&y(h.value),t.reference&&C(h.value),window.addEventListener("resize",W),(v=l.value)==null||v.focus()}),i.onUnmounted(()=>{document.body.removeEventListener("click",m),window.removeEventListener("resize",W),c.value=!1}),()=>i.createVNode(i.Teleport,{to:x},{default:()=>{var v;return[i.withDirectives(i.createVNode("div",{tabindex:"-1",ref:l,class:H.value,style:{...p.value,...V.value},onMousedown:M=>{M.stopPropagation()},onClick:M=>{M.stopPropagation()}},[q.value&&i.createVNode("div",{ref:a,class:"popover-arrow arrow",style:S.value},null),P.value&&i.createVNode("h3",{class:"popover-title popover-header"},[t.title]),i.createVNode("div",{class:B.value},[n.slots.default&&((v=n.slots)==null?void 0:v.default())])]),[[i.vShow,c.value]])]}})}}),N="FarrisVue_PopoverInstancesKey";window[N]=window[N]||new WeakMap;function F(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&!l.value.isShow&&(l.value.show(a),window[N].set(a,l.value))}function $(t,n,a){t.stopPropagation(),n.value.value.hide(),window[N].delete(a)}function it(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&(l.value.isShow?$(t,n,a):F(t,n,a))}function G(t,n,a){n.arg&&n.arg==="toggle"?it(t,n,a):F(t,n,a)}const J={mounted:(t,n,a)=>{n.modifiers.hover?(t.addEventListener("mouseenter",l=>F(l,n,t)),t.addEventListener("mouseleave",l=>$(l,n,t))):n.modifiers.click?t.addEventListener("click",l=>G(l,n,t)):t.addEventListener("click",l=>G(l,n,t)),t.classList.add("v-popover")},unMounted:(t,n,a)=>{}};I.install=t=>{t.component(I.name,I),t.directive("popover",J)},L.Popover=I,L.PopoverDirective=J,L.default=I,L.popoverProps=Z,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(L,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],i):(L=typeof globalThis<"u"?globalThis:L||self,i(L.popover={},L.Vue,L.common))})(this,function(L,i,U){"use strict";const Z={id:{type:String},arrowOffsetX:{type:Number,default:0},class:{type:String,default:""},customStyles:{type:Object,default:null},isSimpleTips:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},host:{type:Object},leftBoundary:{type:Object},keepWidthWithReference:{type:Boolean,default:!1},minWidth:{type:Number,default:-1},offsetX:{type:Object,default:i.ref(0)},placement:{type:String,default:"bottom"},reference:{type:Object},rightBoundary:{type:Object},showArrow:{type:Boolean,default:!1},title:{type:String},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:-1},limitContentBySpace:{type:Boolean,default:!1},beforeClose:{type:Function}};function tt(t){const n=t.host?t.host:"body",a=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),l=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().bottom:window.innerHeight),h=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),f=i.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),P=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().height:window.innerHeight);return{host:n,hostLeft:h,hostTop:a,hostWidth:f,hostHeight:P,hostBottom:l}}function et(t,n,a,l){const h=i.ref(t.offsetX||0),f=i.ref(-1),P=i.ref(-1),g=i.ref(-1),x=i.ref(-1),T=i.ref(t.placement),b=i.ref(0),S=i.ref(0),p=i.ref(0),y=i.computed(()=>document.documentElement.scrollLeft),C=i.computed(()=>document.documentElement.scrollTop),{hostLeft:r,hostTop:m,hostWidth:W,hostHeight:H,hostBottom:B}=l;i.watch(()=>t.offsetX,e=>{h.value=e});const _=i.computed(()=>{const e={left:`${S.value}px`,top:`${p.value}px`,transform:`translateX(${h.value}px)`};return t.zIndex!==-1&&(e["z-index"]=t.zIndex),t.fitContent?t.keepWidthWithReference&&a.value&&f.value>=a.value.getBoundingClientRect().width&&(e.width=`${f.value}px`):f.value!==-1&&(e.width=`${f.value}px`),t.minWidth!==-1&&(e.minWidth=`${t.minWidth}px`),t.customStyles&&Object.assign(e,t.customStyles),P.value>0&&(e.maxHeight=P.value+"px"),e}),q=i.computed(()=>({left:`${b.value}px`,transform:`translateX(${t.arrowOffsetX}px)`}));function V(e){if(e&&t.keepWidthWithReference){const o=e.getBoundingClientRect();f.value=Math.max(t.minWidth,o.width)}}function v(e,o){const s=W.value-e.width-4;return s>0?s:o}function M(e,o){const s=H.value-e.height-4;return s>0?s:o}function X(e,o,s){const c=b.value,d=o.left-r.value+o.width/2+y.value,u=o.top-m.value-(e.height+s.height)+C.value;return{popoverLeft:d,popoverTop:u,arrowLeft:c}}function k(e,o,s){const c=o.top-m.value+(o.height+s.height)+C.value,d=M(e,c);return Math.min(c,d)}function z(e,o){const s=v(o,e),c=e<=s?b.value:e-s;return{popoverLeft:Math.min(e,s),arrowLeft:c,maxHeight:0}}function A(e,o){const s=v(o,e),c=e<=s?b.value:e-s;return{popoverLeft:e,arrowLeft:c,maxHeight:0}}function K(e,o,s){const c=o.left-r.value+y.value,{arrowLeft:d,popoverLeft:u}=A(c,e),{popoverTop:w}=X(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function lt(e,o,s){const c=o.left-r.value+o.width/2-(s.width/2-(e.left-r.value))+y.value,{arrowLeft:d,popoverLeft:u}=z(c,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function st(e,o,s){const c=o.left-r.value+y.value,{arrowLeft:d,popoverLeft:u}=z(c,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function at(e,o,s){const c=o.left-r.value;let d=0,u=0,w=0,O=0,j="bottom-left";window.innerWidth-c>e.width?d=c+y.value:(d=o.right-e.width+y.value,w=e.width-s.width-20);let E=0;if(t.limitContentBySpace){const $={topHeight:o.top-m.value-s.height-8,bottomHeight:B.value-o.bottom-s.height-8};E=Math.max($.topHeight,$.bottomHeight),e.height>E&&(O=E,a.value.classList.add("popover-limitmax"))}const R=O?Math.floor(O):e.height,D=o.top-m.value+(o.height+s.height);return B.value-D>R?u=D+C.value:(u=o.top-R-s.height+C.value,B.value-D>o.top?(u=D+C.value,R>o.top&&(u=B.value-R)):(u=u<0?0:u,j="top")),a.value.classList.add("popover-"+j,"bs-popover-"+j),{popoverLeft:d,popoverTop:u,arrowLeft:w,maxHeight:O}}function ut(e,o,s){const c=o.left+o.width,d=Math.max(o.top-(e.height/2-o.height/2),m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:c,popoverTop:w,arrowLeft:0,maxHeight:0}}function rt(e,o,s){const c=o.left+o.width,d=Math.max(o.top-o.height,m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:c,popoverTop:w,arrowLeft:0,maxHeight:0}}const ct=new Map([["top",X],["top-left",K],["bottom",lt],["bottom-left",st],["right",ut],["right-top",rt],["auto",at]]);function Y(e){var u;t.keepWidthWithReference&&V(e);const o=e.getBoundingClientRect();g.value=o.top,x.value=o.left;const s=n.value?n.value.getBoundingClientRect():{height:4,width:4},c=(u=a.value)==null?void 0:u.getBoundingClientRect();f.value=c.width;const d=ct.get(T.value);if(d){const{arrowLeft:w,popoverLeft:O,popoverTop:j,maxHeight:E}=d(c,o,s);b.value=w,S.value=O,p.value=j,P.value=E||-1}}function dt(e){if(e){const o=e.getBoundingClientRect();(o.left!==x.value||o.top!==g.value)&&Y(e)}}function pt(){T.value=t.placement,b.value=0,S.value=0,p.value=0,f.value=-1}return{arrowStyle:q,popoverStyle:_,position:T,popoverWidth:f,fitToReference:V,followToReferencePosition:dt,locateToReference:Y,resetPosition:pt}}function ot(t,n,a,l,h,f,P){const g=i.ref(t.visible),x=i.computed(()=>g.value),{fitToReference:T,locateToReference:b,resetPosition:S}=P;let p;async function y(){g.value&&(t.beforeClose&&typeof t.beforeClose=="function"&&!await t.beforeClose()||(g.value=!1,document.body.removeEventListener("click",p),document.body.removeEventListener("mousedown",p),document.body.removeEventListener("wheel",p,!0),document.removeEventListener("scroll",p),S(),n.emit("hidden")))}p=r=>{var H;if(!h.value)return;const m=h.value.contains(r.target);if(r.type==="scroll"||r.type==="wheel"&&m){y();return}if(r.target.closest(".time-picker-panel"))return;const W=(H=r.target)==null?void 0:H.closest(".popover");if(W&&l.value&&W===l.value){r.type!=="scroll"&&r.type!=="wheel"&&r.stopPropagation();return}if(!m&&g.value){const B=h.value.closest(".popover");B&&B.removeEventListener("click",p),y()}};async function C(r){if(l.value&&(t.showArrow===!1||t.showArrow&&a.value)&&r){g.value=!0,h.value=r,f.value&&T(r),await i.nextTick(),b(r),document.body.addEventListener("click",p),document.body.addEventListener("mousedown",p),document.body.addEventListener("wheel",p,!0),document.addEventListener("scroll",p),(top==null?void 0:top.document)!==document&&(top==null||top.document.addEventListener("mousedown",p));const m=r.closest(".popover");m&&m.addEventListener("click",p),n.emit("shown")}}return n.expose({hide:y,popoverRef:l,show:C,shown:x,isShow:g}),{showPopover:g,hidePopverOnClickBodyHandler:p}}function nt(t,n,a,l,h){const{popoverWidth:f,fitToReference:P,followToReferencePosition:g}=h;function x(){if(a.value){g(a.value);const T=a.value.getBoundingClientRect();l.value&&T.width!==f.value&&P(a.value)}}return{onResize:x}}const I=i.defineComponent({name:"FPopover",props:Z,emits:["shown","hidden"],setup(t,n){const a=i.ref(),l=i.ref(),h=i.ref(t.reference),f=i.ref(t.keepWidthWithReference),P=i.computed(()=>!!t.title),g=tt(t),{host:x}=g,T=et(t,a,l,g),{position:b,arrowStyle:S,popoverStyle:p,fitToReference:y,locateToReference:C}=T,{showPopover:r,hidePopverOnClickBodyHandler:m}=ot(t,n,a,l,h,f,T),{onResize:W}=nt(t,n,h,f,T),H=i.computed(()=>{let v=b.value;v==="top-left"&&(v="top");const M=`popover in popover-${v}`,X=`bs-popover-${v}`,k={"popover-fitcontent":t.fitContent,fade:!0};k[M]=!0,k[X]=!0;const z=(t.class||"").split(" ");return t.isSimpleTips&&z.unshift("popover-tips"),z.reduce((A,K)=>(A[K]=!0,A),k),k}),B=i.computed(()=>({"popover-content":!0,"popover-body":!0})),_=i.computed(()=>{const v={};return v.opacity=r.value?1:0,v.visibility=r.value?"visible":"hidden",v.zIndex=U.getMaxZIndex()||1060,v}),q=i.computed(()=>t.isSimpleTips?!0:t.showArrow),{delayedValue:V}=U.useDelayedRef(_,50);return i.onMounted(()=>{var v;f.value&&y(h.value),t.reference&&C(h.value),window.addEventListener("resize",W),(v=l.value)==null||v.focus()}),i.onUnmounted(()=>{document.body.removeEventListener("click",m),window.removeEventListener("resize",W),r.value=!1}),()=>i.createVNode(i.Teleport,{to:x},{default:()=>{var v;return[i.withDirectives(i.createVNode("div",{tabindex:"-1",ref:l,class:H.value,style:{...p.value,...V.value},onMousedown:M=>{M.stopPropagation()},onClick:M=>{M.stopPropagation()}},[q.value&&i.createVNode("div",{ref:a,class:"popover-arrow arrow",style:S.value},null),P.value&&i.createVNode("h3",{class:"popover-title popover-header"},[t.title]),i.createVNode("div",{class:B.value},[n.slots.default&&((v=n.slots)==null?void 0:v.default())])]),[[i.vShow,r.value]])]}})}}),N="FarrisVue_PopoverInstancesKey";window[N]=window[N]||new WeakMap;function F(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&!l.value.isShow&&(l.value.show(a),window[N].set(a,l.value))}function G(t,n,a){t.stopPropagation(),n.value.value.hide(),window[N].delete(a)}function it(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&(l.value.isShow?G(t,n,a):F(t,n,a))}function J(t,n,a){n.arg&&n.arg==="toggle"?it(t,n,a):F(t,n,a)}const Q={mounted:(t,n,a)=>{n.modifiers.hover?(t.addEventListener("mouseenter",l=>F(l,n,t)),t.addEventListener("mouseleave",l=>G(l,n,t))):n.modifiers.click?t.addEventListener("click",l=>J(l,n,t)):t.addEventListener("click",l=>J(l,n,t)),t.classList.add("v-popover")},unMounted:(t,n,a)=>{}};I.install=t=>{t.component(I.name,I),t.directive("popover",Q)},L.Popover=I,L.PopoverDirective=Q,L.default=I,L.popoverProps=Z,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});