bitboss-ui 2.1.98 → 2.1.99

package/dist/index287.js

@@ -1,8 +1,203 @@
-import e from "./index329.js";
-import o from "./index330.js";
-import r from "./index331.js";
-const f = new r(o, e)._freeze();
+import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
+import { hexToRgb as K } from "./index356.js";
+import { getHueFromRGB as F } from "./index357.js";
+import { hslToHex as b } from "./index358.js";
+import { useLocale as Z } from "./index231.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 }, ue = /* @__PURE__ */ j({
+  __name: "ColorPallette",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(N, { emit: O }) {
+    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
+      b(F(...K(o.value ?? "#ff0000")), 100, 50)
+    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
+      const e = i.value, t = r.value;
+      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
+    }, R = () => {
+      const e = i.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = i.value;
+      if (!e) return;
+      const t = R();
+      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;
+    }, m = () => {
+      const e = R();
+      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");
+    }, D = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, g = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = D();
+      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 = D();
+      if (!t) return;
+      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, E = (e) => {
+      const t = i.value;
+      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
+    }, U = (e) => {
+      const t = r.value;
+      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
+    }, I = (e) => {
+      const t = i.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
+      l.value = { x: n, y: c }, v(), m(), o.value = C(), 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 - 1, e.clientX - a.left));
+      u.value = { x: n };
+      const c = n / t.width * 360;
+      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
+    }, G = (e) => {
+      p.value ? I(e) : P.value && V(e);
+    }, W = (e) => {
+      const t = p.value ? i.value : r.value;
+      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
+    }, X = (e) => {
+      switch (e.key) {
+        case "ArrowUp":
+          l.value.y = Math.max(0, l.value.y - 5);
+          break;
+        case "ArrowDown":
+          l.value.y = Math.min(
+            i.value?.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(
+            i.value?.width ?? 0,
+            l.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
+    }, $ = (e) => {
+      switch (e.key) {
+        case "ArrowLeft":
+          u.value.x = Math.max(0, u.value.x - 5);
+          break;
+        case "ArrowRight":
+          u.value.x = Math.min(
+            r.value?.width ?? 0,
+            u.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      const a = u.value.x / (r.value?.width ?? 1) * 360;
+      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
+    };
+    J(() => {
+      q(), A(o.value ?? "#ff0000");
+    }), Q(
+      () => _.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, A(e), g(), v());
+      }
+    );
+    const C = () => {
+      const e = i.value;
+      if (!e) return "#ffffff";
+      const t = e.getContext("2d");
+      if (!t) return "#ffffff";
+      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
+      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
+    };
+    function A(e) {
+      const t = F(...K(e));
+      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
+    }
+    return (e, t) => (S(), M("span", {
+      ref_key: "paletteRef",
+      ref: T,
+      "aria-label": "Color Picker",
+      class: "bb-color-palette",
+      role: "application"
+    }, [
+      x("canvas", {
+        ref_key: "mainCanvasRef",
+        ref: i,
+        "aria-describedby": "mainCanvasDesc",
+        "aria-label": "Main Color Selection",
+        class: "bb-color-palette__canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: X,
+        onPointerdown: E,
+        onPointermove: G,
+        onPointerup: W
+      }, null, 544),
+      x("span", ee, [
+        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
+      ]),
+      x("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,
+        onPointermove: G,
+        onPointerup: W
+      }, null, 544),
+      x("span", ae, [
+        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
+      ])
+    ], 512));
+  }
+});
 export {
-  r as Mime,
-  f as default
+  ue as default
 };

package/dist/index289.js

