bitboss-ui 2.1.3 → 2.1.5

package/dist/index243.js

@@ -1,36 +1,15 @@
-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 "./index254.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
-    }));
-  }
-});
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index299.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 {
-  $ as default
+  i as default
 };

package/dist/index244.js

@@ -1,4 +1,4 @@
-const o = (e) => e[0];
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  o as head
+  n as isEmpty
 };

package/dist/index245.js

@@ -1,4 +1,4 @@
-const r = (e) => typeof e > "u" || e === null;
+const o = (e) => e[0];
 export {
-  r as isNil
+  o as head
 };

package/dist/index246.js

@@ -1,9 +1,4 @@
-const s = (e, t, o, r) => {
-  if (r <= 0) throw new Error("Step must be a positive number");
-  if (t > o) throw new Error("Min must be less than or equal to Max");
-  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
-  return t + a * r;
-};
+const r = (e) => typeof e > "u" || e === null;
 export {
-  s as snapToStep
+  r as isNil
 };

package/dist/index247.js

@@ -1,9 +1,9 @@
-function o(t, e, n, r, a) {
-  if (n === e)
-    throw new Error("Original boundaries cannot be equal.");
-  const c = (t - e) / (n - e);
-  return r + c * (a - r);
-}
+const s = (e, t, o, r) => {
+  if (r <= 0) throw new Error("Step must be a positive number");
+  if (t > o) throw new Error("Min must be less than or equal to Max");
+  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
+  return t + a * r;
+};
 export {
-  o as transpose
+  s as snapToStep
 };

package/dist/index248.js

@@ -1,5 +1,9 @@
-import r from "./index307.js";
-const t = r;
+function o(t, e, n, r, a) {
+  if (n === e)
+    throw new Error("Original boundaries cannot be equal.");
+  const c = (t - e) / (n - e);
+  return r + c * (a - r);
+}
 export {
-  t as deburr
+  o as transpose
 };

package/dist/index249.js

@@ -1,6 +1,15 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
+  }
+  return t + "px";
+};
 export {
-  x as isHex
+  c as parseSize
 };

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as T, nextTick as G } from "vue";
-import { parseSize as J } from "./index209.js";
+import { parseSize as J } from "./index249.js";
 import { useId as V } from "./index8.js";
-import { useLocale as Q } from "./index210.js";
+import { useLocale as Q } from "./index224.js";
 import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index211.js";
+import { useUntil as Y } from "./index250.js";
 import { wait as y } from "./index135.js";
 const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
   ref: "header",

package/dist/index250.js

@@ -1,199 +1,13 @@
-import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
-import { hexToRgb as B } from "./index335.js";
-import { getHueFromRGB as K } from "./index336.js";
-import { hslToHex as y } from "./index337.js";
-import { useLocale as Z } from "./index210.js";
-const ee = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, te = { key: 0 }, ae = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ne = { key: 0 }, ce = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F, { emit: N }) {
-    const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
-      y(K(...B(o.value ?? "#ff0000")), 100, 50)
-    ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
-      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());
-    }, D = () => {
-      const e = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = D();
-      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 = D();
-      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");
-    }, P = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = P();
-      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), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, H = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = P();
-      if (!t) return;
-      const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
-    }, U = (e) => {
-      r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
-    }, I = (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);
-    }, V = (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);
-    }, L = (e) => {
-      b.value ? I(e) : k.value && V(e);
-    }, G = () => {
-      b.value = !1, k.value = !1;
-    }, X = (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();
-    }, $ = (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(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      T(), W(o.value ?? "#ff0000");
-    }), Q(
-      () => R.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, W(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, [M, z, Y] = i;
-      return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
-    };
-    function W(e) {
-      var a;
-      const t = K(...B(e));
-      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
+import { ref as a, watch as c, toValue as u } from "vue";
+const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
+  const t = a(o), n = c(
+    () => u(e),
+    (s) => {
+      s && (t.value = r, n());
     }
-    return (e, t) => (_(), S("div", {
-      ref_key: "paletteRef",
-      ref: O,
-      "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: X,
-        onPointerdown: q
-      }, null, 544),
-      w("p", ee, [
-        A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !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: $,
-        onPointerdown: U
-      }, null, 544),
-      w("p", ae, [
-        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
-      ])
-    ], 512));
-  }
-});
+  );
+  return t;
+};
 export {
-  ce as default
+  i as useUntil
 };

package/dist/index251.js

@@ -0,0 +1,5 @@
+import r from "./index310.js";
+const t = r;
+export {
+  t as deburr
+};

package/dist/index252.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./index306.js";
-import { __require as r } from "./index309.js";
-var o = r();
-const p = /* @__PURE__ */ e(o);
+import { getDefaultExportFromCjs as r } from "./index304.js";
+import { __require as o } from "./index311.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  p as default
+  m as default
 };

package/dist/index253.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as e } from "./index306.js";
-import { __require as r } from "./index311.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+import { MaskInput as r } from "./index256.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  f as default
+  k as vMaska
 };

package/dist/index254.js

@@ -1,10 +1,115 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
+import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
+import { wait as F } from "./index135.js";
+import { useFloating as U, arrow as j } from "./index333.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index334.js";
+const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: J,
+        middleware: [
+          q(),
+          G(o.offset),
+          H({ padding: o.padding }),
+          I(),
+          j({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), d = (e) => {
+      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
+        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
+      });
+    };
+    A(a, d, { flush: "post" }), x(() => {
+      a.value && d(a.value);
+    });
+    const $ = S(() => {
+      if (l.value.arrow) {
+        const { x: e, y: u } = l.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${u}px`
+          }
+        };
+      }
+    }), B = () => {
+      a.value = !1;
+    };
+    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: E(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: z({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(B) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", K, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
   }
 });
 export {
-  e as useLogger
+  W as default
 };