bitboss-ui 2.0.171 → 2.0.172

package/dist/index15.js

@@ -1,19 +1,18 @@
-import { defineComponent as H, ref as u, computed as D, createElementBlock as E, openBlock as I, Fragment as M, createVNode as p, normalizeClass as _, withCtx as n, unref as s, withDirectives as F, createElementVNode as c, mergeProps as T, renderSlot as r, withModifiers as q, normalizeStyle as L, nextTick as N } from "vue";
-import { isHex as O } from "./index256.js";
-import { isNotNil as z } from "./index140.js";
-import { useFocusTrap as S } from "./index251.js";
-import { useId as A } from "./index8.js";
-import { vMaska as K } from "./index252.js";
-import P from "./index253.js";
+import { defineComponent as I, ref as u, computed as L, createBlock as c, openBlock as m, normalizeClass as M, withCtx as t, createVNode as b, unref as i, withDirectives as _, createElementVNode as d, mergeProps as N, renderSlot as r, withModifiers as q, normalizeStyle as z, createCommentVNode as U } from "vue";
+import { isHex as F } from "./index246.js";
+import { isNotNil as S } from "./index140.js";
+import { useId as T } from "./index8.js";
+import { useLocale as A } from "./index211.js";
+import { useUntil as K } from "./index233.js";
+import { vMaska as O } from "./index234.js";
+import P from "./index247.js";
 /* empty css         */
-import R from "./index257.js";
+import j from "./index214.js";
 /* empty css         */
-import U from "./index218.js";
+import G from "./index213.js";
+import J from "./index235.js";
 /* empty css         */
