@signal24/vue-foundation 4.14.0 → 4.14.1

package/dist/vue-foundation.es.js

@@ -1,7 +1,7 @@
 var Ve = Object.defineProperty;
 var Fe = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var E = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as C, defineProps as _e, defineEmits as Re, ref as O, computed as _, openBlock as d, createElementBlock as h, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as b, Fragment as U, renderList as J, vModelSelect as Ne, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as be, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
+var E = (e, t, n) => Fe(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as C, defineProps as _e, defineEmits as Re, 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 Ne, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as be, createBlock as Oe, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
 import { compact as ze, debounce as Xe, isEqual as Ce, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
 import { escapeHtml as Je } from "@vue/shared";
 import { escapeHtml as ni } from "@vue/shared";
@@ -11,7 +11,7 @@ const nt = C({
   setup() {
     const e = _e();
     Re(["update:modelValue"]);
-    const t = O(null), n = _(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = O(e.modelValue ?? null);
+    const t = b(null), n = _(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = b(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -50,7 +50,7 @@ function lt(e, t, n, i, s, o) {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (d(), h("option", st, x(e.props.nullText), 1)) : b("", !0),
+    e.props.nullText ? (d(), h("option", st, x(e.props.nullText), 1)) : O("", !0),
     (d(!0), h(U, null, J(e.renderOptions, (r, l) => {
       var a;
       return d(), h("option", {
@@ -71,11 +71,10 @@ const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = O({ visibility: "hidden", top: "0", left: "0" }), s = O([]), o = ee();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = b({ visibility: "hidden", top: "0", left: "0" }), s = b([]), o = ee();
     L(r);
     function r() {
-      if (!o)
-        return;
+      if (!o) return;
       const p = o.vnode.el, { styles: g, classes: m } = l(p, n);
       i.value = g, s.value = m;
     }
@@ -262,9 +261,8 @@ function Me(e) {
 const Q = Symbol("FormMaskState");
 function ft(e, t, n) {
   const i = e instanceof Element ? e : He(e);
-  if (!i)
-    return () => {
-    };
+  if (!i) return () => {
+  };
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let o;
@@ -278,8 +276,7 @@ function ft(e, t, n) {
 }
 function Ie(e) {
   const t = e instanceof Element ? e : He(e);
-  if (!t)
-    return;
+  if (!t) return;
   const n = t[Q];
   n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[Q]);
 }
@@ -307,7 +304,7 @@ const pt = ["id"], mt = {
   setup(e, { expose: t }) {
     const n = ee(), i = e;
     t({ mask: m, unmask: v, hide: f, unhide: u });
-    const s = O(), o = O(), r = O(!1), l = _(() => ze([i.class, r.value && "hidden"]));
+    const s = b(), o = b(), r = b(!1), l = _(() => ze([i.class, r.value && "hidden"]));
     L(() => {
       var c;
       document.body.classList.add("vf-modal-open"), i.closeOnMaskClick && (window.addEventListener("keydown", p), (c = s.value) == null || c.addEventListener("click", a));
@@ -357,14 +354,14 @@ const pt = ["id"], mt = {
             key: 0,
             class: "close",
             onClick: g
-          })) : b("", !0)
-        ])) : b("", !0),
+          })) : O("", !0)
+        ])) : O("", !0),
         w("div", vt, [
           K(c.$slots, "default")
         ]),
         c.$slots.footer ? (d(), h("div", yt, [
           K(c.$slots, "footer")
-        ])) : b("", !0)
+        ])) : O("", !0)
       ], 34)
     ], 10, pt));
   }
