bitboss-ui 2.1.83 → 2.1.84

package/dist/index268.js

@@ -1,53 +1,43 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index321.js";
-import { useItemValue as w } from "./index264.js";
-import { hash as y } from "./index263.js";
-import { useLogger as D } from "./index233.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
-}) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
+import { useLogger as g } from "./index255.js";
+const A = (t, s) => {
+  if (!s.length) return;
+  const o = Array.from(
+    t.querySelectorAll("thead th")
+  );
+  if (!o.length) return;
+  const { error: n } = g(), u = o.length, a = s.reduce((e, r) => {
+    const i = typeof r == "number" ? r : r.index, d = typeof r == "number" ? "left" : r.position, l = o[i];
+    if (!l)
+      return n(
+        `BbTable fixedColumns: Cannot affix column at index ${i}. Table has ${u} columns (valid indices: 0–${u - 1}).`
+      ), e;
+    const { width: m } = l.getBoundingClientRect(), y = e.filter((h) => h.position === d).reduce((h, C) => h + C.width, 0);
+    return e.push({ index: i, position: d, width: Math.floor(m), offset: y }), e;
+  }, []), c = Array.from(t.querySelectorAll("tr")), p = a.map((e) => `:scope > :nth-child(${e.index + 1})`).join(", ");
+  c.forEach((e) => {
+    Array.from(e.querySelectorAll(p)).forEach((i, d) => {
+      const l = a[d];
+      l && (i.style.position = "sticky", i.style[l.position] = `${l.offset}px`);
+    });
+  });
+}, f = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), $ = (t, s, o) => {
+  const n = [...f(t)];
+  return s && n.push(...f(s)), o && n.push(...f(o)), n;
+}, b = (t, s, o, n, u, a) => {
+  const c = [...f(t)], p = (e) => typeof e == "function" ? e(n, u, a) : e;
+  if (s) {
+    const e = p(s);
+    e && c.push(...f(e));
+  }
+  if (o) {
+    const e = p(o);
+    e && c.push(...f(e));
+  }
+  return c;
 };
 export {
-  q as useBaseOptions
+  A as applyFixedTableColumns,
+  w as columnKeyToSlotName,
+  b as mergeCellClasses,
+  $ as mergeHeaderClasses
 };

package/dist/index269.js

@@ -1,14 +1,6 @@
-import { hash as e } from "./index263.js";
-import { debouncedWatch as s } from "./index215.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  n as useHashedWatcher
+  x as isHex
 };

package/dist/index27.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
-import { deburr as x } from "./index228.js";
+import { deburr as x } from "./index265.js";
 import { getAsPercentage as k } from "./index139.js";
 import { useId as J } from "./index8.js";
 const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({

package/dist/index270.js

@@ -1,43 +1,203 @@
-import { useLogger as g } from "./index233.js";
-const A = (t, s) => {
-  if (!s.length) return;
-  const o = Array.from(
-    t.querySelectorAll("thead th")
-  );
-  if (!o.length) return;
-  const { error: n } = g(), u = o.length, a = s.reduce((e, r) => {
-    const i = typeof r == "number" ? r : r.index, d = typeof r == "number" ? "left" : r.position, l = o[i];
-    if (!l)
-      return n(
-        `BbTable fixedColumns: Cannot affix column at index ${i}. Table has ${u} columns (valid indices: 0–${u - 1}).`
-      ), e;
-    const { width: m } = l.getBoundingClientRect(), y = e.filter((h) => h.position === d).reduce((h, C) => h + C.width, 0);
-    return e.push({ index: i, position: d, width: Math.floor(m), offset: y }), e;
-  }, []), c = Array.from(t.querySelectorAll("tr")), p = a.map((e) => `:scope > :nth-child(${e.index + 1})`).join(", ");
-  c.forEach((e) => {
-    Array.from(e.querySelectorAll(p)).forEach((i, d) => {
-      const l = a[d];
-      l && (i.style.position = "sticky", i.style[l.position] = `${l.offset}px`);
-    });
-  });
-}, f = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), $ = (t, s, o) => {
-  const n = [...f(t)];
-  return s && n.push(...f(s)), o && n.push(...f(o)), n;
-}, b = (t, s, o, n, u, a) => {
-  const c = [...f(t)], p = (e) => typeof e == "function" ? e(n, u, a) : e;
-  if (s) {
-    const e = p(s);
-    e && c.push(...f(e));
+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 "./index350.js";
+import { getHueFromRGB as F } from "./index351.js";
+import { hslToHex as b } from "./index352.js";
+import { useLocale as Z } from "./index230.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));
   }
-  if (o) {
-    const e = p(o);
-    e && c.push(...f(e));
-  }
-  return c;
-};
+});
 export {
-  A as applyFixedTableColumns,
-  w as columnKeyToSlotName,
-  b as mergeCellClasses,
-  $ as mergeHeaderClasses
+  ue as default
 };

package/dist/index272.js

@@ -1,4 +1,5 @@
-const e = (t) => t[t.length - 1];
+import t from "./index326.js";
+const r = t;
 export {
-  e as last
+  r as throttle
 };

package/dist/index273.js

@@ -1,8 +1,13 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
 }
 export {
-  e as validateDateFormat
+  c as get
 };