@signal24/vue-foundation 4.15.0 → 4.15.1

package/dist/vue-foundation.es.js

@@ -1,7 +1,7 @@
 var Be = Object.defineProperty;
 var Ve = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var E = (e, t, n) => Ve(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as C, defineProps as Fe, defineEmits as _e, ref as b, computed as _, openBlock as d, createElementBlock as h, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as O, Fragment as U, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ne, withModifiers as te, renderSlot as K, reactive as Ke, h as W, Teleport as je, markRaw as Ue, onBeforeUnmount as ne, resolveDirective as we, createBlock as be, createSlots as We, withCtx as Y, createTextVNode as ae, vModelText as Pe, watch as ce, onActivated as Oe, onDeactivated as ke } from "vue";
+import { defineComponent as C, defineProps as Fe, defineEmits as _e, ref as b, computed as _, openBlock as d, createElementBlock as h, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as O, Fragment as W, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ne, withModifiers as te, renderSlot as K, reactive as Ke, h as U, Teleport as je, markRaw as We, onBeforeUnmount as ne, resolveDirective as we, createBlock as be, createSlots as Ue, withCtx as Y, createTextVNode as ae, vModelText as Pe, watch as ce, onActivated as Oe, onDeactivated as ke } from "vue";
 import { compact as qe, debounce as ze, isEqual as Se, upperFirst as Xe, startCase as Ye, cloneDeep as Ze, remove as Ge } from "lodash";
 import { escapeHtml as Qe } from "@vue/shared";
 import { escapeHtml as ns } from "@vue/shared";
@@ -51,7 +51,7 @@ function ot(e, t, n, s, i, o) {
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
     e.props.nullText ? (d(), h("option", st, x(e.props.nullText), 1)) : O("", !0),
-    (d(!0), h(U, null, J(e.renderOptions, (r, l) => {
+    (d(!0), h(W, null, J(e.renderOptions, (r, l) => {
       var a;
       return d(), h("option", {
         key: l,
@@ -124,15 +124,15 @@ const Mn = /* @__PURE__ */ Ce(tt, [["render", ot]]), lt = /* @__PURE__ */ C({
 let rt = 0;
 const S = Ke([]), In = C({
   setup() {
-    return () => W("div", [
-      J(S, (e) => W(je, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => U("div", [
+      J(S, (e) => U(je, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
 function se(e, t, n) {
   const s = document.getElementById("vf-overlay-target") ?? document.createElement("div");
   s.id = "vf-overlay-target", s.removeAttribute("inert"), document.body.appendChild(s);
-  const i = String(++rt), o = Ue(e), r = W(o, t), l = n != null && n.anchor ? W(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, a = {
+  const i = String(++rt), o = We(e), r = U(o, t), l = n != null && n.anchor ? U(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, a = {
     id: i,
     component: o,
     props: t,
@@ -391,7 +391,7 @@ const pt = ["id"], mt = {
       const o = we("autofocus");
       return d(), be(gt, {
         class: k(["vf-alert", s.classes])
-      }, We({
+      }, Ue({
         default: Y(() => [
           s.isHtml ? (d(), h("div", {
             key: 0,
@@ -414,7 +414,7 @@ const pt = ["id"], mt = {
         s.isBare ? void 0 : {
           name: "footer",
           fn: Y(() => [
-            s.shouldConfirm ? (d(), h(U, { key: 0 }, [
+            s.shouldConfirm ? (d(), h(W, { key: 0 }, [
               j((d(), h("button", {
                 class: "primary",
                 onClick: i[0] || (i[0] = () => s.callback(!0))
@@ -772,8 +772,8 @@ function _t(e, t, n, s, i, o) {
       [r, o.effectiveDisabled]
     ]),
     e.shouldDisplayOptions ? (d(), h("div", Dt, [
-      e.isLoaded ? (d(), h(U, { key: 1 }, [
-        (d(!0), h(U, null, J(o.effectiveOptions, (l) => (d(), h("div", {
+      e.isLoaded ? (d(), h(W, { key: 1 }, [
+        (d(!0), h(W, null, J(o.effectiveOptions, (l) => (d(), h("div", {
           key: String(l.key),
           class: k(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -833,10 +833,10 @@ const Rt = /* @__PURE__ */ Ce(It, [["render", _t]]), jn = /* @__PURE__ */ C({
 }), Nt = { class: "content" }, Kt = { class: "message" }, jt = {
   key: 0,
   class: "close"
-}, Ut = {
+}, Wt = {
   key: 0,
   class: "progress-bar"
-}, Wt = /* @__PURE__ */ C({
+}, Ut = /* @__PURE__ */ C({
   __name: "toast",
   props: {
     message: {},
@@ -867,7 +867,7 @@ const Rt = /* @__PURE__ */ Ce(It, [["render", _t]]), jn = /* @__PURE__ */ C({
         w("div", Kt, x(i.message), 1),
         i.disableClose ? O("", !0) : (d(), h("div", jt, "x"))
       ]),
-      i.durationSecs !== null ? (d(), h("div", Ut, [
+      i.durationSecs !== null ? (d(), h("div", Wt, [
         w("div", {
           ref_key: "progressInnerEl",
           ref: s,
@@ -877,8 +877,8 @@ const Rt = /* @__PURE__ */ Ce(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     ], 2));
   }
 });
-function Un(e) {
-  const t = se(Wt, {
+function Wn(e) {
+  const t = se(Ut, {
     ...e,
     callback: () => P(t)
   });
@@ -926,7 +926,7 @@ const he = {
   upperCase: Qt,
   desnake: Jt,
   usCurrency: en
-}, Wn = (e) => ({
+}, Un = (e) => ({
   ...he,
   ...e(he)
 });
@@ -1206,7 +1206,7 @@ class wn {
     E(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
     E(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
     E(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
-    this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
+    this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), t.addEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
     this.config = t;
@@ -1239,7 +1239,7 @@ class wn {
     this.lastMoveEvt && this.tipEl !== this.lastMoveEvt.target && ((t = this.tipEl) != null && t.contains(this.lastMoveEvt.target) || this.handleTargetMouseLeave());
   }
   destroy() {
-    this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
+    this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
 function bn(e) {
@@ -1258,7 +1258,7 @@ export {
   Rt as VfSmartSelect,
   Xn as cloneProp,
   Bn as configureVf,
-  Wn as createFilters,
+  Un as createFilters,
   se as createOverlayInjection,
   Ct as desnakeCase,
   ct as dismissOverlayInjectionById,
@@ -1286,7 +1286,7 @@ export {
   Dn as showConfirm,
   An as showConfirmDestroy,
   qn as showContextMenu,
-  Un as showToast,
+  Wn as showToast,
   $n as showWait,
   tn as sleep,
   zn as sleepSecs,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.15.0",
+    "version": "4.15.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

package/src/directives/tooltip.ts

@@ -47,6 +47,8 @@ interface ITooltipOptions {
     class?: string | string[];
 }
 
+// todo: improve with mutation observer to see removal of node
+
 class VfTooltip {
     private lastMoveEvt?: MouseEvent;
     private checkInterval?: ReturnType<typeof setInterval>;
@@ -66,6 +68,7 @@ class VfTooltip {
     ) {
         el.addEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         el.addEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        el.addEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 
     configure(config: ITooltipOptions) {
@@ -189,5 +192,6 @@ class VfTooltip {
 
         this.el.removeEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         this.el.removeEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        this.el.removeEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 }