@@ -382,8 +379,8 @@ const pt = ["id"], mt = {
   setup(e) {
     const t = e, n = _(() => t.message instanceof Error ? ut(t.message) : t.message);
     return (i, s) => {
-      const o = Oe("autofocus");
-      return d(), be(gt, {
+      const o = be("autofocus");
+      return d(), Oe(gt, {
         class: k(["vf-alert", i.classes])
       }, Pe({
         default: Y(() => [
@@ -439,7 +436,7 @@ const pt = ["id"], mt = {
 });
 let N;
 const wt = new Uint8Array(16);
-function Ot() {
+function bt() {
   if (!N && (N = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !N))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return N(wt);
@@ -447,7 +444,7 @@ function Ot() {
 const y = [];
 for (let e = 0; e < 256; ++e)
   y.push((e + 256).toString(16).slice(1));
-function bt(e, t = 0) {
+function Ot(e, t = 0) {
   return y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]];
 }
 const kt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
@@ -457,14 +454,8 @@ function St(e, t, n) {
   if (ue.randomUUID && !t && !e)
     return ue.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || Ot)();
-  if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
-    n = n || 0;
-    for (let s = 0; s < 16; ++s)
-      t[n + s] = i[s];
-    return t;
-  }
-  return bt(i);
+  const i = e.random || (e.rng || bt)();
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Ot(i);
 }
 function Nn(e) {
   return e.replace(/\n/g, "<br>");
@@ -592,11 +583,10 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
-      } else
-        this.nullTitle && e.unshift({
-          key: D,
-          title: this.nullTitle
-        });
+      } else this.nullTitle && e.unshift({
+        key: D,
+        title: this.nullTitle
+      });
       return e;
     }
   },
@@ -662,8 +652,7 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
         if (e.key == "Enter") {
           e.preventDefault();
           const t = this.effectiveOptions.find((n) => n.key == this.highlightedOptionKey);
-          if (t)
-            return this.selectOption(t);
+          if (t) return this.selectOption(t);
         }
         if (e.key === "Delete" || e.key === "Backspace") {
           this.searchText.length > 1 && (this.isSearching = !0);
@@ -707,8 +696,7 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       i.style.visibility = "visible", document.body.appendChild(i), setTimeout(this.highlightInitialOption, 0);
     },
     highlightInitialOption() {
-      if (!this.isLoaded || !this.highlightedOptionKey)
-        return;
+      if (!this.isLoaded || !this.highlightedOptionKey) return;
       const e = this.effectiveOptions.findIndex((i) => i.key == this.highlightedOptionKey), t = this.$refs.optionsContainer, n = t.querySelectorAll(".option")[e];
       t.scrollTop = n.offsetTop;
     },
@@ -718,8 +706,7 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
     incrementHighlightedOption(e) {
       const t = this.effectiveOptions.findIndex((o) => o.key == this.highlightedOptionKey);
       let n = t + e;
-      if (n < 0 ? n = 0 : n >= this.effectiveOptions.length && (n = this.effectiveOptions.length - 1), t == n)
-        return;
+      if (n < 0 ? n = 0 : n >= this.effectiveOptions.length && (n = this.effectiveOptions.length - 1), t == n) return;
       this.highlightedOptionKey = this.effectiveOptions[n].key;
       const i = this.$refs.optionsContainer, s = i.querySelectorAll(".option")[n];
       s.offsetTop < i.scrollTop ? i.scrollTop = s.offsetTop : s.offsetTop + s.offsetHeight > i.scrollTop + i.clientHeight && (i.scrollTop = s.offsetTop + s.offsetHeight - i.clientHeight);
@@ -756,7 +743,7 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
   class: "no-results"
 };
 function _t(e, t, n, i, s, o) {
-  const r = Oe("disabled");
+  const r = be("disabled");
   return d(), h("div", {
     class: k(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
@@ -793,11 +780,11 @@ function _t(e, t, n, i, s, o) {
             key: 0,
             class: "subtitle",
             innerHTML: l.subtitle
-          }, null, 8, Vt)) : b("", !0)
+          }, null, 8, Vt)) : O("", !0)
         ], 42, $t))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (d(), h("div", Ft, x(o.effectiveNoResultsText), 1)) : b("", !0)
+        !o.effectiveOptions.length && e.searchText ? (d(), h("div", Ft, x(o.effectiveNoResultsText), 1)) : O("", !0)
       ], 64)) : (d(), h("div", At, "Loading..."))
-    ], 512)) : b("", !0)
+    ], 512)) : O("", !0)
   ], 2);
 }
 const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