-import j from "./index220.js";
-import { wait as G } from "./index135.js";
-import { useLocale as J } from "./index231.js";
-const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], W = ["aria-label"], X = { class: "bb-common-input-inner-container__suffix" }, ce = /* @__PURE__ */ H({
+const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], R = ["aria-label"], W = { class: "bb-common-input-inner-container__suffix" }, de = /* @__PURE__ */ I({
   __name: "BaseColorInput",
   props: {
     "append:icon": {},
@@ -36,148 +35,136 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     transitionDuration: { default: 250 }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(y, { emit: v }) {
-    const t = y, o = v, m = t.id ?? `bb_${A().id.value}`, b = u(null), d = u(null), { t: k } = J(), g = D(() => ({
+  setup(f, { emit: y }) {
+    const n = f, a = y, k = u(
+      null
+    ), v = n.id ?? `bb_${T().id.value}`, C = u(null), V = u(null), { t: g } = A(), h = L(() => ({
       "bb-base-color-input": !0,
-      "bb-base-color-input--disabled": t.disabled,
-      "bb-base-color-input--errors": t.hasErrors,
-      "bb-base-color-input--loading": t.loading,
-      "bb-base-color-input--readonly": t.readonly,
-      "bb-base-color-input--compact": t.compact,
+      "bb-base-color-input--disabled": n.disabled,
+      "bb-base-color-input--errors": n.hasErrors,
+      "bb-base-color-input--loading": n.loading,
+      "bb-base-color-input--readonly": n.readonly,
+      "bb-base-color-input--compact": n.compact,
       "bb-base-color-input--active": l.value
-    })), h = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => o("focus", e),
-      onKeydown: (e) => o("keydown", e),
+    })), w = {
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onFocus: (e) => a("focus", e),
+      onKeydown: (e) => a("keydown", e),
       onInput: (e) => {
-        o("input", e);
+        a("input", e);
       },
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
+      onMousedown: (e) => a("mousedown", e),
+      onMouseup: (e) => a("mouseup", e),
       onMaska: (e) => {
-        const a = e.detail;
-        O(a.masked) ? o("update:modelValue", a.masked) : a.masked === "" && o("update:modelValue", null);
+        const o = e.detail;
+        F(o.masked) ? a("update:modelValue", o.masked) : o.masked === "" && a("update:modelValue", null);
       }
-    }, w = () => {
-      V();
-    }, C = {
+    }, $ = () => {
+      D();
+    }, B = {
       mask: "!#HHHHHH",
       tokens: {
         H: { pattern: /[0-9a-fA-F]/ }
       },
       eager: !0
-    }, l = u(!1), V = async () => {
-      $.value = !0, l.value = !0, await G(100), B();
-    }, f = async () => {
-      l.value = !1;
-    }, $ = u(!1), { activate: B } = S(d, {
-      /**
-       * This traps all clicks outside so we are pressing
-       * the trigger we just allow and process that in its
-       * own click handler.
-       * If we are pressing anything random on the page
-       * close the popover and be done
-       */
-      clickOutsideDeactivates: (e) => {
-        var i;
-        const a = e.target;
-        return a instanceof HTMLElement && (i = d.value) != null && i.$el.contains(a) || f(), !0;
-      },
-      escapeDeactivates: () => (N(async () => {
-        await f();
-      }), !0),
-      returnFocusOnDeactivate: !0
-    });
-    return (e, a) => (I(), E(M, null, [
-      p(j, {
-        class: _(g.value)
-      }, {
-        "prepend-outer": n(() => [
-          r(e.$slots, "prepend-outer")
-        ]),
-        "append-outer": n(() => [
-          r(e.$slots, "append-outer")
-        ]),
-        default: n(() => [
-          p(U, {
-            ref_key: "innerContainer",
-            ref: b,
-            "append:icon": t["append:icon"],
-            clearable: e.clearable && s(z)(e.modelValue),
-            "prepend:icon": t["prepend:icon"],
-            "onClick:clear": a[0] || (a[0] = (i) => e.$emit("update:modelValue", null))
-          }, {
-            prepend: n(() => [
-              r(e.$slots, "prepend")
-            ]),
-            prefix: n(() => [
-              r(e.$slots, "prefix")
-            ]),
-            append: n(() => [
-              c("button", {
-                ref: "indicator",
-                "aria-label": s(k)("colorInput.paletteLabel").value,
-                class: "bb-base-color-input__indicator",
-                style: L({ backgroundColor: t.modelValue ?? void 0 }),
-                type: "button",
-                onClick: q(w, ["stop"])
-              }, null, 12, W),
-              r(e.$slots, "append", {}, () => [
-                c("span", X, [
-                  r(e.$slots, "suffix")
-                ])
-              ])
-            ]),
-            default: n(() => [
-              F(c("input", T(h, {
-                id: s(m),
-                "aria-describedby": e.ariaDescribedby,
-                "aria-invalid": e.hasErrors ? !0 : void 0,
-                autocomplete: e.autocomplete,
-                autofocus: e.autofocus,
-                class: "bb-base-color-input__input",
-                disabled: e.disabled,
-                name: e.name,
-                placeholder: e.placeholder,
-                readonly: e.readonly,
-                required: e.required,
-                size: "1",
-                type: "text",
-                value: e.modelValue
-              }), null, 16, Q), [
-                [s(K), C]
+    }, l = u(!1), H = K(l), p = (e) => {
+      const o = e.target;
+      o && o instanceof HTMLDialogElement && E();
+    }, D = async () => {
+      l.value = !0, document.addEventListener("click", p, { passive: !0 });
+    }, E = async () => {
+      l.value = !1, document.removeEventListener("click", p);
+    };
+    return (e, o) => (m(), c(G, {
+      ref_key: "wrapper",
+      ref: k,
+      class: M(h.value)
+    }, {
+      "prepend-outer": t(() => [
+        r(e.$slots, "prepend-outer")
+      ]),
+      "append-outer": t(() => [
+        r(e.$slots, "append-outer")
+      ]),
+      default: t(() => [
+        b(j, {
+          ref_key: "innerContainer",
+          ref: C,
+          "append:icon": n["append:icon"],
+          clearable: e.clearable && i(S)(e.modelValue),
+          "prepend:icon": n["prepend:icon"],
+          "onClick:clear": o[0] || (o[0] = (s) => e.$emit("update:modelValue", null))
+        }, {
+          prepend: t(() => [
+            r(e.$slots, "prepend")
+          ]),
+          prefix: t(() => [
+            r(e.$slots, "prefix")
+          ]),
+          append: t(() => [
+            d("button", {
+              ref: "indicator",
+              "aria-label": i(g)("colorInput.paletteLabel").value,
+              class: "bb-base-color-input__indicator",
+              style: z({ backgroundColor: n.modelValue ?? void 0 }),
+              type: "button",
+              onClick: q($, ["stop"])
+            }, null, 12, R),
+            r(e.$slots, "append", {}, () => [
+              d("span", W, [
+                r(e.$slots, "suffix")
               ])
-            ]),
-            _: 3
-          }, 8, ["append:icon", "clearable", "prepend:icon"])
-        ]),
-        _: 3
-      }, 8, ["class"]),
-      p(P, {
-        "base-class": "bb-base-color-input__pallette",
-        "container-attributes": { id: s(m) },
-        offset: 4,
-        open: l.value,
-        "teleport-target": e.teleportTarget,
-        "transition-duration": e.transitionDuration,
-        wrapper: b.value
-      }, {
-        default: n(() => [
-          p(R, {
-            ref_key: "pallette",
-            ref: d,
-            inert: !l.value,
-            "model-value": e.modelValue,
-            "onUpdate:modelValue": a[1] || (a[1] = (i) => o("update:modelValue", i))
-          }, null, 8, ["inert", "model-value"])
-        ]),
-        _: 1
-      }, 8, ["container-attributes", "open", "teleport-target", "transition-duration", "wrapper"])
-    ], 64));
+            ])
+          ]),
+          default: t(() => [
+            _(d("input", N(w, {
+              id: i(v),
+              "aria-describedby": e.ariaDescribedby,
+              "aria-invalid": e.hasErrors ? !0 : void 0,
+              autocomplete: e.autocomplete,
+              autofocus: e.autofocus,
+              class: "bb-base-color-input__input",
+              disabled: e.disabled,
+              name: e.name,
+              placeholder: e.placeholder,
+              readonly: e.readonly,
+              required: e.required,
+              size: "1",
+              type: "text",
+              value: e.modelValue
+            }), null, 16, Q), [
+              [i(O), B]
+            ])
+          ]),
+          _: 3
+        }, 8, ["append:icon", "clearable", "prepend:icon"]),
+        b(J, {
+          modelValue: l.value,
+          "onUpdate:modelValue": o[2] || (o[2] = (s) => l.value = s),
+          block: !0,
+          class: "bb-base-color-input__pallette",
+          dialog: "",
+          "transition-duration": e.transitionDuration
+        }, {
+          default: t(() => [
+            i(H) ? (m(), c(P, {
+              key: 0,
+              ref_key: "pallette",
+              ref: V,
+              inert: !l.value,
+              "model-value": e.modelValue,
+              "onUpdate:modelValue": o[1] || (o[1] = (s) => a("update:modelValue", s))
+            }, null, 8, ["inert", "model-value"])) : U("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "transition-duration"])
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  ce as default
+  de as default
 };

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, ref as m, computed as n, watch as _, createElementBlock as p, openBlock as h, normalizeProps as i, guardReactiveProps as f, createCommentVNode as I, createElementVNode as l, mergeProps as k, renderSlot as F } from "vue";
-import { isCssColor as y } from "./index209.js";
-import { when as N } from "./index210.js";
-import { booleanishToBoolean as S } from "./index235.js";
+import { isCssColor as y } from "./index216.js";
+import { when as N } from "./index217.js";
+import { booleanishToBoolean as S } from "./index218.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as b, guardReactiveProps as v, createVNode as R, mergeProps as T } from "vue";
 import W from "./index17.js";
 /* empty css        */
-import K from "./index260.js";
+import K from "./index237.js";
 /* empty css         */
-import { useItemsGetter as N } from "./index223.js";
-import { useIndexById as w } from "./index227.js";
-import { useBaseOptions as U } from "./index226.js";
-import { useCoherence as q } from "./index228.js";
-import { hash as J } from "./index229.js";
-import { useHashedWatcher as C } from "./index230.js";
-import { usePrefill as Q } from "./index224.js";
+import { useItemsGetter as N } from "./index239.js";
+import { useIndexById as w } from "./index240.js";
+import { useBaseOptions as U } from "./index241.js";
+import { useCoherence as q } from "./index242.js";
+import { hash as J } from "./index243.js";
+import { useHashedWatcher as C } from "./index244.js";
+import { usePrefill as Q } from "./index245.js";
 const de = /* @__PURE__ */ j({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index209.js

@@ -1,4 +1,12 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
+    }
+  return e;
+};
 export {
-  s as isCssColor
+  o as pickBy
 };

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index236.js";
-import G from "./index237.js";
-import J from "./index238.js";
-import K from "./index239.js";
-import Q from "./index240.js";
-import X from "./index241.js";
-import ee from "./index242.js";
-import { hash as M } from "./index229.js";
-import { last as ae } from "./index211.js";
-import { useLogger as te } from "./index243.js";
-import oe from "./index244.js";
-import le from "./index245.js";
-import re from "./index246.js";
-import B from "./index247.js";
-import se from "./index248.js";
-import { useLocale as de } from "./index231.js";
+import s from "./index224.js";
+import G from "./index228.js";
+import J from "./index229.js";
+import K from "./index230.js";
+import Q from "./index227.js";
+import X from "./index260.js";
+import ee from "./index261.js";
+import { hash as M } from "./index243.js";
+import { last as ae } from "./index232.js";
+import { useLogger as te } from "./index262.js";
+import oe from "./index263.js";
+import le from "./index264.js";
+import re from "./index265.js";
+import B from "./index266.js";
+import se from "./index267.js";
+import { useLocale as de } from "./index211.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,6 +1,5 @@
-import { curry as e } from "./index284.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+const o = () => {
+};
 export {
-  t as baseWhen,
-  s as when
+  o as noop
 };

package/dist/index211.js

@@ -1,4 +1,15 @@
-const e = (t) => t[t.length - 1];
+import { locales as t } from "./index280.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index281.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
+});
 export {
-  e as last
+  d as useLocale
 };

package/dist/index212.js

@@ -1,20 +1,36 @@
-import { isNil as c } from "./index264.js";
-const a = (t, r) => {
-  if (!Object.prototype.hasOwnProperty.call(t, r))
-    throw new Error(
-      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
-    );
-}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
-  const i = s.toLocaleLowerCase();
-  for (let e = 0; e < r.length; e++) {
-    const n = r[e];
-    a(t, n);
-    const o = t[n];
-    if (c(o)) continue;
-    if (l(o).includes(i)) return !0;
+import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, createBlock as f, openBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as l } from "./index262.js";
+const $ = /* @__PURE__ */ p({
+  __name: "RouterComponent",
+  setup(y) {
+    var o, i, r, s;
+    const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
+    let t;
+    if (m) {
+      if (t = u(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = l();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (c) {
+      if (t = u(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = l();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, L) => (k(), f(g(d(t)), null, {
+      default: b(() => [
+        x(n.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
-  return !1;
-};
+});
 export {
-  y as matchAnyKey
+  $ as default
 };

package/dist/index213.js

@@ -1,130 +1,15 @@
-import { arrow as j, computePosition as A } from "./index234.js";
-import { autoUpdate as W, flip as X, offset as Y, platform as Z, shift as ee } from "./index234.js";
-import { isNode as B, getNodeName as F } from "./index286.js";
-import { getOverflowAncestors as te } from "./index286.js";
-import { computed as r, ref as c, shallowRef as I, watch as x, getCurrentScope as U, onScopeDispose as k, shallowReadonly as o, unref as q } from "vue";
-function z(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function V(e) {
-  if (z(e)) {
-    const l = e.$el;
-    return B(l) && F(l) === "#comment" ? null : l;
-  }
-  return e;
-}
-function i(e) {
-  return typeof e == "function" ? e() : q(e);
-}
-function K(e) {
-  return {
-    name: "arrow",
-    options: e,
-    fn(l) {
-      const t = V(i(e.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: e.padding
-      }).fn(l);
-    }
-  };
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, l) {
-  const t = M(e);
-  return Math.round(l * t) / t;
-}
-function L(e, l, t) {
-  t === void 0 && (t = {});
-  const D = t.whileElementsMounted, s = r(() => {
-    var n;
-    return (n = i(t.open)) != null ? n : !0;
-  }), O = r(() => i(t.middleware)), p = r(() => {
-    var n;
-    return (n = i(t.placement)) != null ? n : "bottom";
-  }), w = r(() => {
-    var n;
-    return (n = i(t.strategy)) != null ? n : "absolute";
-  }), S = r(() => {
-    var n;
-    return (n = i(t.transform)) != null ? n : !0;
-  }), f = r(() => V(e.value)), u = r(() => V(l.value)), y = c(0), h = c(0), m = c(w.value), P = c(p.value), E = I({}), g = c(!1), _ = r(() => {
-    const n = {
-      position: m.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return n;
-    const a = C(u.value, y.value), b = C(u.value, h.value);
-    return S.value ? {
-      ...n,
-      transform: "translate(" + a + "px, " + b + "px)",
-      ...M(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: m.value,
-      left: a + "px",
-      top: b + "px"
-    };
-  });
-  let d;
-  function v() {
-    if (f.value == null || u.value == null)
-      return;
-    const n = s.value;
-    A(f.value, u.value, {
-      middleware: O.value,
-      placement: p.value,
-      strategy: w.value
-    }).then((a) => {
-      y.value = a.x, h.value = a.y, m.value = a.strategy, P.value = a.placement, E.value = a.middlewareData, g.value = n !== !1;
-    });
-  }
-  function R() {
-    typeof d == "function" && (d(), d = void 0);
-  }
-  function N() {
-    if (R(), D === void 0) {
-      v();
-      return;
-    }
-    if (f.value != null && u.value != null) {
-      d = D(f.value, u.value, v);
-      return;
-    }
-  }
-  function $() {
-    s.value || (g.value = !1);
-  }
-  return x([O, p, w, s], v, {
-    flush: "sync"
-  }), x([f, u], N, {
-    flush: "sync"
-  }), x(s, $, {
-    flush: "sync"
-  }), U() && k(R), {
-    x: o(y),
-    y: o(h),
-    strategy: o(m),
-    placement: o(P),
-    middlewareData: o(E),
-    isPositioned: o(g),
-    floatingStyles: _,
-    update: v
-  };
-}
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index284.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  K as arrow,
-  W as autoUpdate,
-  A as computePosition,
-  X as flip,
-  te as getOverflowAncestors,
-  Y as offset,
-  Z as platform,
-  ee as shift,
-  L as useFloating
+  i as default
 };