bitboss-ui 2.1.76 → 2.1.78

package/dist/index132.js

@@ -1,14 +1,14 @@
 import { defineComponent as R, mergeModels as U, ref as L, computed as v, useTemplateRef as W, useModel as x, watch as m, onBeforeUnmount as F, createElementBlock as I, openBlock as g, Fragment as _, renderSlot as k, createCommentVNode as C, createVNode as j, normalizeProps as q, mergeProps as B, withCtx as T, createElementVNode as f, normalizeStyle as G, createBlock as H, unref as J } from "vue";
 import { useId as K } from "./index8.js";
-import { useLocale as Q } from "./index225.js";
-import { useUntil as X } from "./index246.js";
+import { useLocale as Q } from "./index223.js";
+import { useUntil as X } from "./index250.js";
 import Y from "./index13.js";
 /* empty css        */
-import Z from "./index243.js";
+import Z from "./index227.js";
 /* empty css         */
 import { useElementSize as ee } from "./index141.js";
-import { extractDomContainer as V } from "./index264.js";
-import { parseWidthString as te } from "./index280.js";
+import { extractDomContainer as V } from "./index251.js";
+import { parseWidthString as te } from "./index252.js";
 const ce = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "BbTooltip",

package/dist/index134.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index221.js";
+import { flattenTree as T } from "./index271.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index136.js

@@ -5,8 +5,8 @@ import u from "./index86.js";
 /* empty css        */
 import I from "./index114.js";
 /* empty css         */
-import N from "./index255.js";
-import g from "./index256.js";
+import N from "./index219.js";
+import g from "./index220.js";
 /* empty css         */
 const h = { class: "bb-common-input-inner-container__prefix" }, B = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
   __name: "CommonInputInnerContainer",

package/dist/index139.js

