bitboss-ui 2.0.159 → 2.0.160

package/dist/index212.js

@@ -1,202 +1,43 @@
-import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
-import { useResizeObserver as Z } from "./index132.js";
-import { hexToRgb as O } from "./index314.js";
-import { getHueFromRGB as F } from "./index315.js";
-import { hslToHex as y } from "./index316.js";
-import { useLocale as ee } from "./index217.js";
-const te = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ae = { key: 0 }, ne = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, oe = { key: 0 }, de = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: T }) {
-    const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
-      y(F(...O(o.value ?? "#ff0000")), 100, 50)
-    ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
-      const e = s.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
-    }, I = () => {
-      const e = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = I();
-      if (!t) return;
-      t.clearRect(0, 0, e.width, e.height);
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
-      const n = t.createLinearGradient(0, 0, 0, e.height);
-      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, p = () => {
-      const e = I();
-      e && (e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        8,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        7,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
-    }, V = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 360; n += 60)
-        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
-      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, L = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
-    }, z = (e) => {
-      r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
-    }, G = (e) => {
-      const t = s.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
-      l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, W = (e) => {
-      const t = r.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
-      u.value = { x: n };
-      const i = n / t.width * 360;
-      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, A = (e) => {
-      b.value ? G(e) : k.value && W(e);
-    }, E = () => {
-      b.value = !1, k.value = !1;
-    }, U = (e) => {
-      var a, n;
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            ((a = s.value) == null ? void 0 : a.height) ?? 0,
-            l.value.y + 5
-          );
-          break;
-        case "ArrowLeft":
-          l.value.x = Math.max(0, l.value.x - 5);
-          break;
-        case "ArrowRight":
-          l.value.x = Math.min(
-            ((n = s.value) == null ? void 0 : n.width) ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    }, X = (e) => {
-      var n, i;
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            ((n = r.value) == null ? void 0 : n.width) ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
-      d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      H(), M(o.value ?? "#ff0000");
-    }), Z(P, () => {
-      H(), M(o.value ?? "#ff0000");
-    }), Q(
-      () => D.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, M(e), m(), v());
-      }
-    );
-    const g = () => {
-      const e = s.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [S, $, Y] = i;
-      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
-    };
-    function M(e) {
-      var a;
-      const t = F(...O(e));
-      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
-    }
-    return (e, t) => (_(), R("div", {
-      ref_key: "paletteRef",
-      ref: P,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      w("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: s,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: U,
-        onPointerdown: q
-      }, null, 544),
-      w("p", te, [
-        B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (_(), R("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !0)
-      ]),
-      w("canvas", {
-        ref_key: "hueCanvasRef",
-        ref: r,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: z
-      }, null, 544),
-      w("p", ne, [
-        B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (_(), R("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
-      ])
-    ], 512));
-  }
-});
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index206.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index273.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
+  });
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  de as default
+  E as useFocusTrap
 };

package/dist/index213.js

@@ -0,0 +1,8 @@
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
+export {
+  o as waitFor
+};

package/dist/index214.js

