bitboss-ui 2.1.6 → 2.1.8

package/dist/index248.js

@@ -1,199 +1,7 @@
-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 "./index212.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 { getDefaultExportFromCjs as r } from "./index315.js";
+import { __require as e } from "./index297.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  ce as default
+  m as default
 };

package/dist/index249.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./index315.js";
+import { __require as e } from "./index299.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
+export {
+  m as default
+};

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 "./index252.js";
+import { parseSize as J } from "./index241.js";
 import { useId as V } from "./index8.js";
-import { useLocale as Q } from "./index212.js";
+import { useLocale as Q } from "./index223.js";
 import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index222.js";
+import { useUntil as Y } from "./index235.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,5 +1,7 @@
-import r from "./index309.js";
-const t = r;
+import { getDefaultExportFromCjs as r } from "./index315.js";
+import { __require as t } from "./index301.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  t as deburr
+  a as default
 };

package/dist/index251.js

@@ -1,5 +1,7 @@
-import t from "./index308.js";
-const r = t;
+import { getDefaultExportFromCjs as r } from "./index315.js";
+import { __require as e } from "./index303.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  r as throttle
+  m as default
 };

package/dist/index252.js

@@ -1,15 +1,7 @@
-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";
-};
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index305.js";
+var o = r();
+const p = /* @__PURE__ */ e(o);
 export {
-  c as parseSize
+  p as default
 };

package/dist/index253.js