@@ -1,4 +1,69 @@
-const o = (e) => e[0];
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index231.js";
+import h from "./index14.js";
+/* empty css        */
+import C from "./index87.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
+        }, {
+          default: g(() => a[0] || (a[0] = [
+            t("svg", {
+              fill: "none",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                d: "M23 23L1 1M23 1L1 23",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  o as head
+  z as default
 };

package/dist/index290.js

@@ -1,9 +1,15 @@
-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 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 {
-  s as snapToStep
+  c as parseSize
 };

package/dist/index291.js

@@ -1,9 +1,7 @@
-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 o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
+  f(r, u),
+  ...o(r[n], n, f, f(r, u))
+] : [f(r, u)]).flat();
 export {
-  o as transpose
+  o as flattenTree
 };

package/dist/index292.js

@@ -1,11 +1,5 @@
-import { get as o } from "./index274.js";
-const e = () => ({
-  getItemValue(n, f) {
-    if (typeof f > "u") return n;
-    if (typeof f == "function") return f(n);
-    if (typeof f == "string") return o(n, f);
-  }
-});
+import r from "./index331.js";
+const t = r;
 export {
-  e as useItemValue
+  t as deburr
 };

package/dist/index293.js

@@ -1,55 +1,8 @@
-import { useLogger as y } from "./index226.js";
-const g = (t, i) => {
-  if (!i.length) return;
-  const n = Array.from(
-    t.querySelectorAll(":scope > thead th")
-  );
-  if (!n.length) return;
-  const { error: r } = y(), p = n.length, u = i.map((e) => ({
-    index: typeof e == "number" ? e : e.index,
-    position: typeof e == "number" ? "left" : e.position
-  })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
-    const l = n[o.index];
-    if (!l)
-      return r(
-        `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
-      ), e;
-    const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
-    return e.push({
-      index: o.index,
-      position: o.position,
-      width: Math.floor(c),
-      offset: m
-    }), e;
-  }, []);
-  Array.from(
-    t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
-  ).forEach((e) => {
-    u.forEach((o) => {
-      const l = e.querySelector(
-        `:scope > :nth-child(${o.index + 1})`
-      );
-      l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
-    });
-  });
-}, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
-  const r = [...d(t)];
-  return i && r.push(...d(i)), n && r.push(...d(n)), r;
-}, $ = (t, i, n, r, p, a) => {
-  const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
-  if (i) {
-    const s = u(i);
-    s && f.push(...d(s));
-  }
-  if (n) {
-    const s = u(n);
-    s && f.push(...d(s));
-  }
-  return f;
-};
+import e from "./index332.js";
+import o from "./index333.js";
+import r from "./index334.js";
+const f = new r(o, e)._freeze();
 export {
-  g as applyFixedTableColumns,
-  w as columnKeyToSlotName,
-  $ as mergeCellClasses,
-  A as mergeHeaderClasses
+  r as Mime,
+  f as default
 };

package/dist/index294.js

@@ -1,23 +1,18 @@
-function i(e, o) {
-  const l = {}, u = e.length;
-  for (let n = 0; n < u; n++) {
-    const s = e[n];
-    let f;
-    if (typeof o == "function")
-      f = o(s, n, e);
-    else {
-      const t = s[o];
-      if (typeof t == "string" || typeof t == "number" || typeof t == "symbol")
-        f = t;
-      else
-        throw new Error(
-          `Property "${String(o)}" must be of type string, number, or symbol`
-        );
-    }
-    l[f] = s;
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
   }
-  return l;
-}
+  return t;
+}, null);
 export {
-  i as indexBy
+  e as findInTree
 };

package/dist/index295.js

@@ -1,7 +1,11 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  o as flattenTree
+  u as debounce
 };

package/dist/index297.js

@@ -1,4 +1,4 @@
-import o from "./index241.js";
+import o from "./index263.js";
 /* empty css         */
 export {
   o as default

package/dist/index298.js

@@ -1,19 +1,4 @@
-import { get as t } from "./index274.js";
-const o = () => ({
-  getItemText(r, n) {
-    if (typeof r == "string" && !n) return r;
-    if (n) {
-      if (typeof n == "function") {
-        let f = n(r);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      } else if (typeof n == "string") {
-        const f = t(r, n);
-        return typeof f == "string" ? f : JSON.stringify(f);
-      }
-    }
-    return JSON.stringify(r);
-  }
-});
+import f from "./index261.js";
 export {
-  o as useItemText
+  f as default
 };

package/dist/index299.js

@@ -1,30 +1,5 @@
-function y(t, r) {
-  return t > r ? 1 : -1;
-}
-function c(t, r) {
-  var n = 5381;
-  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-    r || (r = /* @__PURE__ */ new WeakSet());
-    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
-      var s = p[i], e = t[s];
-      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-        if (r.has(e)) continue;
-        r.add(e);
-      }
-      n = 33 * n ^ c(e, r);
-    }
-    return 33 * n ^ c(t.constructor, r);
-  }
-  var o = typeof t;
-  try {
-    t instanceof Date ? o += t.getTime() : o += String(t);
-  } catch {
-    o += String(Object.assign({}, t));
-  }
-  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
-  return n;
-}
+import o from "./index244.js";
+/* empty css         */
 export {
-  c as hash,
-  y as sortNumbers
+  o as default
 };

package/dist/index30.js

@@ -1,7 +1,7 @@
 import { defineComponent as M, computed as T, ref as W, watchPostEffect as q, createBlock as F, openBlock as K, normalizeClass as L, withCtx as i, createVNode as O, unref as h, createElementVNode as z, mergeProps as G, withModifiers as R, renderSlot as d } from "vue";
 import { clamp as c } from "./index217.js";
-import { clampPrecision as U } from "./index265.js";
-import { isNil as f } from "./index257.js";
+import { clampPrecision as U } from "./index268.js";
+import { isNil as f } from "./index242.js";
 import { isNotNil as g } from "./index146.js";
 import j from "./index137.js";
 /* empty css         */

package/dist/index300.js

@@ -0,0 +1,19 @@
+import { get as t } from "./index243.js";
+const o = () => ({
+  getItemText(r, n) {
+    if (typeof r == "string" && !n) return r;
+    if (n) {
+      if (typeof n == "function") {
+        let f = n(r);
+        return typeof f != "string" && (f = JSON.stringify(f)), f;
+      } else if (typeof n == "string") {
+        const f = t(r, n);
+        return typeof f == "string" ? f : JSON.stringify(f);
+      }
+    }
+    return JSON.stringify(r);
+  }
+});
+export {
+  o as useItemText
+};

package/dist/index301.js

@@ -1,5 +1,30 @@
-import o from "./index255.js";
-/* empty css         */
+function y(t, r) {
+  return t > r ? 1 : -1;
+}
+function c(t, r) {
+  var n = 5381;
+  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+    r || (r = /* @__PURE__ */ new WeakSet());
+    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
+      var s = p[i], e = t[s];
+      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+        if (r.has(e)) continue;
+        r.add(e);
+      }
+      n = 33 * n ^ c(e, r);
+    }
+    return 33 * n ^ c(t.constructor, r);
+  }
+  var o = typeof t;
+  try {
+    t instanceof Date ? o += t.getTime() : o += String(t);
+  } catch {
+    o += String(Object.assign({}, t));
+  }
+  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
+  return n;
+}
 export {
-  o as default
+  c as hash,
+  y as sortNumbers
 };