@signal24/vue-foundation 3.8.0 → 4.0.0

package/dist/vue-foundation.es.js

@@ -0,0 +1,1129 @@
+var Le = Object.defineProperty;
+var Ie = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var f = (e, t, n) => (Ie(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as M, defineProps as De, defineEmits as He, ref as I, computed as D, openBlock as a, createElementBlock as d, createElementVNode as v, toDisplayString as w, withDirectives as H, createCommentVNode as g, Fragment as $, renderList as W, vModelSelect as $e, reactive as Ae, h as he, markRaw as Be, onMounted as q, onBeforeUnmount as U, getCurrentInstance as fe, createBlock as z, Teleport as Ve, normalizeClass as E, withModifiers as Fe, renderSlot as F, resolveDirective as pe, createSlots as Ne, withCtx as N, unref as R, createTextVNode as J, vModelText as _e, watch as ee, onActivated as me, onDeactivated as ve } from "vue";
+import { debounce as Ke, isEqual as ge, upperFirst as Re, startCase as je, cloneDeep as Pe, remove as We } from "lodash";
+import { escapeHtml as qe } from "@vue/shared";
+import { escapeHtml as $n } from "@vue/shared";
+import { format as j } from "date-fns";
+const Ue = M({
+  setup() {
+    const e = De();
+    He(["update:modelValue"]);
+    const t = I(null), n = D(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = I(e.modelValue ?? null);
+    return { props: e, options: t, renderOptions: n, selectedItem: i };
+  },
+  watch: {
+    loadFn() {
+      this.load();
+    },
+    selectedItem() {
+      this.$emit("update:modelValue", this.selectedItem);
+    },
+    modelValue() {
+      this.selectedItem = this.props.modelValue;
+    }
+  },
+  mounted() {
+    this.load();
+  },
+  methods: {
+    async load() {
+      this.options = await this.props.loadFn();
+    }
+  }
+}), ye = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [i, s] of t)
+    n[i] = s;
+  return n;
+}, ze = {
+  key: 0,
+  disabled: ""
+}, Xe = {
+  key: 0,
+  value: null
+}, Ye = ["value"];
+function Ze(e, t, n, i, s, o) {
+  return e.renderOptions ? H((a(), d("select", {
+    key: 1,
+    "onUpdate:modelValue": t[0] || (t[0] = (l) => e.selectedItem = l)
+  }, [
+    e.props.nullText ? (a(), d("option", Xe, w(e.props.nullText), 1)) : g("", !0),
+    (a(!0), d($, null, W(e.renderOptions, (l, r) => {
+      var c;
+      return a(), d("option", {
+        key: r,
+        value: (c = e.options) == null ? void 0 : c[r]
+      }, w(l), 9, Ye);
+    }), 128))
+  ], 512)), [
+    [$e, e.selectedItem]
+  ]) : (a(), d("select", ze, [
+    v("option", null, w(e.props.loadingText || "Loading..."), 1)
+  ]));
+}
+const an = /* @__PURE__ */ ye(Ue, [["render", Ze]]);
+let Ge = 0;
+const y = Ae([]), cn = M({
+  setup() {
+    return () => he("div", { id: "modal-container" }, [
+      W(y, (e) => e.vnode)
+    ]);
+  }
+});
+function Ee(e, t) {
+  const n = document.getElementById("vf-modal-target") ?? document.createElement("div");
+  n.id = "vf-modal-target", n.removeAttribute("inert"), document.body.appendChild(n);
+  const i = Be(e), s = {
+    id: String(++Ge),
+    component: i,
+    props: t,
+    vnode: he(i, t)
+  };
+  return y.push(s), s;
+}
+function Te(e) {
+  const t = y.indexOf(e);
+  t >= 0 && y.splice(t, 1);
+}
+function dn(e) {
+  Oe(e.$);
+}
+function Oe(e) {
+  let t = e;
+  for (; t && !Qe(t.vnode); )
+    t = t.parent;
+}
+function Qe(e) {
+  var n, i;
+  const t = y.findIndex((s) => s.vnode.component === e.component);
+  return t >= 0 ? ((i = (n = y[t].props).callback) == null || i.call(n, void 0), y.splice(t, 1), !0) : !1;
+}
+async function X(e, t) {
+  return new Promise((n) => {
+    let i = null;
+    const o = { ...t, callback: (l) => {
+      Te(i), n(l);
+    } };
+    i = Ee(e, o);
+  });
+}
+function A(e, t) {
+  return { title: t ? e : void 0, message: t ?? e };
+}
+async function te(e, t) {
+  await X(V, A(e, t));
+}
+async function un(e, t) {
+  return await X(V, {
+    ...A(e, t),
+    shouldConfirm: !0
+  }) === !0;
+}
+async function hn(e, t) {
+  return await X(V, {
+    ...A(e, t),
+    shouldConfirm: !0,
+    classes: ["destructive"]
+  }) === !0;
+}
+function fn(e, t) {
+  const n = Ee(V, {
+    ...A(e, t),
+    callback: () => {
+    }
+  });
+  return () => Te(n);
+}
+const C = {
+  unhandledErrorSupportText: "please contact support",
+  errorHandler: (e) => console.error("Unhandled error:", e),
+  defaultDateTimeFormat: "MM/dd/yy HH:mm"
+};
+function pn(e) {
+  Object.assign(C, e);
+}
+class B extends Error {
+  constructor(t) {
+    super(t), this.name = "UserError";
+  }
+}
+function Je(e) {
+  return e instanceof B ? e.message : `An application error has occurred:
+
+${Y(e).message}
+
+Please refresh the page and try again. If this error persists, ${C.unhandledErrorSupportText}.`;
+}
+function Y(e) {
+  return e instanceof Error ? e : new Error(String(e));
+}
+async function mn(e, t) {
+  const n = Y(e);
+  return n instanceof B || C.errorHandler(n), t ? te(t, n) : te(n);
+}
+async function vn(e) {
+  const t = Y(e);
+  t instanceof B || C.errorHandler(t);
+}
+const et = ["id"], tt = {
+  key: 0,
+  class: "vf-modal-header"
+}, nt = { class: "vf-modal-content" }, it = {
+  key: 1,
+  class: "vf-modal-footer"
+}, st = /* @__PURE__ */ M({
+  __name: "modal",
+  props: {
+    id: null,
+    closeOnMaskClick: { type: Boolean },
+    scrolls: { type: Boolean },
+    closeX: { type: Boolean },
+    class: null
+  },
+  emits: ["formSubmit"],
+  setup(e) {
+    const t = e, n = I();
+    q(() => {
+      var l;
+      window.addEventListener("keydown", s), document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && ((l = n.value) == null || l.addEventListener("click", i));
+    }), U(() => {
+      document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
+    });
+    function i(l) {
+      l.target == n.value && o();
+    }
+    function s(l) {
+      if (l.key === "Esc" || l.key === "Escape") {
+        const r = document.querySelectorAll(".vf-modal-wrap");
+        r[r.length - 1] === n.value && o();
+      }
+    }
+    function o() {
+      const l = fe();
+      Oe(l);
+    }
+    return (l, r) => (a(), z(Ve, { to: "#vf-modal-target" }, [
+      v("div", {
+        id: e.id,
+        class: E(["vf-overlay vf-modal-wrap", t.class]),
+        ref_key: "overlay",
+        ref: n
+      }, [
+        v("form", {
+          action: ".",
+          class: E(["vf-modal", { scrolls: e.scrolls }]),
+          onSubmit: r[0] || (r[0] = Fe((c) => l.$emit("formSubmit"), ["prevent"]))
+        }, [
+          l.$slots.header ? (a(), d("div", tt, [
+            F(l.$slots, "header"),
+            t.closeX ? (a(), d("i", {
+              key: 0,
+              class: "close",
+              onClick: o
+            })) : g("", !0)
+          ])) : g("", !0),
+          v("div", nt, [
+            F(l.$slots, "default")
+          ]),
+          l.$slots.footer ? (a(), d("div", it, [
+            F(l.$slots, "footer")
+          ])) : g("", !0)
+        ], 34)
+      ], 10, et)
+    ]));
+  }
+});
+const ot = ["innerHtml"], lt = ["innerText"], V = /* @__PURE__ */ M({
+  __name: "alert-modal",
+  props: {
+    isBare: { type: Boolean },
+    isHtml: { type: Boolean },
+    classes: null,
+    title: null,
+    message: null,
+    shouldConfirm: { type: Boolean },
+    callback: { type: Function }
+  },
+  setup(e) {
+    const t = e, n = D(() => t.message instanceof Error ? Je(t.message) : t.message);
+    return (i, s) => {
+      const o = pe("autofocus");
+      return a(), z(st, {
+        class: E(["vf-alert", e.classes])
+      }, Ne({
+        default: N(() => [
+          e.isHtml ? (a(), d("div", {
+            key: 0,
+            innerHtml: e.message,
+            class: "user-message"
+          }, null, 8, ot)) : (a(), d("div", {
+            key: 1,
+            innerText: R(n)
+          }, null, 8, lt))
+        ]),
+        _: 2
+      }, [
+        e.isBare ? void 0 : {
+          name: "header",
+          fn: N(() => [
+            v("h1", null, w(e.title), 1)
+          ]),
+          key: "0"
+        },
+        e.isBare ? void 0 : {
+          name: "footer",
+          fn: N(() => [
+            e.shouldConfirm ? (a(), d($, { key: 0 }, [
+              H((a(), d("button", {
+                class: "primary",
+                onClick: s[0] || (s[0] = () => e.callback(!0))
+              }, [
+                J("Confirm")
+              ])), [
+                [o]
+              ]),
+              v("button", {
+                class: "default",
+                onClick: s[1] || (s[1] = () => e.callback(!1))
+              }, "Cancel")
+            ], 64)) : H((a(), d("button", {
+              key: 1,
+              class: "default",
+              onClick: s[2] || (s[2] = () => e.callback(!0))
+            }, [
+              J("OK")
+            ])), [
+              [o]
+            ])
+          ]),
+          key: "1"
+        }
+      ]), 1032, ["class"]);
+    };
+  }
+});
+function gn(e) {
+  return e.replace(/\n/g, "<br>");
+}
+function rt(e) {
+  return e.replace(/_/g, " ");
+}
+function at(e) {
+  const t = e.replace(/\D/g, "").replace(/^1/, "");
+  return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
+}
+function ct(e) {
+  return "$" + Number(e).toFixed(3).replace(/0$/, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+const O = Symbol("null"), ne = Symbol("create"), dt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", ut = {
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    loadOptions: Function,
+    options: Object,
+    prependOptions: Object,
+    appendOptions: Object,
+    onCreateItem: Function,
+    preload: Boolean,
+    remoteSearch: Boolean,
+    searchFields: Object,
+    placeholder: String,
+    keyExtractor: Function,
+    valueExtractor: Function,
+    formatter: {
+      type: Function,
+      required: !0
+    },
+    subtitleFormatter: Function,
+    nullTitle: String,
+    noResultsText: String,
+    disabled: Boolean,
+    optionsListId: String,
+    debug: Boolean
+  },
+  emits: {
+    optionsLoaded: Object,
+    createItem: Object,
+    "update:modelValue": Object
+  },
+  data() {
+    return {
+      isLoading: !1,
+      isLoaded: !1,
+      loadedOptions: [],
+      isSearching: !1,
+      searchText: "",
+      selectedOption: null,
+      selectedOptionTitle: null,
+      shouldDisplayOptions: !1,
+      highlightedOptionKey: null,
+      shouldShowCreateOption: !1
+    };
+  },
+  computed: {
+    /**
+     * EFFECTIVE PROPS
+     */
+    effectivePrependOptions() {
+      return this.prependOptions ?? [];
+    },
+    effectiveAppendOptions() {
+      return this.appendOptions ?? [];
+    },
+    effectiveDisabled() {
+      return !!this.disabled;
+    },
+    effectivePlaceholder() {
+      return !this.isLoaded && this.preload ? "Loading..." : this.nullTitle ? this.nullTitle : this.placeholder || "";
+    },
+    effectiveNoResultsText() {
+      return this.noResultsText || "No options match your search.";
+    },
+    effectiveKeyExtractor() {
+      return this.keyExtractor ?? this.valueExtractor;
+    },
+    /**
+     * OPTIONS GENERATION
+     */
+    allOptions() {
+      return [...this.effectivePrependOptions, ...this.loadedOptions, ...this.effectiveAppendOptions];
+    },
+    optionsDescriptors() {
+      return this.allOptions.map((e, t) => {
+        var r, c;
+        const n = this.formatter(e), i = (r = this.subtitleFormatter) == null ? void 0 : r.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", l = [];
+        return this.searchFields ? this.searchFields.forEach((p) => {
+          e[p] && l.push(String(e[p]).toLowerCase());
+        }) : (l.push(s), o && l.push(o)), {
+          // eslint-disable-next-line vue/no-use-computed-property-like-method
+          key: ((c = this.effectiveKeyExtractor) == null ? void 0 : c.call(this, e)) ?? String(t),
+          title: n,
+          subtitle: i,
+          searchContent: l.join(""),
+          ref: e
+        };
+      });
+    },
+    effectiveOptions() {
+      let e = [...this.optionsDescriptors];
+      if (this.isSearching) {
+        const t = this.searchText.trim().toLowerCase();
+        if (t.length) {
+          e = e.filter((s) => s.searchContent.includes(t));
+          const n = qe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
+          e = e.map((s) => {
+            var o;
+            return {
+              ...s,
+              title: s.title.replace(i, "<mark>$1</mark>"),
+              subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
+            };
+          }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
+            key: ne,
+            title: "Create <strong>" + this.searchText.trim() + "</strong>..."
+          }));
+        }
+      } else
+        this.nullTitle && e.unshift({
+          key: O,
+          title: this.nullTitle
+        });
+      return e;
+    }
+  },
+  watch: {
+    // props
+    modelValue() {
+      this.handleValueChanged();
+    },
+    options() {
+      this.loadedOptions = this.options ?? [];
+    },
+    // data
+    optionsDescriptors() {
+      this.shouldDisplayOptions && setTimeout(this.highlightInitialOption, 0);
+    },
+    searchText() {
+      this.isSearching && !this.remoteSearch && !this.searchText.trim().length && (this.isSearching = !1);
+    },
+    shouldDisplayOptions() {
+      this.shouldDisplayOptions ? setTimeout(this.handleOptionsDisplayed, 0) : (this.isSearching = !1, this.searchText = this.selectedOptionTitle || "", this.$refs.optionsContainer && (this.$refs.optionsContainer.style.visibility = "hidden"));
+    },
+    effectiveOptions() {
+      var e;
+      this.modelValue && !this.selectedOption && this.handleValueChanged(), this.highlightedOptionKey && !this.effectiveOptions.find((t) => t.key == this.highlightedOptionKey) && (this.highlightedOptionKey = ((e = this.effectiveOptions[0]) == null ? void 0 : e.key) ?? O);
+    }
+  },
+  async mounted() {
+    this.shouldShowCreateOption = this.$attrs.onCreateItem !== void 0, this.options ? (this.loadedOptions = this.options, this.isLoaded = !0) : this.preload && await this.loadRemoteOptions(), this.handleValueChanged(), this.$watch("selectedOption", () => {
+      this.selectedOption !== this.modelValue && this.$emit(
+        "update:modelValue",
+        this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
+      );
+    }), this.remoteSearch && this.$watch("searchText", Ke(this.reloadOptionsIfSearching, 250));
+  },
+  methods: {
+    async loadRemoteOptions() {
+      await this.reloadOptions(), this.loadedOptions && this.$emit("optionsLoaded", this.loadedOptions);
+    },
+    handleSourceUpdate() {
+      if (this.preload)
+        return this.reloadOptions();
+      this.isLoaded && (this.isLoaded = !1, this.loadedOptions = []);
+    },
+    async reloadOptions() {
+      var t;
+      const e = this.remoteSearch && this.isSearching && this.searchText ? this.searchText : null;
+      this.isLoading = !0, this.loadedOptions = await ((t = this.loadOptions) == null ? void 0 : t.call(this, e)) ?? [], this.isLoading = !1, this.isLoaded = !0;
+    },
+    reloadOptionsIfSearching() {
+      this.isSearching && (this.reloadOptions(), this.isSearching = this.searchText.trim().length > 0);
+    },
+    handleKeyDown(e) {
+      if (e.key == "Escape") {
+        e.stopPropagation(), e.target.blur();
+        return;
+      }
+      if (!(e.key == "ArrowLeft" || e.key == "ArrowRight") && e.key != "Tab") {
+        if (!this.isLoaded) {
+          this.isSearching || e.preventDefault();
+          return;
+        }
+        if (e.key == "ArrowUp" || e.key == "ArrowDown")
+          return e.preventDefault(), this.incrementHighlightedOption(e.key == "ArrowUp" ? -1 : 1);
+        if (e.key == "PageUp" || e.key == "PageDown")
+          return e.preventDefault(), this.incrementHighlightedOption(e.key == "PageUp" ? -10 : 10);
+        if (e.key == "Home" || e.key == "End")
+          return e.preventDefault(), this.incrementHighlightedOption(e.key == "Home" ? -Number.MAX_SAFE_INTEGER : Number.MAX_SAFE_INTEGER);
+        if (e.key == "Enter") {
+          e.preventDefault();
+          const t = this.effectiveOptions.find((n) => n.key == this.highlightedOptionKey);
+          if (t)
+            return this.selectOption(t);
+        }
+        if (e.key === "Delete" || e.key === "Backspace") {
+          this.searchText.length > 1 && (this.isSearching = !0);
+          return;
+        }
+        !e.metaKey && dt.includes(e.key) && (this.isSearching = !0);
+      }
+    },
+    handleInputFocused() {
+      this.setHighlightedOptionKey(), this.shouldDisplayOptions = !0;
+    },
+    setHighlightedOptionKey(e) {
+      var t;
+      this.selectedOption ? this.highlightedOptionKey = this.getOptionKey(this.selectedOption) : e ? this.highlightedOptionKey = ((t = this.effectiveOptions) == null ? void 0 : t[0].key) ?? O : this.nullTitle && (this.highlightedOptionKey = O);
+    },
+    getOptionKey(e) {
+      var t;
+      return this.effectiveKeyExtractor ? this.effectiveKeyExtractor(this.selectedOption) : ((t = this.getOptionDescriptor(e)) == null ? void 0 : t.key) ?? "";
+    },
+    getOptionDescriptor(e) {
+      const t = this.effectiveOptions.find((i) => i.ref === e);
+      if (t)
+        return t;
+      const n = this.effectiveOptions.find((i) => ge(i.ref, e));
+      return n || null;
+    },
+    handleInputBlurred() {
+      this.debug || (!this.searchText.length && this.nullTitle && (this.selectedOption = null, this.selectedOptionTitle = null), this.shouldDisplayOptions = !1);
+    },
+    handleOptionsDisplayed() {
+      this.isLoaded || this.loadRemoteOptions(), this.optionsListId && this.$refs.optionsContainer.setAttribute("id", this.optionsListId), this.teleportOptionsContainer();
+    },
+    teleportOptionsContainer() {
+      const e = this.$el.getBoundingClientRect(), t = e.y + e.height + 2, n = e.x, i = this.$refs.optionsContainer, s = window.getComputedStyle(this.$el);
+      for (let o in s)
+        /^(font|text)/.test(o) && (i.style[o] = s[o]);
+      if (i.style.top = t + "px", i.style.left = n + "px", i.style.minWidth = e.width + "px", !s.maxHeight || s.maxHeight == "none") {
+        const o = window.innerHeight - t - 12;
+        i.style.maxHeight = o + "px";
+      }
+      i.style.visibility = "visible", document.body.appendChild(i), setTimeout(this.highlightInitialOption, 0);
+    },
+    highlightInitialOption() {
+      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;
+    },
+    handleOptionHover(e) {
+      this.highlightedOptionKey = e ? e.key : null;
+    },
+    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;
+      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);
+    },
+    selectOption(e) {
+      if (this.isSearching = !1, e.key == O)
+        this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
+      else if (e.key === ne) {
+        const t = this.searchText.trim();
+        this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, this.$emit("createItem", t);
+      } else {
+        const n = this.optionsDescriptors.find((i) => i.key == e.key).ref;
+        this.selectedOption = n, this.selectedOptionTitle = this.formatter(n), this.searchText = this.selectedOptionTitle || "";
+      }
+      this.$refs.searchField.blur();
+    },
+    handleValueChanged() {
+      this.modelValue ? (this.selectedOption = this.valueExtractor ? this.allOptions.find((e) => this.modelValue === this.valueExtractor(e)) : this.modelValue, this.selectedOptionTitle = this.selectedOption ? this.formatter(this.selectedOption) : null, this.searchText = this.selectedOptionTitle || "") : (this.selectedOption = null, this.selectedOptionTitle = null, this.searchText = "");
+    },
+    addRemoteOption(e) {
+      this.loadedOptions.push(e);
+    }
+  }
+};
+const ht = ["placeholder"], ft = {
+  key: 0,
+  ref: "optionsContainer",
+  class: "vf-smart-select-options"
+}, pt = {
+  key: 0,
+  class: "no-results"
+}, mt = ["onMousemove", "onMousedown"], vt = ["innerHTML"], gt = ["innerHTML"], yt = {
+  key: 0,
+  class: "no-results"
+};
+function Et(e, t, n, i, s, o) {
+  const l = pe("disabled");
+  return a(), d("div", {
+    class: E(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
+  }, [
+    H(v("input", {
+      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.searchText = r),
+      ref: "searchField",
+      type: "text",
+      class: E({ nullable: !!n.nullTitle }),
+      onKeydown: t[1] || (t[1] = (...r) => o.handleKeyDown && o.handleKeyDown(...r)),
+      placeholder: o.effectivePlaceholder,
+      onFocus: t[2] || (t[2] = (...r) => o.handleInputFocused && o.handleInputFocused(...r)),
+      onBlur: t[3] || (t[3] = (...r) => o.handleInputBlurred && o.handleInputBlurred(...r))
+    }, null, 42, ht), [
+      [_e, e.searchText],
+      [l, o.effectiveDisabled]
+    ]),
+    e.shouldDisplayOptions ? (a(), d("div", ft, [
+      e.isLoaded ? (a(), d($, { key: 1 }, [
+        (a(!0), d($, null, W(o.effectiveOptions, (r) => (a(), d("div", {
+          key: String(r.key),
+          class: E(["option", {
+            highlighted: e.highlightedOptionKey === r.key
+          }]),
+          onMousemove: (c) => o.handleOptionHover(r),
+          onMousedown: (c) => o.selectOption(r)
+        }, [
+          v("div", {
+            class: "title",
+            innerHTML: r.title
+          }, null, 8, vt),
+          r.subtitle ? (a(), d("div", {
+            key: 0,
+            class: "subtitle",
+            innerHTML: r.subtitle
+          }, null, 8, gt)) : g("", !0)
+        ], 42, mt))), 128)),
+        !o.effectiveOptions.length && e.searchText ? (a(), d("div", yt, w(o.effectiveNoResultsText), 1)) : g("", !0)
+      ], 64)) : (a(), d("div", pt, "Loading..."))
+    ], 512)) : g("", !0)
+  ], 2);
+}
+const Tt = /* @__PURE__ */ ye(ut, [["render", Et]]), yn = /* @__PURE__ */ M({
+  __name: "ez-smart-select",
+  props: {
+    modelValue: null,
+    nullTitle: null,
+    placeholder: null,
+    options: null,
+    formatter: { type: Function }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, i = D(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
+      value: l,
+      label: r
+    }))), s = D(() => n.formatter ? (l) => {
+      var r;
+      return (r = n.formatter) == null ? void 0 : r.call(n, l.label);
+    } : (l) => l.label), o = I(i.value.find((l) => l.value === n.modelValue) ?? null);
+    return ee(
+      () => n.modelValue,
+      (l) => {
+        o.value = i.value.find((r) => r.value === l) ?? null;
+      }
+    ), ee(o, (l) => {
+      var r;
+      t("update:modelValue", l ? ((r = i.value.find((c) => ge(c, l))) == null ? void 0 : r.value) ?? null : null);
+    }), (l, r) => (a(), z(Tt, {
+      modelValue: o.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (c) => o.value = c),
+      options: R(i),
+      formatter: R(s),
+      "null-title": e.nullTitle
+    }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
+  }
+});
+function Ot(e) {
+  const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${i} ${s}`;
+}
+function bt(e) {
+  return e != null && String(e).length ? e : "-";
+}
+function wt(e) {
+  return e || "-";
+}
+function St(e) {
+  return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : At(Number(e));
+}
+function kt(e) {
+  return e && at(e);
+}
+function xt(e) {
+  return e ? Re(e) : null;
+}
+function Mt(e) {
+  return e ? je(e) : null;
+}
+function Ct(e) {
+  return e ? e.toUpperCase() : null;
+}
+function Lt(e) {
+  return e ? rt(e) : null;
+}
+function It(e) {
+  return ct(e);
+}
+const ie = {
+  bytes: Ot,
+  dash: bt,
+  dashZeros: wt,
+  number: St,
+  phone: kt,
+  upperFirst: xt,
+  startCase: Mt,
+  upperCase: Ct,
+  desnake: Lt,
+  usCurrency: It
+}, En = (e) => ({
+  ...ie,
+  ...e(ie)
+});
+function Tn(e, t, n) {
+  const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
+  return i === -1 ? !1 : (e.splice(i, 1, n), !0);
+}
+function On(e, t) {
+  const n = document.createElement("div");
+  n.classList.add("vf-overlay"), n.addEventListener("click", T), document.body.appendChild(n);
+  const i = document.createElement("div");
+  i.classList.add("vf-context-menu"), i.style.position = "absolute", n.appendChild(i);
+  const s = e.currentTarget;
+  s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((u) => {
+    if (u == "-") {
+      const L = document.createElement("div");
+      L.classList.add("separator"), i.appendChild(L);
+      return;
+    }
+    const m = document.createElement("div");
+    m.classList.add("item"), m.style.userSelect = "none", m.innerText = u.title, i.appendChild(m), u.class && m.classList.add(u.class), u.shouldConfirm ? m.addEventListener("click", () => u.handler()) : m.addEventListener("click", () => Ce(m, u.handler));
+  });
+  const o = window.innerWidth - e.clientX, l = window.innerHeight - e.clientY, r = i.offsetHeight, c = i.offsetWidth, p = o < c ? e.clientX - c - 1 : e.clientX + 1, h = l < r ? e.clientY - r - 1 : e.clientY + 1;
+  i.style.left = p + "px", i.style.top = h + "px", setTimeout(() => {
+    i.style.width = i.offsetWidth + "px";
+  }, 50);
+  function T() {
+    t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
+  }
+  function Ce(u, m) {
+    if (u.classList.contains("pending-confirm"))
+      return m();
+    const L = u.innerHTML;
+    u.classList.add("pending-confirm"), u.innerText = "Confirm";
+    const Q = () => {
+      u.classList.remove("pending-confirm"), u.innerHTML = L, u.removeEventListener("mouseleave", Q);
+    };
+    u.addEventListener("mouseleave", Q), e.stopPropagation();
+  }
+}
+const Dt = (e) => new Promise((t) => setTimeout(t, e)), bn = (e) => Dt(e * 1e3), S = Symbol("MaskState");
+function wn(e, t) {
+  const n = e.$.vnode.el, i = n.closest(".vf-modal");
+  return Ht(i ?? n, t);
+}
+function Sn(e) {
+  const t = e.$.vnode.el, n = t.closest(".vf-modal");
+  return be(n ?? t);
+}
+function Ht(e, t) {
+  if (!e[S]) {
+    const n = document.createElement("div");
+    n.classList.add("vf-mask"), e.appendChild(n), e[S] = { maskEl: n };
+  }
+  return e[S].maskEl.innerText = t ?? "", () => be(e);
+}
+function be(e) {
+  e[S] && e.removeChild(e[S].maskEl);
+}
+const P = Symbol("FormMaskState");
+function kn(e, t, n) {
+  const i = e instanceof Element ? e : we(e);
+  i.classList.add("vf-masked");
+  const s = t instanceof Element ? t : i.querySelectorAll(t ?? "button:not([disabled])")[0], o = s.tagName === "INPUT" ? s.value : s.innerText;
+  s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
+  const r = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[P] = {
+    disabledElements: r,
+    waitButton: s,
+    buttonText: o
+  }, () => $t(i);
+}
+function $t(e) {
+  const t = e instanceof Element ? e : we(e), n = t[P];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerText = n.buttonText, n.waitButton.removeAttribute("disabled"), delete t[P]);
+}
+function we(e) {
+  const t = e.$.vnode.el;
+  return t.tagName === "FORM" ? t : t.querySelector("form");
+}
+function At(e) {
+  return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function xn(e, t) {
+  return e != null ? Pe(e) : t;
+}
+function Mn(e, t) {
+  const n = { ...e };
+  for (const i of t)
+    n[i] === "" && (n[i] = null);
+  return n;
+}
+function Bt(e) {
+  return e instanceof Error && "status" in e && "body" in e;
+}
+function Cn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
+  const s = e.request.request.bind(e.request);
+  e.request.request = (o) => (t && (o = t(o)), new i((l, r, c) => {
+    const p = s(o);
+    c(p.cancel), p.then(l).catch((h) => {
+      if (Bt(h) && typeof h.body == "object" && "error" in h.body && h.status === 422)
+        return r(new B(h.body.error));
+      if (n) {
+        const T = n(h, o);
+        if (T === null)
+          return;
+        if (T instanceof Error)
+          return r(T);
+      }
+      r(h);
+    });
+  }));
+}
+const Z = Symbol("HookState");
+function Vt(e, t) {
+  const n = t ?? fe();
+  q(() => Ft(n, e), n), me(() => Nt(n), n), ve(() => se(n), n), U(() => se(n), n);
+}
+function Ft(e, t) {
+  const n = {};
+  if (t.elScrolledToBottom && (n.el = new K(e.vnode.el, t.elScrolledToBottom), n.el.install()), t.ancestorScrolledToBottom) {
+    const i = Se(e.vnode.el);
+    i ? (n.ancestor = new K(i, t.ancestorScrolledToBottom), n.ancestor.install()) : console.warn("no scollable ancestor found for component:", e);
+  }
+  t.windowScrolledToBottom && (n.window = new K(window, t.windowScrolledToBottom), n.window.install()), e[Z] = n;
+}
+function Nt(e) {
+  var n, i, s;
+  const t = e[Z];
+  (n = t == null ? void 0 : t.el) == null || n.install(), (i = t == null ? void 0 : t.ancestor) == null || i.install(), (s = t == null ? void 0 : t.window) == null || s.install();
+}
+function se(e) {
+  var n, i, s;
+  const t = e[Z];
+  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (i = t == null ? void 0 : t.ancestor) == null || i.uninstall(), (s = t == null ? void 0 : t.window) == null || s.uninstall();
+}
+const _ = ["auto", "scroll"];
+function Se(e) {
+  const t = e.parentElement;
+  if (!t)
+    return null;
+  const n = window.getComputedStyle(t);
+  return _.includes(n.overflow) || _.includes(n.overflowX) || _.includes(n.overflowY) ? t : Se(t);
+}
+class K {
+  constructor(t, n) {
+    f(this, "isTripped", !1);
+    f(this, "onScrollWithContext", this.onScroll.bind(this));
+    this.el = t, this.handler = n;
+  }
+  install() {
+    this.el.addEventListener("scroll", this.onScrollWithContext);
+  }
+  uninstall() {
+    this.el.removeEventListener("scroll", this.onScrollWithContext);
+  }
+  onScroll(t) {
+    Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
+  }
+}
+function Ln(e) {
+  q(() => window.addEventListener("resize", e)), me(() => window.addEventListener("resize", e)), ve(() => window.removeEventListener("resize", e)), U(() => window.removeEventListener("resize", e));
+}
+const _t = {
+  mounted: le,
+  updated: le
+}, oe = Symbol("HasAutoFocused");
+function le(e, t) {
+  if (t.value === void 0 && e[oe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue)
+    return;
+  e[oe] = !0;
+  const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
+  setTimeout(() => n.focus(), 10);
+}
+const Kt = {
+  mounted: Rt
+}, b = Symbol("ConfirmState");
+function Rt(e) {
+  e.addEventListener("click", (t) => {
+    const n = Date.now();
+    if (e[b]) {
+      if (n - e[b].initTime < 300)
+        return;
+      e[b].resetHandler(), e.dispatchEvent(new Event("confirm"));
+      return;
+    }
+    t.preventDefault(), t.stopImmediatePropagation();
+    const i = {
+      initTime: n,
+      preconfirmHtml: e.innerHTML,
+      resetHandler: () => {
+        e.innerHTML = i.preconfirmHtml, e.blur(), e.removeEventListener("mouseout", i.resetHandler), delete e[b];
+      }
+    };
+    e[b] = i, e.innerHTML = "Confirm", e.addEventListener("mouseout", i.resetHandler);
+  });
+}
+const jt = {
+  beforeMount: Pt
+};
+function Pt(e) {
+  e.addEventListener("blur", () => {
+    let t = e.value;
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + j(/* @__PURE__ */ new Date(), "yy"));
+    const n = Date.parse(t);
+    isNaN(n) ? e.value = "" : e.value = j(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+  });
+}
+const Wt = {
+  beforeMount: re,
+  updated: re
+};
+function re(e, t) {
+  t.value == t.oldValue && e.innerHTML.length || (e.innerText = qt(e, t));
+}
+function qt(e, t) {
+  var c, p;
+  if (!t.value)
+    return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
+  let n = "";
+  const i = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), s = e.attributes.getNamedItem("local") !== null ? i.replace(/Z$/, "") : i.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(s);
+  !e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
+  let l = (p = e.attributes.getNamedItem("format")) == null ? void 0 : p.value;
+  if (!l && e.attributes.getNamedItem("relative-date") !== null) {
+    const h = /* @__PURE__ */ new Date();
+    h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", l = "HH:mm");
+  }
+  l || (l = C.defaultDateTimeFormat);
+  let r = j(o, l);
+  return n && (r = n + " " + r), r;
+}
+const Ut = {
+  beforeMount: ae,
+  updated: ae,
+  unmounted: zt
+};
+function ae(e, t) {
+  e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
+}
+function zt(e) {
+  e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
+}
+const Xt = {
+  beforeMount: ce,
+  updated: ce,
+  unmounted: xe
+}, x = Symbol("HasAutoFocused"), G = [];
+function Yt() {
+  G.forEach(ke);
+}
+setInterval(Yt, 1e3);
+function ce(e, t) {
+  var l;
+  if (t.value == t.oldValue)
+    return;
+  if (!t.value)
+    return xe(e);
+  const n = new Date(t.value), i = (l = e.attributes.getNamedItem("base-time")) == null ? void 0 : l.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
+  e[x] || G.push(e), e[x] = {
+    startTs: s,
+    includeSeconds: o
+  }, ke(e);
+}
+function ke(e) {
+  const t = e[x], n = Math.round((Date.now() - t.startTs) / 1e3);
+  e.innerText = Zt(n, t.includeSeconds);
+}
+function xe(e) {
+  e[x] && (We(G, e), delete e[x]), e.innerText = "-";
+}
+function Zt(e, t) {
+  const n = [], i = Math.floor(e / 86400);
+  i && n.push(i + "d"), e -= i * 86400;
+  const s = Math.floor(e / 3600);
+  (i || s) && n.push(s + "h"), e -= s * 3600;
+  const o = Math.floor(e / 60);
+  return (i || s || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
+}
+const Gt = {
+  created(e, t) {
+    Vt(t.value, t.instance.$);
+  }
+}, Qt = {
+  beforeMount: de,
+  updated: de
+};
+function de(e, t) {
+  e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
+}
+const Jt = {
+  mounted: ue,
+  updated: ue,
+  unmounted: Me
+}, k = Symbol("TooltipState");
+function ue(e, t) {
+  var i;
+  let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
+  if (t.value || (n = null), n) {
+    const s = {
+      content: n,
+      html: e.getAttribute("html") !== null
+    };
+    e[k] ? e[k].configure(s) : e[k] = new en(e, s);
+  } else
+    Me(e);
+}
+function Me(e) {
+  var t;
+  (t = e[k]) == null || t.destroy(), delete e[k];
+}
+class en {
+  constructor(t, n) {
+    f(this, "lastMoveEvt");
+    f(this, "checkInterval");
+    f(this, "shouldShow", !1);
+    f(this, "tipEl");
+    f(this, "titleEl");
+    f(this, "contentEl");
+    f(this, "mouseMoveBound", !1);
+    f(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
+    f(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
+    f(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
+    this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
+  }
+  configure(t) {
+    this.config = t;
+  }
+  handleTargetMouseEnter(t) {
+    this.shouldShow = !0, setTimeout(() => this.show(t), this.config.delay ?? 0);
+  }
+  handleTargetMouseLeave() {
+    this.shouldShow = !1, this.removeTooltip();
+  }
+  show(t) {
+    this.shouldShow && (this.renderTooltip(), t && this.handleMouseMove(t));
+  }
+  renderTooltip() {
+    this.tipEl || (this.tipEl = document.createElement("div"), this.tipEl.style.position = "absolute", this.tipEl.style.zIndex = "1000000", document.body.appendChild(this.tipEl)), this.tipEl.className = this.getClasses().join(" "), this.config.title ? (this.titleEl || (this.titleEl = document.createElement("div"), this.titleEl.className = "title", this.tipEl.appendChild(this.titleEl)), this.titleEl.innerText = this.config.title) : this.titleEl && this.titleEl.remove(), this.contentEl || (this.contentEl = document.createElement("div"), this.contentEl.className = "content", this.tipEl.appendChild(this.contentEl)), this.contentEl[this.config.html ? "innerHTML" : "innerText"] = this.config.content, this.checkInterval && (this.checkInterval = setInterval(() => this.checkMoveEvent(), 250)), this.mouseMoveBound || (this.mouseMoveBound = !0, window.addEventListener("mousemove", this.handleMouseMoveWithContext));
+  }
+  getClasses() {
+    return ["vf-tooltip", ...Array.isArray(this.config.class) ? this.config.class : this.config.class ? [this.config.class] : []];
+  }
+  removeTooltip() {
+    this.shouldShow || this.tipEl && (this.tipEl.remove(), this.tipEl = void 0, this.titleEl = void 0, this.contentEl = void 0, this.checkInterval && (clearInterval(this.checkInterval), this.checkInterval = void 0), window.removeEventListener("mousemove", this.handleMouseMoveWithContext), this.mouseMoveBound = !1);
+  }
+  handleMouseMove(t) {
+    const n = this.tipEl.offsetWidth, i = this.tipEl.offsetHeight, s = window.innerWidth, o = window.innerHeight;
+    let l = t.pageX + 10, r = t.pageY + 20;
+    l + n > s && (l = t.pageX - 5 - n), r + i > o && (r = t.pageY - 5 - i), this.tipEl.style.left = l + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
+  }
+  checkMoveEvent() {
+    var t;
+    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);
+  }
+}
+function tn(e) {
+  e.directive("autofocus", _t), e.directive("confirm-button", Kt), e.directive("date-input", jt), e.directive("datetime", Wt), e.directive("disabled", Ut), e.directive("duration", Xt), e.directive("infinite-scroll", Gt), e.directive("readonly", Qt), e.directive("tooltip", Jt);
+}
+function In(e) {
+  tn(e);
+}
+export {
+  cn as ModalContainer,
+  B as UserError,
+  an as VfAjaxSelect,
+  V as VfAlertModal,
+  yn as VfEzSmartSelect,
+  st as VfModal,
+  Tt as VfSmartSelect,
+  xn as cloneProp,
+  pn as configureVf,
+  En as createFilters,
+  Ee as createModalInjection,
+  rt as desnakeCase,
+  $n as escapeHtml,
+  Je as formatError,
+  At as formatNumber,
+  at as formatPhone,
+  ct as formatUSCurrency,
+  vn as handleError,
+  mn as handleErrorAndAlert,
+  Cn as installApiClientInterceptors,
+  In as installVf,
+  wn as maskComponent,
+  Ht as maskEl,
+  kn as maskForm,
+  gn as nl2br,
+  Mn as nullifyEmptyInputs,
+  X as presentModal,
+  Te as removeModalInjection,
+  dn as removeModalInjectionByInstance,
+  Oe as removeModalInjectionByInternalInstance,
+  Qe as removeModalInjectionByVnode,
+  Tn as replaceElement,
+  te as showAlert,
+  un as showConfirm,
+  hn as showConfirmDestroy,
+  On as showContextMenu,
+  fn as showWait,
+  Dt as sleep,
+  bn as sleepSecs,
+  Y as toError,
+  Sn as unmaskComponent,
+  be as unmaskEl,
+  $t as unmaskForm,
+  Vt as useInfiniteScroll,
+  Ln as useResizeWatcher
+};