@@ -1,4 +1,4 @@
-import { clamp as s } from "./index215.js";
+import { clamp as s } from "./index216.js";
 const o = (n, e, r = !1) => {
   const t = n * 100 / e;
   return r ? s(t, 0, 100) : t;

package/dist/index142.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./index216.js";
+import { urlAlphabet as l } from "./index215.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/index143.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index219.js";
-import { isPlainObject as i } from "./index220.js";
+import { isArray as p } from "./index217.js";
+import { isPlainObject as i } from "./index218.js";
 function f(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index15.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, ref as s, computed as M, createBlock as D, openBlock as E, normalizeClass as I, withCtx as l, createVNode as d, unref as u, withDirectives as L, createElementVNode as p, mergeProps as _, renderSlot as r, withModifiers as q, normalizeStyle as N } from "vue";
-import { isHex as z } from "./index266.js";
+import { isHex as z } from "./index222.js";
 import { isNotNil as F } from "./index144.js";
 import { useId as S } from "./index8.js";
-import { useLocale as U } from "./index225.js";
-import { vMaska as A } from "./index254.js";
-import K from "./index267.js";
+import { useLocale as U } from "./index223.js";
+import { vMaska as A } from "./index224.js";
+import K from "./index225.js";
 /* empty css         */
 import O from "./index136.js";
 /* empty css         */
 import P from "./index138.js";
-import T from "./index243.js";
+import T from "./index227.js";
 /* empty css         */
 const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], G = ["aria-label"], J = { class: "bb-common-input-inner-container__suffix" }, ie = /* @__PURE__ */ H({
   __name: "BaseColorInput",

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as i, computed as t, watch as F, createElementBlock as p, openBlock as h, normalizeProps as d, guardReactiveProps as f, createCommentVNode as L, createElementVNode as s, mergeProps as k, renderSlot as M } from "vue";
-import { isCssColor as y } from "./index224.js";
-import { booleanishToBoolean as q } from "./index222.js";
-import { isEqual as A } from "./index292.js";
+import { isCssColor as y } from "./index246.js";
+import { booleanishToBoolean as q } from "./index266.js";
+import { isEqual as A } from "./index267.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as z, ref as B, toRef as p, computed as G, createBlock as R, openBlock as W, unref as T, withCtx as n, renderSlot as s, normalizeProps as f, guardReactiveProps as h, createVNode as K, mergeProps as w } from "vue";
 import N from "./index17.js";
 /* empty css        */
-import U from "./index269.js";
+import U from "./index285.js";
 /* empty css         */
-import { useItemsGetter as q } from "./index236.js";
-import { useIndexById as C } from "./index235.js";
-import { useBaseOptions as J } from "./index232.js";
-import { useCoherence as Q } from "./index233.js";
-import { hash as X } from "./index227.js";
-import { useHashedWatcher as $ } from "./index234.js";
-import { usePrefill as Y } from "./index237.js";
+import { useItemsGetter as q } from "./index259.js";
+import { useIndexById as C } from "./index231.js";
+import { useBaseOptions as J } from "./index230.js";
+import { useCoherence as Q } from "./index257.js";
+import { hash as X } from "./index254.js";
+import { useHashedWatcher as $ } from "./index258.js";
+import { usePrefill as Y } from "./index260.js";
 const ce = /* @__PURE__ */ z({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index21.js

@@ -5,20 +5,20 @@ import { _config as Q } from "./index4.js";
 import { useId as X } from "./index8.js";
 import b from "./index13.js";
 /* empty css        */
-import d from "./index248.js";
-import ee from "./index251.js";
-import ae from "./index252.js";
-import te from "./index271.js";
-import { hash as B } from "./index227.js";
+import d from "./index237.js";
+import ee from "./index240.js";
+import ae from "./index241.js";
+import te from "./index277.js";
+import { hash as B } from "./index254.js";
 import { last as le } from "./index229.js";
-import { validateDateFormat as L } from "./index272.js";
-import { useLogger as oe } from "./index273.js";
-import re from "./index274.js";
-import se from "./index275.js";
-import de from "./index276.js";
-import S from "./index277.js";
-import ie from "./index278.js";
-import { useLocale as ne } from "./index225.js";
+import { validateDateFormat as L } from "./index278.js";
+import { useLogger as oe } from "./index248.js";
+import re from "./index279.js";
+import se from "./index280.js";
+import de from "./index281.js";
+import S from "./index282.js";
+import ie from "./index283.js";
+import { useLocale as ne } from "./index223.js";
 const ue = { class: "bb-base-date-picker" }, me = { class: "bb-base-date-picker__body" }, ce = { class: "bb-base-date-picker__controls" }, pe = { class: "sr-only" }, fe = { class: "sr-only" }, be = { class: "sr-only" }, ve = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index215.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index216.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index217.js

@@ -1,9 +1,7 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
-};
+import { getType as t } from "./index296.js";
+function o(r) {
+  return t(r) === "Array";
+}
 export {
-  s as clampPrecision
+  o as isArray
 };

package/dist/index218.js

@@ -1,4 +1,10 @@
-const r = (e) => typeof e > "u" || e === null;
+import { getType as o } from "./index296.js";
+function c(e) {
+  if (o(e) !== "Object")
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return !!t && t.constructor === Object && t === Object.prototype;
+}
 export {
-  r as isNil
+  c as isPlainObject
 };

package/dist/index219.js

@@ -1,7 +1,35 @@
-import { getType as t } from "./index329.js";
-function o(r) {
-  return t(r) === "Array";
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+/* empty css         */
+import n from "./index213.js";
+const l = {}, s = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(c, r) {
+  return t(), e("svg", s, r[0] || (r[0] = [
+    o("path", {
+      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+      fill: "currentColor"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 6.66666V9.99999",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 13.3333H10.0025",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1)
+  ]));
 }
+const a = /* @__PURE__ */ n(l, [["render", i]]);
 export {
-  o as isArray
+  a as default
 };

package/dist/index220.js

@@ -1,10 +1,30 @@
-import { getType as o } from "./index329.js";
-function c(e) {
-  if (o(e) !== "Object")
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return !!t && t.constructor === Object && t === Object.prototype;
-}
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index223.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
+  }
+});
 export {
-  c as isPlainObject
+  b as default
 };

package/dist/index222.js

@@ -1,4 +1,6 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  o as booleanishToBoolean
+  x as isHex
 };

package/dist/index223.js

@@ -1,4 +1,15 @@
-const e = (t) => t;
+import { locales as t } from "./index297.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index247.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 {
-  e as identity
+  d as useLocale
 };

package/dist/index224.js

@@ -1,4 +1,22 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { MaskInput as r } from "./index244.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?.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);
+    };
+    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 {
-  s as isCssColor
+  k as vMaska
 };

package/dist/index225.js

@@ -1,15 +1,203 @@
-import { locales as t } from "./index296.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index291.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 "./index339.js";
+import { getHueFromRGB as F } from "./index340.js";
+import { hslToHex as b } from "./index341.js";
+import { useLocale as Z } from "./index223.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
 };