@@ -817,7 +804,7 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     }))), s = _(() => n.formatter ? (l) => {
       var a;
       return (a = n.formatter) == null ? void 0 : a.call(n, l.label);
-    } : (l) => l.label), o = t, r = O(i.value.find((l) => l.value === n.modelValue) ?? null);
+    } : (l) => l.label), o = t, r = b(i.value.find((l) => l.value === n.modelValue) ?? null);
     return ce(
       () => n.modelValue,
       (l) => {
@@ -826,7 +813,7 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     ), ce(r, (l) => {
       var a;
       o("update:modelValue", l ? ((a = i.value.find((p) => Ce(p, l))) == null ? void 0 : a.value) ?? null : null);
-    }), (l, a) => (d(), be(Rt, {
+    }), (l, a) => (d(), Oe(Rt, {
       modelValue: r.value,
       "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
       options: i.value,
@@ -855,7 +842,7 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     function n() {
       t.onClick ? t.onClick() : t.disableClose || t.callback();
     }
-    const i = O();
+    const i = b();
     return t.durationSecs !== null && L(() => {
       var o;
       const s = t.durationSecs ?? 5;
@@ -869,7 +856,7 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     }, [
       w("div", Nt, [
         w("div", Kt, x(s.message), 1),
-        s.disableClose ? b("", !0) : (d(), h("div", jt, "x"))
+        s.disableClose ? O("", !0) : (d(), h("div", jt, "x"))
       ]),
       s.durationSecs !== null ? (d(), h("div", Ut, [
         w("div", {
@@ -877,7 +864,7 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
           ref: i,
           class: "inner"
         }, null, 512)
-      ])) : b("", !0)
+      ])) : O("", !0)
     ], 2));
   }
 });
@@ -1021,8 +1008,7 @@ function pe(e) {
 const Z = ["auto", "scroll"];
 function De(e) {
   const t = e.parentElement;
-  if (!t)
-    return null;
+  if (!t) return null;
   const n = window.getComputedStyle(t);
   return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
 }
@@ -1050,8 +1036,7 @@ const ln = {
   updated: ve
 }, me = Symbol("HasAutoFocused");
 function ve(e, t) {
-  if (t.value === void 0 && e[me] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
-    return;
+  if (t.value === void 0 && e[me] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
   e[me] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
@@ -1137,10 +1122,8 @@ function vn() {
 setInterval(vn, 1e3);
 function Ee(e, t) {
   var r;
-  if (t.value == t.oldValue)
-    return;
-  if (!t.value)
-    return $e(e);
+  if (t.value == t.oldValue) return;
+  if (!t.value) return $e(e);
   const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
   e[R] || re.push(e), e[R] = {
     startTs: s,
@@ -1250,11 +1233,11 @@ class wn {
     this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
   }
 }
-function On(e) {
+function bn(e) {
   e.directive("autofocus", ln), e.directive("confirm-button", rn), e.directive("date-input", cn), e.directive("datetime", un), e.directive("disabled", fn), e.directive("duration", mn), e.directive("infinite-scroll", gn), e.directive("readonly", En), e.directive("tooltip", Tn);
 }
 function Jn(e) {
-  On(e);
+  bn(e);
 }
 export {
   In as OverlayContainer,

package/package.json

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

package/src/components/overlay-container.ts

@@ -63,9 +63,8 @@ export type Vue__ComponentPublicInstanceConstructor<
     new (...args: any[]): T;
 };
 
-export type ObjectComponentConfig<T extends Vue__ComponentPublicInstanceConstructor> = T extends Vue__ComponentPublicInstanceConstructor<infer P>
-    ? P
-    : never;
+export type ObjectComponentConfig<T extends Vue__ComponentPublicInstanceConstructor> =
+    T extends Vue__ComponentPublicInstanceConstructor<infer P> ? P : never;
 export type ObjectComponentProps<T extends Vue__ComponentPublicInstanceConstructor> = Writable<
     Omit<ObjectComponentConfig<T>['$props'], keyof VNodeProps | keyof AllowedComponentProps>
 >;