bitboss-ui 2.1.16 → 2.1.17

package/dist/index216.js

@@ -1,199 +1,14 @@
-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 "./index325.js";
-import { getHueFromRGB as K } from "./index326.js";
-import { hslToHex as y } from "./index327.js";
-import { useLocale as Z } from "./index213.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);
-    }
-    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));
-  }
-});
+import { hash as e } from "./index215.js";
+import { debouncedWatch as s } from "./index207.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
 export {
-  ce as default
+  n as useHashedWatcher
 };

package/dist/index217.js

@@ -0,0 +1,18 @@
+import { isNotNil as n } from "./index140.js";
+import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
+const h = ({
+  fn: i,
+  onStart: s,
+  multiple: f,
+  currentValue: o
+}) => {
+  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
+    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
+  };
+  return a && (u(r), c(async () => {
+    l.value || await r();
+  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+};
+export {
+  h as usePrefill
+};

package/dist/index218.js

@@ -1,74 +1,6 @@
-import { defineComponent as y, ref as C, createElementBlock as v, openBlock as i, withModifiers as B, normalizeClass as h, unref as n, renderSlot as o, createBlock as s, createCommentVNode as l, createVNode as t, createElementVNode as m } from "vue";
-/* empty css       */
-/* empty css       */
-import u from "./index85.js";
-/* empty css        */
-import I from "./index113.js";
-/* empty css         */
-import E from "./index333.js";
-import N from "./index334.js";
-/* empty css         */
-import { noop as d } from "./index266.js";
-const V = { class: "bb-common-input-inner-container__prefix" }, w = { class: "bb-common-input-inner-container__suffix" }, G = /* @__PURE__ */ y({
-  __name: "CommonInputInnerContainer",
-  props: {
-    "append:icon": {},
-    clearable: { type: Boolean },
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
-  },
-  emits: ["click:clear"],
-  setup(f, { emit: b }) {
-    const p = f, _ = b, r = C(), a = () => {
-      var e;
-      !r.value || p.preventFocus || (e = r.value.querySelector("input,textarea")) == null || e.focus();
-    }, $ = () => {
-      _("click:clear"), a();
-    };
-    return (e, c) => (i(), v("span", {
-      ref_key: "container",
-      ref: r,
-      class: h(["bb-common-input-inner-container", {
-        "bb-common-input-inner-container--clearable": p.clearable
-      }]),
-      onClick: a,
-      onPointerdown: c[0] || (c[0] = B(
-        //@ts-ignore
-        (...k) => n(d) && n(d)(...k),
-        ["prevent"]
-      ))
-    }, [
-      o(e.$slots, "prepend", {}, () => [
-        m("span", V, [
-          o(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (i(), s(n(u), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      o(e.$slots, "default"),
-      t(N, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: $
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (i(), s(n(u), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      t(E),
-      t(n(I)),
-      o(e.$slots, "append", {}, () => [
-        m("span", w, [
-          o(e.$slots, "suffix")
-        ])
-      ])
-    ], 34));
-  }
-});
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  G as default
+  x as isHex
 };

package/dist/index219.js

@@ -0,0 +1,15 @@
+import { locales as t } from "./index288.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index289.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 {
+  d as useLocale
+};

package/dist/index220.js

@@ -1,15 +1,13 @@
-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]]);
+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 t;
+};
 export {
-  i as default
+  i as useUntil
 };

package/dist/index221.js

@@ -1,116 +1,22 @@
-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 l, 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 "./index336.js";
-import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index337.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" },
-    flip: { type: Boolean, default: !0 }
-  }, {
-    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: n, update: B } = U(
-      i,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: J,
-        middleware: [
-          ...o.flip ? [q()] : [],
-          G(o.offset),
-          H({ padding: o.padding }),
-          I(),
-          j({
-            element: p,
-            padding: o.arrowPadding
-          })
-        ],
-        strategy: "fixed"
-      }
-    ), d = (e) => {
-      e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
-        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
-      });
+import { MaskInput as r } from "./index255.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);
     };
-    A(a, d, { flush: "post" }), x(() => {
-      a.value && d(a.value);
-    });
-    const M = S(() => {
-      if (n.value.arrow) {
-        const { x: e, y: u } = n.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), $ = () => {
-      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--${l(_)}`]: !0
-      }]),
-      style: z({
-        "--transition-duration": `${o.transitionDuration}ms`
-      })
-    }, {
-      default: w(() => {
-        var m, f, c;
-        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) ?? {},
-              ...l(k),
-              "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: a.value ? void 0 : -1
-          }, e.containerAttributes, { onClose: l($) }), {
-            default: w(() => [
-              C("span", h({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, M.value), null, 16),
-              C("span", K, [
-                y(e.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "style"]));
+    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 {
-  W as default
+  k as vMaska
 };