@@ -1,68 +1,9 @@
-import { defineComponent as _, ref as $, openBlock as r, createElementBlock as k, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as i } from "vue";
-/* empty css       */
-/* empty css       */
-import m from "./index127.js";
-/* empty css         */
-import C from "./index129.js";
-/* empty css         */
-import h from "./index326.js";
-import B from "./index327.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", {}, () => [
-        c("span", v, [
-          n(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (r(), s(p(m), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      n(e.$slots, "default"),
-      i(B, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: b
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (r(), s(p(m), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      i(h),
-      i(p(C)),
-      n(e.$slots, "append", {}, () => [
-        c("span", I, [
-          n(e.$slots, "suffix")
-        ])
-      ])
-    ], 2));
-  }
-});
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  A as default
+  d as useModalsState
 };

package/dist/index215.js

@@ -0,0 +1,17 @@
+import { defineComponent as a, getCurrentInstance as c, openBlock as l, createBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
+const i = /* @__PURE__ */ a({
+  __name: "BbTeleport",
+  props: {
+    target: {}
+  },
+  setup(o) {
+    var t, e;
+    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
+    return (s, _) => (l(), u(f, { to: d(p) }, [
+      m(s.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
+export {
+  i as default
+};

package/dist/index216.js

@@ -1,15 +1,15 @@
-import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index278.js";
-const s = {}, c = { class: "bb-common-input-outer-container" };
-function p(o, a) {
-  return t(), n("span", c, [
-    e(o.$slots, "prepend-outer"),
-    e(o.$slots, "default"),
-    e(o.$slots, "append-outer")
-  ]);
-}
-const i = /* @__PURE__ */ r(s, [["render", p]]);
+import { locales as t } from "./index275.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index276.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 {
-  i as default
+  d as useLocale
 };

package/dist/index217.js

@@ -1,15 +1,36 @@
-import { locales as t } from "./index279.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index280.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
+import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, openBlock as f, createBlock 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 "./index240.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) => (f(), k(g(d(t)), null, {
+      default: b(() => [
+        x(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
 });
 export {
-  d as useLocale
+  $ as default
 };

package/dist/index218.js

@@ -1,4 +1,5 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+import r from "./index278.js";
+const t = r;
 export {
-  n as clamp
+  t as deburr
 };

package/dist/index219.js

@@ -1,88 +1,7 @@
-import { defineComponent as h, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, unref as b, createCommentVNode as p, Fragment as m, renderList as u } from "vue";
-import { useLocale as g } from "./index217.js";
-const k = { class: "bb-cr-container__container" }, y = {
-  key: 0,
-  class: "bb-cr-container__loading-container"
-}, $ = {
-  key: 1,
-  class: "bb-cr-container__no-data-container"
-}, C = /* @__PURE__ */ h({
-  __name: "OptionsContainer",
-  props: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
-    options: {}
-  },
-  setup(f) {
-    const { t: i } = g();
-    return (a, T) => (n(), s("span", {
-      ref: "container",
-      class: r(["bb-cr-container", {
-        "bb-cr-container--errors": a.hasErrors,
-        "bb-cr-container--horizontal": a.direction === "horizontal",
-        "bb-cr-container--vertical": a.direction === "vertical"
-      }])
-    }, [
-      l("span", k, [
-        t(a.$slots, "prepend"),
-        !a.options.length && a.loading ? (n(), s("span", y, [
-          t(a.$slots, "loading", {}, () => [
-            o(d(a.loadingText || b(i)("common.loadingText")), 1)
-          ])
-        ])) : a.options.length ? p("", !0) : (n(), s("span", $, [
-          t(a.$slots, "no-data", {}, () => [
-            o(d(a.noDataText || b(i)("common.noDataText")), 1)
-          ])
-        ])),
-        (n(!0), s(m, null, u(a.options, (e, c) => (n(), s(m, {
-          key: (e == null ? void 0 : e.valueHash) || c
-        }, [
-          t(a.$slots, "option:prepend", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          }),
-          l("label", {
-            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
-          }, [
-            t(a.$slots, "input", {
-              index: c,
-              option: e
-            }),
-            l("span", {
-              class: r({
-                "bb-cr-container-option__text": !0,
-                "sr-only": a.hideLabel
-              })
-            }, [
-              t(a.$slots, "label", {
-                checked: !!e.selected,
-                item: e.item,
-                text: e.text
-              }, () => [
-                o(d(e.text), 1)
-              ])
-            ], 2)
-          ], 2),
-          t(a.$slots, "option:append", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          })
-        ], 64))), 128)),
-        t(a.$slots, "append")
-      ])
-    ], 2));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index281.js";
+import { __require as o } from "./index280.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  C as default
+  s as default
 };

package/dist/{index247.js → index220.js}

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index287.js";
-import { __module as B } from "./index304.js";
+import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index281.js";
+import { __module as B } from "./index283.js";
 (function(I, at) {
   (function(U, k) {
     I.exports = k();

package/dist/index221.js

@@ -1,31 +1,18 @@
-import { ref as a, computed as s, unref as v } from "vue";
-import { useDebounceFn as f } from "./index206.js";
-const p = (u) => {
-  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
-    if (Array.isArray(r.value))
-      t.value = r.value;
-    else if (typeof r.value == "function") {
-      const i = ++e.value;
-      try {
-        const o = await r.value(...l);
-        if (i < e.value) {
-          e.value--;
-          return;
-        } else
-          t.value = o;
-      } catch (o) {
-        console.error(o);
-      }
-      e.value--;
-    }
-  }, c = f(n, u.debounce || 0);
-  return {
-    getter: n,
-    debouncedGetter: c,
-    items: t,
-    loading: s(() => !!e.value)
-  };
-};
+import { getDefaultExportFromCjs as f, commonjsGlobal as n } from "./index281.js";
+import { __module as e } from "./index284.js";
+(function(s, a) {
+  (function(i, t) {
+    s.exports = t();
+  })(n, function() {
+    return function(i, t) {
+      t.prototype.isSameOrAfter = function(r, o) {
+        return this.isSame(r, o) || this.isAfter(r, o);
+      };
+    };
+  });
+})(e);
+var m = e.exports;
+const c = /* @__PURE__ */ f(m);
 export {
-  p as useItemsGetter
+  c as default
 };

package/dist/index222.js

@@ -1,19 +1,18 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index225.js";
-const p = ({ items: a, key: r }) => {
-  const n = i(() => {
-    const t = {}, c = new Array().concat(m(a));
-    for (let e = 0; e < c.length; e++) {
-      const o = c[e], u = r ? String(o[r]) : s(o);
-      t[u] = o;
-    }
-    return t;
+import { getDefaultExportFromCjs as i, commonjsGlobal as n } from "./index281.js";
+import { __module as t } from "./index285.js";
+(function(s, a) {
+  (function(f, o) {
+    s.exports = o();
+  })(n, function() {
+    return function(f, o) {
+      o.prototype.isSameOrBefore = function(e, r) {
+        return this.isSame(e, r) || this.isBefore(e, r);
+      };
+    };
   });
-  return {
-    data: n,
-    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
-  };
-};
+})(t);
+var m = t.exports;
+const c = /* @__PURE__ */ i(m);
 export {
-  p as useIndexById
+  c as default
 };