bitboss-ui 2.1.89 → 2.1.91

package/dist/index235.js

@@ -1,15 +1,203 @@
-import { locales as t } from "./index310.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index263.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
+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 "./index333.js";
+import { getHueFromRGB as F } from "./index334.js";
+import { hslToHex as b } from "./index335.js";
+import { useLocale as Z } from "./index232.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 {
-  d as useLocale
+  ue as default
 };

package/dist/index237.js

@@ -0,0 +1,137 @@
+import { defineComponent as A, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
+import { useCancelableFunction as G } from "./index338.js";
+import { useUntil as H } from "./index253.js";
+import { extractDomContainer as x } from "./index241.js";
+import { waitFor as J } from "./index339.js";
+import { arrow as K, useFloating as O } from "./index340.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index341.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ A({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ L({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    anchor: {},
+    boundary: {},
+    dialog: { type: Boolean },
+    hideArrow: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const o = m, r = T(m, "modelValue"), s = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
+      const e = o.anchor;
+      return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
+    }), B = H(r, { initialValue: o.eager }), P = a(() => {
+      if (o.boundary)
+        return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
+    }), k = a(() => {
+      const e = P.value;
+      return [
+        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
+        W(o.offset),
+        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
+        Z(),
+        ...o.hideArrow ? [] : [
+          K({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = G(
+      ({ signal: e }, n) => new Promise((l) => {
+        let i;
+        const p = () => {
+          i && clearTimeout(i);
+        };
+        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
+          s.value = !0, e.removeEventListener("abort", p), l(void 0);
+        })) : (s.value = !1, i = setTimeout(() => {
+          z(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), $ = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const D = a(() => {
+      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": `${n}px`
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), V = a(() => {
+      if (u.value.arrow) {
+        const { x: e, y: n } = u.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), d = () => {
+      r.value = !1;
+    };
+    return (e, n) => (w(), N(U(C.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": s.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, D.value, {
+      onClick: h(d, ["self", "stop"]),
+      onContextmenu: h(d, ["self", "stop", "prevent"]),
+      onClose: d
+    }), {
+      default: j(() => [
+        q("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, V.value), null, 16),
+        y(B) ? (w(), I("span", oe, [
+          X(e.$slots, "default")
+        ])) : R("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  ue as default
+};

package/dist/index239.js

@@ -1,19 +1,12 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index226.js";
-const p = ({
-  items: m,
-  key: e
-}) => {
-  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
-    const t = {}, s = Array.from(a(m) ?? []);
-    for (let r = 0; r < s.length; r++) {
-      const c = s[r];
-      t[n(c)] = c;
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
     }
-    return t;
-  });
-  return { data: o, get: (t) => o.value[n(t)] };
+  return e;
 };
 export {
-  p as useIndexById
+  o as pickBy
 };

package/dist/index240.js

@@ -1,53 +1,5 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index314.js";
-import { useItemValue as w } from "./index285.js";
-import { hash as y } from "./index226.js";
-import { useLogger as D } from "./index229.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
-  };
+const o = () => {
 };
 export {
-  q as useBaseOptions
+  o as noop
 };

package/dist/index241.js

@@ -1,17 +1,6 @@
-import { isNil as f } from "./index245.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
+function e(n) {
+  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
+}
 export {
-  a as useCoherence
+  e as extractDomContainer
 };

package/dist/index242.js

@@ -1,14 +1,5 @@
-import { hash as e } from "./index226.js";
-import { debouncedWatch as s } from "./index214.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { hash as r } from "./index223.js";
+const a = (o, t) => r(o) === r(t);
 export {
-  n as useHashedWatcher
+  a as isEqual
 };

package/dist/index243.js

@@ -1,18 +1,88 @@
-import { isNotNil as n } from "./index144.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 };
-};
+import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index232.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ p({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: d } = g();
+    return (e, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": e.hasErrors,
+        "bb-cr-container--horizontal": e.direction === "horizontal",
+        "bb-cr-container--vertical": e.direction === "vertical"
+      }])
+    }, [
+      o("span", k, [
+        t(e.$slots, "prepend"),
+        !e.options.length && e.loading ? (s(), n("span", y, [
+          t(e.$slots, "loading", {}, () => [
+            l(i(e.loadingText || b(d)("common.loadingText")), 1)
+          ])
+        ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
+          t(e.$slots, "no-data", {}, () => [
+            l(i(e.noDataText || b(d)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
+          key: a?.valueHash || c
+        }, [
+          t(e.$slots, "option:prepend", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          }),
+          o("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
+          }, [
+            t(e.$slots, "input", {
+              index: c,
+              option: a
+            }),
+            o("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": e.hideLabel
+              })
+            }, [
+              t(e.$slots, "label", {
+                checked: !!a.selected,
+                item: a.item,
+                text: a.text
+              }, () => [
+                l(i(a.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(e.$slots, "option:append", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          })
+        ], 64))), 128)),
+        t(e.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  h as usePrefill
+  C as default
 };

package/dist/index245.js

@@ -1,4 +1,31 @@
-const r = (e) => typeof e > "u" || e === null;
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index216.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  r as isNil
+  p as useItemsGetter
 };

package/dist/index246.js

@@ -1,9 +1,19 @@
-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;
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index223.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
 };
 export {
-  s as snapToStep
+  p as useIndexById
 };