bitboss-ui 2.0.170 → 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 "./index240.js";
-import { isNotNil as z } from "./index140.js";
-import { useFocusTrap as S } from "./index241.js";
-import { useId as A } from "./index8.js";
-import { vMaska as K } from "./index242.js";
-import P from "./index243.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 "./index245.js";
+import j from "./index214.js";
 /* empty css         */
-import U from "./index247.js";
+import G from "./index213.js";
+import J from "./index235.js";
 /* empty css         */
-import j from "./index249.js";
-import { wait as G } from "./index135.js";
-import { useLocale as J } from "./index224.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 "./index225.js";
-import { when as N } from "./index226.js";
-import { booleanishToBoolean as S } from "./index227.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 "./index231.js";
+import K from "./index237.js";
 /* empty css         */
-import { useItemsGetter as N } from "./index233.js";
-import { useIndexById as w } from "./index234.js";
-import { useBaseOptions as U } from "./index235.js";
-import { useCoherence as q } from "./index236.js";
-import { hash as J } from "./index216.js";
-import { useHashedWatcher as C } from "./index237.js";
-import { usePrefill as Q } from "./index238.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/index207.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index208.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index209.js

@@ -1,7 +1,12 @@
-import { getDefaultExportFromCjs as r } from "./index310.js";
-import { __require as o } from "./index284.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+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 default
+  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 "./index209.js";
-import G from "./index210.js";
-import J from "./index211.js";
-import K from "./index212.js";
-import Q from "./index213.js";
-import X from "./index214.js";
-import ee from "./index215.js";
-import { hash as M } from "./index216.js";
-import { last as ae } from "./index217.js";
-import { useLogger as te } from "./index218.js";
-import oe from "./index219.js";
-import le from "./index220.js";
-import re from "./index221.js";
-import B from "./index222.js";
-import se from "./index223.js";
-import { useLocale as de } from "./index224.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,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index310.js";
-import { __require as e } from "./index286.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+const o = () => {
+};
 export {
-  m as default
+  o as noop
 };

package/dist/index211.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index310.js";
-import { __require as e } from "./index288.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 {
-  m as default
+  d as useLocale
 };

package/dist/index212.js

@@ -1,7 +1,36 @@
-import { getDefaultExportFromCjs as r } from "./index310.js";
-import { __require as t } from "./index290.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+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
+    }));
+  }
+});
 export {
-  a as default
+  $ as default
 };

package/dist/index213.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index310.js";
-import { __require as e } from "./index292.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 {
-  m as default
+  i as default
 };

package/dist/index214.js

@@ -1,7 +1,68 @@
-import { getDefaultExportFromCjs as e } from "./index310.js";
-import { __require as r } from "./index294.js";
-var o = r();
-const p = /* @__PURE__ */ e(o);
+import { defineComponent as _, ref as $, createElementBlock as k, openBlock as r, normalizeClass as y, renderSlot as n, createBlock as c, createCommentVNode as s, createVNode as p, createElementVNode as l, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import m from "./index85.js";
+/* empty css        */
+import C from "./index113.js";
+/* empty css         */
+import h from "./index330.js";
+import B from "./index331.js";
+/* empty css         */
+const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(u, { emit: d }) {
+    const t = u, f = d, o = $(), a = () => {
+      var e;
+      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
+    }, b = () => {
+      f("click:clear"), a();
+    };
+    return (e, E) => (r(), k("span", {
+      ref_key: "container",
+      ref: o,
+      class: y(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": t.clearable
+      }]),
+      onClick: a
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        l("span", v, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (r(), c(i(m), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      n(e.$slots, "default"),
+      p(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: b
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (r(), c(i(m), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      p(h),
+      p(i(C)),
+      n(e.$slots, "append", {}, () => [
+        l("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  p as default
+  A as default
 };

package/dist/index216.js

@@ -1,5 +1,4 @@
-import { hash as o } from "./index302.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  t as hash
+  s as isCssColor
 };

package/dist/index217.js

@@ -1,4 +1,6 @@
-const e = (t) => t[t.length - 1];
+import { curry as e } from "./index286.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  e as last
+  t as baseWhen,
+  s as when
 };

package/dist/index218.js

@@ -1,10 +1,4 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  e as useLogger
+  o as booleanishToBoolean
 };