bitboss-ui 2.1.129 → 2.1.130

package/dist/index110.js

@@ -1,12 +1,532 @@
-import { __toESM as e } from "./index2.js";
-import { require_dayjs_min as t } from "./index101.js";
-//#region src/utilities/functions/convertDateValue.ts
-var n = /* @__PURE__ */ e(t(), 1);
-function r(e, t) {
-	return t ? e.format("YYYY-MM-DD") : e.toISOString();
-}
-function i(e, t) {
-	return t ? (0, n.default)(e, "YYYY-MM-DD") : (0, n.default)(e);
-}
-//#endregion
-export { i as toInnerValue, r as toOuterValue };
+import { defineComponent as at, ref as f, computed as l, watch as Q, toRef as X, onBeforeUnmount as rt, createElementBlock as Y, openBlock as Z, Fragment as nt, renderSlot as m, createCommentVNode as it, createVNode as F, normalizeProps as ge, mergeProps as ee, withCtx as g, createElementVNode as L, withDirectives as lt, withKeys as h, withModifiers as c, unref as I, vModelDynamic as st, guardReactiveProps as ut, nextTick as we } from "vue";
+import { extractDomContainer as dt } from "./index263.js";
+import { get as ct } from "./index275.js";
+import { hash as te } from "./index243.js";
+import { isNil as pt } from "./index268.js";
+import { matchAnyKey as Be } from "./index284.js";
+import { parseWidthString as vt } from "./index273.js";
+import { useArray as ft } from "./index285.js";
+import { useBaseOptions as mt } from "./index241.js";
+import { useCoherence as ht } from "./index242.js";
+import { useElementSize as bt, useIntersectionObserver as yt } from "./index148.js";
+import { useHashedWatcher as Ae } from "./index244.js";
+import { useId as gt } from "./index8.js";
+import { useIndexById as Ie } from "./index240.js";
+import { useItemsGetter as wt } from "./index238.js";
+import { useMobile as Bt } from "./index9.js";
+import { usePrefill as At } from "./index239.js";
+import { useUntil as It } from "./index270.js";
+import { wait as H } from "./index147.js";
+/* empty css       */
+/* empty css       */
+import Vt from "./index118.js";
+/* empty css         */
+import Et from "./index253.js";
+/* empty css         */
+import xt from "./index229.js";
+import St from "./index290.js";
+import { waitFor as kt } from "./index298.js";
+const Dt = {
+  key: 0,
+  class: "bb-select-popover__search-container"
+}, Lt = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-invalid", "aria-label", "autocomplete", "inputmode", "tabindex", "onKeydown"], Ht = ["aria-controls", "aria-describedby", "aria-invalid", "aria-label", "onKeydown"], Pt = ["aria-hidden", "inert"], $t = ["aria-hidden", "inert"], so = /* @__PURE__ */ at({
+  inheritAttrs: !1,
+  __name: "BbSelectPopover",
+  props: {
+    activator: {},
+    allowWriting: { type: [Boolean, String], default: !0 },
+    autocomplete: { default: "off" },
+    compact: { type: Boolean },
+    arrowPadding: { default: 10 },
+    boundary: {},
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
+    disabled: { type: Boolean },
+    hasErrors: { type: Boolean },
+    ariaInvalid: { type: Boolean },
+    ariaDescribedby: {},
+    flip: { type: Boolean, default: !0 },
+    hideArrow: { type: Boolean, default: !0 },
+    enforceCoherence: { type: Boolean },
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    groupBy: {},
+    headerHeight: {},
+    id: {},
+    items: {},
+    itemHeight: {},
+    itemText: {},
+    itemValue: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    max: { default: 1 / 0 },
+    modelValue: {},
+    modelValueDebounceTime: { default: 0 },
+    multiple: { type: Boolean },
+    noDataText: {},
+    offset: { default: 4 },
+    padding: { default: 10 },
+    placement: { default: "bottom" },
+    prefill: { type: [Boolean, String], default: "interaction" },
+    queryDebounceTime: { default: 500 },
+    readonly: { type: Boolean },
+    searchInputAriaLabel: {},
+    stash: { type: Boolean },
+    transitionDuration: { default: 300 },
+    width: { default: "200" }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
+  setup(Ve, { emit: Ee }) {
+    const t = Ve, s = Ee;
+    if (t.multiple && !Array.isArray(t.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const v = f(), d = f(null), O = f(null), T = f(null), P = f(), { width: w } = bt(
+      v,
+      { width: 0, height: 0 },
+      {
+        box: "border-box"
+      }
+    ), xe = l(() => t.activator != null), oe = (e) => {
+      const o = dt(e);
+      o && (v.value = o);
+    };
+    Q(
+      () => t.activator,
+      (e) => {
+        e && oe(e);
+      },
+      { immediate: !0 }
+    );
+    const { isMobile: ae } = Bt(), b = l(() => t.allowWriting === "not-mobile" ? !ae.value : !!t.allowWriting), Se = l(
+      () => t.allowWriting === "not-mobile" && ae.value ? "none" : void 0
+    ), re = l(
+      () => t.searchInputAriaLabel ?? "Search options"
+    ), V = t.id || gt().id.value, _ = l(() => t.ariaInvalid ?? !!t.hasErrors ? "true" : void 0), W = l(() => {
+      const e = t.ariaDescribedby;
+      if (Array.isArray(e))
+        return e.map((r) => r.trim()).filter(Boolean).join(" ") || void 0;
+      if (typeof e == "string")
+        return e.trim() || void 0;
+    }), { resume: ke, pause: De } = yt(
+      v,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && a.value && await A();
+      },
+      { threshold: [0, 1], immediate: !1 }
+    ), Le = l(() => {
+      if (t.width === "auto") return "auto";
+      if (t.width == null || t.width === "")
+        return w.value ? `${w.value}px` : "320px";
+      try {
+        const { value: e, unit: o } = vt(t.width);
+        return o === "%" ? w.value ? `${w.value * (e / 100)}px` : "320px" : `${e}${o}`;
+      } catch {
+        return typeof t.width == "string" ? t.width.trim() : w.value ? `${w.value}px` : "320px";
+      }
+    }), He = l(() => ({
+      "--bb-select-popover-width": Le.value
+    })), K = () => {
+      v.value?.focus();
+    }, E = () => {
+      O.value instanceof HTMLInputElement && O.value.focus();
+    }, M = () => {
+      T.value instanceof HTMLButtonElement && T.value.focus();
+    }, x = () => {
+      if (b.value) {
+        E();
+        return;
+      }
+      M();
+    }, Pe = (e) => {
+      s("focus", e), C();
+    }, $e = (e) => {
+      s("blur", e), ye();
+    }, Ce = (e) => {
+      s("change", e);
+    }, Fe = (e) => {
+      C();
+    }, Oe = (e) => {
+      s("input", e), We(i.value, !1, t.modelValue);
+    }, Te = (e) => {
+      P.value = e;
+    }, B = async (e) => {
+      const o = e.target instanceof Element ? e.target : e.target instanceof Text ? e.target.parentElement : null;
+      if (!o) return;
+      const r = v.value?.contains(o), n = !!o.closest(".bb-common-popover");
+      r || n || (await A(), be());
+    }, q = l(() => !(t.readonly || t.disabled || S.value)), z = async () => kt(() => !!d.value, 100), ne = () => {
+      const e = y.value[0];
+      if (e?.valueHash) {
+        d.value?.focusByHash(e.valueHash);
+        return;
+      }
+      d.value?.focusFirstSelected();
+    }, _e = () => {
+      const e = y.value[y.value.length - 1];
+      if (e?.valueHash) {
+        d.value?.focusByHash(e.valueHash);
+        return;
+      }
+      d.value?.focusLastSelected();
+    }, U = async () => {
+      q.value && (a.value ? d.value?.focusPrevious() : (await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), _e()));
+    }, N = async () => {
+      q.value && (a.value ? d.value?.focusNext() : (await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), ne()));
+    }, j = async () => {
+      if (!q.value)
+        return;
+      if (a.value) {
+        if (d.value?.getHighlighted()) {
+          d.value.confirmOption();
+          return;
+        }
+      } else {
+        await k({ focusPopoverContent: !1 }), await z(), await H(t.transitionDuration), y.value.length ? ne() : b.value ? E() : M();
+        return;
+      }
+      if (!b.value) return;
+      const e = i.value.trim();
+      Ge(e) || (s("option:add", e), i.value = "");
+    }, G = async () => {
+      a.value && (await A(), K());
+    }, i = f(""), ie = f(!1), {
+      getter: R,
+      debouncedGetter: We,
+      items: Ke,
+      loading: Me
+    } = wt({
+      items: X(t, "items"),
+      debounce: t.queryDebounceTime
+    }), {
+      array: le,
+      add: se,
+      remove: qe,
+      set: ze
+    } = ft(), {
+      hasPrefilled: Ue,
+      isPrefilling: Ne,
+      canLoad: ue,
+      prefill: je
+    } = At({
+      trigger: l(
+        () => t.prefill === !0 || t.prefill === "interaction" && ie.value
+      ),
+      currentValue: void 0,
+      multiple: !1,
+      fn: async (e) => {
+        await R(i.value, e, t.modelValue), t.stash && se(...$.value.map((o) => o.item));
+      }
+    }), { data: de, get: Ge } = Ie({
+      items: l(() => [].concat(t.modelValue))
+    }), { options: $ } = mt({
+      disabled: X(t, "disabled"),
+      items: l(() => [...Ke.value, ...le.value]),
+      itemText: t.itemText,
+      itemValue: t.itemValue,
+      max: t.max,
+      selectable: !0,
+      selectedIndexedByHash: de
+    }), { data: ce } = Ie({
+      items: $,
+      key: "valueHash"
+    }), { coherent: pe, coherentValue: ve } = ht({
+      modelValue: X(t, "modelValue"),
+      multiple: t.multiple,
+      iteratee: (e) => !!ce.value[te(e)]
+    }), y = l(
+      () => [].concat(t.modelValue).map((e) => ce.value[te(e)]).filter(Boolean)
+    ), S = l(() => !!(Me.value || t.loading)), Re = l(() => !!t.hasErrors), Je = l(() => t.multiple ? "" : y.value[0]?.text ?? "");
+    Ae(
+      () => t.modelValue,
+      async () => {
+        ue.value && (pe.value || (await R(i.value, !0, t.modelValue), t.enforceCoherence && (s("update:modelValue", ve.value), d.value?.blur())));
+      },
+      { debounce: t.modelValueDebounceTime }
+    ), Ae(
+      () => [t.dependencies, t.items],
+      async () => {
+        ue.value && (await R(i.value, !0, t.modelValue), t.enforceCoherence && !pe.value && (s("update:modelValue", ve.value), d.value?.blur()));
+      },
+      { debounce: t.depsDebounceTime }
+    );
+    const Qe = async (e) => {
+      t.multiple ? (s("update:modelValue", t.modelValue.concat(e.value)), t.stash && se(e.item)) : (t.stash && ze(e.item), s("update:modelValue", e.value), await we()), t.multiple && b.value && a.value ? E() : K(), t.multiple || A();
+    }, Xe = async (e) => {
+      if (qe((o) => o.valueHash !== e.valueHash), t.multiple) {
+        const o = { ...de.value };
+        delete o[e.valueHash], s("update:modelValue", Object.values(o));
+      } else
+        s("update:modelValue", null);
+      t.multiple && b.value && a.value ? E() : K();
+    }, fe = l(() => {
+      const e = y.value.some(
+        (n) => n.text === i.value
+      );
+      if (!(t.multiple && i.value || t.filterBy === "not_stashed" && i.value || i.value && !e && !t.multiple) || !t.filterBy) return $.value;
+      const r = t.filterBy === "not_stashed" ? new Set(le.value.map((n) => n.valueHash)) : null;
+      return $.value.filter((n) => {
+        let p = !1;
+        return typeof t.filterBy == "function" ? p = t.filterBy(n.value, n.item, i.value) : t.filterBy === "not_stashed" && i.value ? p = !r.has(n.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (p = Be(
+          n.item,
+          t.filterBy,
+          i.value.trim()
+        )), p || Be(n, ["text"], i.value.trim());
+      });
+    }), Ye = Symbol("default"), Ze = (e) => pt(t.groupBy) ? Ye : typeof t.groupBy == "function" ? t.groupBy(e.item) : ct(e.item, t.groupBy), et = l(() => {
+      const e = {};
+      for (const o of fe.value) {
+        const r = Ze(o), n = te(r);
+        e[n] || (e[n] = {
+          id: n,
+          data: r ?? null,
+          options: []
+        }), e[n].options.push(o);
+      }
+      return Object.values(e).filter((o) => o.options.length);
+    }), a = f(!1), me = It(a), k = async ({
+      focusPopoverContent: e = !0
+    } = {}) => {
+      t.disabled || t.readonly || a.value || (ie.value = !0, ke(), a.value = !0, !Ue.value && !Ne.value && await je(), await we(), document.addEventListener("click", B), document.addEventListener("focusin", B), e && (b.value ? (await H(0), E()) : (await H(0), M())));
+    }, A = async () => {
+      a.value && (a.value = !1, d.value?.blur(), P.value = void 0, De(), document.removeEventListener("click", B), document.removeEventListener("focusin", B), i.value = "");
+    }, he = () => a.value ? A() : k(), J = f(!1), C = () => {
+      J.value = !0;
+    }, be = () => {
+      J.value && (J.value = !1, s("inactive"));
+    }, tt = (e) => {
+      if (!(e instanceof Node)) return !1;
+      const o = !!v.value?.contains(e), r = !!d.value?.$el?.closest(".bb-common-popover")?.contains(e);
+      return o || r;
+    }, ye = () => {
+      setTimeout(() => {
+        if (tt(document.activeElement)) {
+          C();
+          return;
+        }
+        be();
+      }, 0);
+    }, ot = () => {
+      s("update:modelValue", t.multiple ? [] : null);
+    };
+    let D = null;
+    return Q(
+      v,
+      (e) => {
+        if (D && (D(), D = null), !e) return;
+        e.setAttribute("role", "combobox"), e.setAttribute("aria-haspopup", "listbox");
+        const o = (u) => {
+          s("click", u), !(t.disabled || t.readonly) && (u.preventDefault(), he());
+        }, r = (u) => {
+          switch (u.key) {
+            case "ArrowDown":
+              u.preventDefault(), N();
+              break;
+            case "ArrowUp":
+              u.preventDefault(), U();
+              break;
+            case "Enter":
+              u.preventDefault(), j();
+              break;
+            case "Escape":
+              a.value && (u.preventDefault(), G());
+              break;
+          }
+        }, n = (u) => {
+          s("focus", u), C();
+        }, p = (u) => {
+          s("blur", u), ye();
+        };
+        e.addEventListener("click", o), e.addEventListener("keydown", r), e.addEventListener("focus", n), e.addEventListener("blur", p), D = () => {
+          e.removeEventListener("click", o), e.removeEventListener("keydown", r), e.removeEventListener("focus", n), e.removeEventListener("blur", p), e.removeAttribute("role"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-invalid"), e.removeAttribute("aria-describedby"), e.removeAttribute("aria-activedescendant");
+        };
+      },
+      { immediate: !0 }
+    ), Q(
+      [
+        v,
+        a,
+        me,
+        _,
+        W,
+        P
+      ],
+      ([e, o, r, n, p, u]) => {
+        e && (e.setAttribute("aria-expanded", String(o)), n != null ? e.setAttribute("aria-invalid", n) : e.removeAttribute("aria-invalid"), r ? e.setAttribute("aria-controls", `${V}_listbox`) : e.removeAttribute("aria-controls"), p != null ? e.setAttribute("aria-describedby", p) : e.removeAttribute("aria-describedby"), o && u ? e.setAttribute("aria-activedescendant", u) : e.removeAttribute("aria-activedescendant"));
+      },
+      { immediate: !0 }
+    ), rt(() => {
+      D?.(), document.removeEventListener("click", B), document.removeEventListener("focusin", B);
+    }), (e, o) => (Z(), Y(nt, null, [
+      xe.value ? it("", !0) : m(e.$slots, "activator", ge(ee({ key: 0 }, {
+        props: {
+          ref: oe
+        },
+        shown: a.value,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        loading: S.value,
+        query: i.value,
+        selectedOptions: y.value,
+        text: Je.value,
+        clear: ot,
+        open: k,
+        close: A,
+        toggle: he
+      }))),
+      F(Et, ee({
+        modelValue: a.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r)
+      }, e.$attrs, {
+        anchor: v.value,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: ["bb-select-popover", {
+          "bb-select-popover--errors": Re.value,
+          "bb-select-popover--loading": S.value
+        }],
+        flip: e.flip,
+        placement: e.placement,
+        offset: e.offset,
+        padding: e.padding,
+        "transition-duration": e.transitionDuration,
+        "hide-arrow": e.hideArrow,
+        style: He.value
+      }), {
+        default: g(() => [
+          b.value ? (Z(), Y("div", Dt, [
+            lt(L("input", {
+              id: `${I(V)}_search`,
+              ref_key: "searchInput",
+              ref: O,
+              "onUpdate:modelValue": o[0] || (o[0] = (r) => i.value = r),
+              "aria-activedescendant": P.value,
+              "aria-controls": I(me) ? `${I(V)}_listbox` : void 0,
+              "aria-describedby": W.value,
+              "aria-invalid": _.value,
+              "aria-label": re.value,
+              autocomplete: e.autocomplete,
+              class: "bb-select-popover__search-input",
+              inputmode: Se.value,
+              tabindex: a.value ? 0 : -1,
+              role: "searchbox",
+              type: "text",
+              onBlur: c($e, ["stop"]),
+              onChange: c(Ce, ["stop"]),
+              onFocus: c(Pe, ["stop"]),
+              onInput: c(Oe, ["stop"]),
+              onKeydown: [
+                h(c(N, ["stop", "prevent"]), ["down"]),
+                h(c(j, ["stop", "prevent"]), ["enter"]),
+                h(c(G, ["stop", "prevent"]), ["esc"]),
+                h(c(U, ["stop", "prevent"]), ["up"])
+              ]
+            }, null, 40, Lt), [
+              [st, i.value]
+            ]),
+            F(xt, {
+              "aria-hidden": "true",
+              class: "bb-select-popover__search-error-icon",
+              focusable: "false"
+            }),
+            F(I(Vt), {
+              "aria-hidden": "true",
+              class: "bb-select-popover__search-spinner",
+              focusable: "false"
+            }),
+            o[2] || (o[2] = L("svg", {
+              class: "bb-select-popover__search-icon",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true"
+            }, [
+              L("path", {
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "m21 21-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314"
+              })
+            ], -1))
+          ])) : (Z(), Y("button", {
+            key: 1,
+            ref_key: "popoverFocusProxy",
+            ref: T,
+            class: "bb-select-popover__focus-proxy sr-only",
+            type: "button",
+            "aria-controls": `${I(V)}_listbox`,
+            "aria-describedby": W.value,
+            "aria-invalid": _.value,
+            "aria-label": re.value,
+            tabindex: "-1",
+            onFocus: Fe,
+            onKeydown: [
+              h(c(N, ["stop", "prevent"]), ["down"]),
+              h(c(U, ["stop", "prevent"]), ["up"]),
+              h(c(j, ["stop", "prevent"]), ["enter"]),
+              h(c(G, ["stop", "prevent"]), ["esc"])
+            ]
+          }, " Focus options ", 40, Ht)),
+          L("div", {
+            class: "bb-select-popover__options-outer",
+            "aria-hidden": a.value ? void 0 : "true",
+            inert: !a.value
+          }, [
+            m(e.$slots, "options:prepend:outer", { focus: x })
+          ], 8, Pt),
+          F(St, {
+            id: `${I(V)}_listbox`,
+            ref_key: "optionsContainer",
+            ref: d,
+            compact: e.compact,
+            loading: S.value,
+            "loading-text": e.loadingText,
+            multiple: e.multiple,
+            "no-data-text": e.noDataText,
+            open: a.value,
+            options: e.groupBy ? void 0 : fe.value,
+            groups: e.groupBy ? et.value : void 0,
+            "header-height": e.headerHeight,
+            "option-height": e.itemHeight,
+            "onFocused:change": Te,
+            "onOption:selected": Qe,
+            "onOption:unselected": Xe
+          }, {
+            "options:prepend": g(() => [
+              m(e.$slots, "options:prepend", { focus: x })
+            ]),
+            loading: g(() => [
+              m(e.$slots, "loading", { query: i.value })
+            ]),
+            "no-data": g(() => [
+              m(e.$slots, "no-data", {
+                query: i.value,
+                focus: x
+              })
+            ]),
+            "options:append": g(() => [
+              m(e.$slots, "options:append", { focus: x })
+            ]),
+            option: g((r) => [
+              m(e.$slots, "option", ee({ loading: S.value }, r))
+            ]),
+            group: g((r) => [
+              m(e.$slots, "group", ge(ut(r)))
+            ]),
+            _: 3
+          }, 8, ["id", "compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "option-height"]),
+          L("div", {
+            class: "bb-select-popover__options-outer",
+            "aria-hidden": a.value ? void 0 : "true",
+            inert: !a.value
+          }, [
+            m(e.$slots, "options:append:outer", { focus: x })
+          ], 8, $t)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "flip", "placement", "offset", "padding", "transition-duration", "hide-arrow", "style"])
+    ], 64));
+  }
+});
+export {
+  so as default
+};