@@ -1,179 +1,7 @@
-var w = Object.defineProperty, C = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => C(a, typeof t != "symbol" ? t + "" : t, e);
-const R = {
-  "#": { pattern: /[0-9]/ },
-  "@": { pattern: /[a-zA-Z]/ },
-  "*": { pattern: /[a-zA-Z0-9]/ }
-}, N = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, t, e) => {
-  var s;
-  return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
-    minimumFractionDigits: a,
-    maximumFractionDigits: t,
-    roundingMode: "trunc"
-  });
-}, P = (a, t = !0, e) => {
-  var s, r, n, h;
-  const u = ((s = e.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", l = ((r = e.number) == null ? void 0 : r.fraction) ?? 0;
-  let o = I(0, l, e);
-  const k = o.formatToParts(1000.12), c = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", b = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = N(a, c, b);
-  if (Number.isNaN(parseFloat(f))) return u;
-  const g = f.split(".");
-  if (g[1] != null && g[1].length >= 1) {
-    const i = g[1].length <= l ? g[1].length : l;
-    o = I(i, l, e);
-  }
-  let m = o.format(parseFloat(f));
-  return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += b) : m = N(m, c, b), u + m;
-};
-class T {
-  constructor(t = {}) {
-    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
-    const e = { ...t };
-    if (e.tokens != null) {
-      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
-      for (const s of Object.values(e.tokens))
-        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
-    } else
-      e.tokens = R;
-    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
-  }
-  masked(t) {
-    return this.process(String(t), this.findMask(String(t)));
-  }
-  unmasked(t) {
-    return this.process(String(t), this.findMask(String(t)), !1);
-  }
-  isEager() {
-    return this.opts.eager === !0;
-  }
-  isReversed() {
-    return this.opts.reversed === !0;
-  }
-  completed(t) {
-    const e = this.findMask(String(t));
-    if (this.opts.mask == null || e == null) return !1;
-    const s = this.process(String(t), e).length;
-    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= e.length;
-  }
-  findMask(t) {
-    const e = this.opts.mask;
-    if (e == null)
-      return null;
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return e(t);
-    const s = this.process(t, e.slice(-1).pop() ?? "", !1);
-    return e.find((r) => this.process(t, r, !1).length >= s.length) ?? "";
-  }
-  escapeMask(t) {
-    const e = [], s = [];
-    return t.split("").forEach((r, n) => {
-      r === "!" && t[n - 1] !== "!" ? s.push(n - s.length) : e.push(r);
-    }), { mask: e.join(""), escaped: s };
-  }
-  process(t, e, s = !0) {
-    if (this.opts.number != null) return P(t, s, this.opts);
-    if (e == null) return t;
-    const r = `v=${t},mr=${e},m=${s ? 1 : 0}`;
-    if (this.memo.has(r)) return this.memo.get(r);
-    const { mask: n, escaped: h } = this.escapeMask(e), u = [], l = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : n.length - 1, b = this.isReversed() ? () => i > -1 && p > -1 : () => i < n.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
-    let g, m = -1, i = this.isReversed() ? n.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
-    for (; b(); ) {
-      const v = n.charAt(i), d = l[v], y = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
-      if (!h.includes(i) && d != null ? (y.match(d.pattern) != null ? (u[k](y), d.repeated ? (m === -1 ? m = i : i === c && i !== m && (i = m - o), c === m && (i -= o)) : d.multiple && (M = !0, i -= o), i += o) : d.multiple ? M && (i += o, p -= o, M = !1) : y === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), y === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
-        for (; f(i) && (l[n.charAt(i)] == null || h.includes(i)); ) {
-          if (s) {
-            if (u[k](n.charAt(i)), t.charAt(p) === n.charAt(i)) {
-              i += o, p += o;
-              continue;
-            }
-          } else n.charAt(i) === t.charAt(p) && (p += o);
-          i += o;
-        }
-    }
-    return this.memo.set(r, u.join("")), this.memo.get(r);
-  }
-}
-const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, t = {}) => {
-  const e = { ...t };
-  a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = x(a.dataset.maskaTokens));
-  const s = {};
-  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
-}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
-  if (a.startsWith("{") && a.endsWith("}"))
-    return S(a);
-  const t = {};
-  return a.split("|").forEach((e) => {
-    const s = e.split(":");
-    t[s[0]] = {
-      pattern: new RegExp(s[1]),
-      optional: s[2] === "optional",
-      multiple: s[2] === "multiple",
-      repeated: s[2] === "repeated"
-    };
-  }), t;
-};
-class O {
-  constructor(t, e = {}) {
-    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
-      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
-        return;
-      const r = s.target, n = this.items.get(r), h = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), l = h && u && n.unmasked(r.value) === "" ? "" : r.value;
-      this.fixCursor(r, h, () => this.setValue(r, l));
-    }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
-  }
-  update(t = {}) {
-    this.options = { ...t }, this.init(Array.from(this.items.keys()));
-  }
-  updateValue(t) {
-    t.value !== "" && t.value !== this.processInput(t).masked && this.setValue(t, t.value);
-  }
-  destroy() {
-    this.eventAbortController.abort(), this.items.clear();
-  }
-  init(t) {
-    const e = this.getOptions(this.options);
-    for (const s of t) {
-      if (!this.items.has(s)) {
-        const { signal: n } = this.eventAbortController;
-        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
-      }
-      const r = new T(F(s, e));
-      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
-    }
-  }
-  getInputs(t) {
-    return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
-  }
-  getOptions(t) {
-    const { onMaska: e, preProcess: s, postProcess: r, ...n } = t;
-    return n;
-  }
-  fixCursor(t, e, s) {
-    const r = t.selectionStart, n = t.value;
-    if (s(), r === null || r === n.length && !e) return;
-    const h = t.value, u = n.slice(0, r), l = h.slice(0, r), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
-    let c = r;
-    u !== l && (c += e ? h.length - n.length : o.length - k.length), t.setSelectionRange(c, c);
-  }
-  setValue(t, e) {
-    const s = this.processInput(t, e);
-    t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked }));
-  }
-  processInput(t, e) {
-    const s = this.items.get(t);
-    let r = e ?? t.value;
-    this.options.preProcess != null && (r = this.options.preProcess(r));
-    let n = s.masked(r);
-    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
-      masked: n,
-      unmasked: s.unmasked(r),
-      completed: s.completed(r)
-    };
-  }
-}
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index307.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  T as Mask,
-  O as MaskInput,
-  R as tokens
+  f as default
 };

package/dist/index254.js

@@ -1,11 +1,10 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  e as useLogger
 };