bitboss-ui 2.1.86 → 2.1.87

package/dist/index222.js

@@ -1,203 +1,7 @@
-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 "./index338.js";
-import { getHueFromRGB as F } from "./index339.js";
-import { hslToHex as b } from "./index340.js";
-import { useLocale as Z } from "./index220.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));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index325.js";
+import { __require as o } from "./index296.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  ue as default
+  s as default
 };

package/dist/index223.js

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

package/dist/index224.js

@@ -1,137 +1,7 @@
-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 "./index334.js";
-import { useUntil as H } from "./index259.js";
-import { extractDomContainer as x } from "./index281.js";
-import { waitFor as J } from "./index335.js";
-import { arrow as K, useFloating as O } from "./index336.js";
-import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index337.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"]));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index325.js";
+import { __require as e } from "./index300.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  ue as default
+  m as default
 };

package/dist/index225.js

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

package/dist/index226.js

@@ -1,35 +1,5 @@
-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]]);
+import { hash as o } from "./index308.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  a as default
+  t as hash
 };

package/dist/index227.js

@@ -1,30 +1,4 @@
-import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index220.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));
-  }
-});
+const e = (t) => t[t.length - 1];
 export {
-  b as default
+  e as last
 };

package/dist/index228.js

@@ -0,0 +1,8 @@
+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;
+}
+export {
+  e as validateDateFormat
+};

package/dist/index229.js

@@ -1,4 +1,10 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  s as isCssColor
+  e as useLogger
 };

package/dist/index23.js

@@ -1,23 +1,23 @@
 import { defineComponent as Ye, watchEffect as Ie, ref as y, computed as h, watch as N, onBeforeUnmount as Fe, createBlock as Ee, openBlock as A, normalizeClass as _, withCtx as g, createElementVNode as p, createVNode as H, unref as f, createElementBlock as W, withDirectives as we, createCommentVNode as Ae, toDisplayString as U, mergeProps as ae, withModifiers as Be, renderSlot as Y } from "vue";
 import { _config as te } from "./index4.js";
-import c from "./index260.js";
-import Ce from "./index261.js";
-import ne from "./index262.js";
-import Le from "./index263.js";
-import Oe from "./index264.js";
-import Pe from "./index265.js";
-import { identity as Re } from "./index244.js";
-import { isEmpty as qe } from "./index249.js";
+import c from "./index222.js";
+import Ce from "./index265.js";
+import ne from "./index266.js";
+import Le from "./index223.js";
+import Oe from "./index224.js";
+import Pe from "./index267.js";
+import { identity as Re } from "./index264.js";
+import { isEmpty as qe } from "./index263.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index220.js";
+import { useLocale as je } from "./index235.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index221.js";
+import { vMaska as _e } from "./index268.js";
 import He from "./index21.js";
 /* empty css        */
 import We from "./index136.js";
 /* empty css         */
 import Ue from "./index138.js";
-import Ke from "./index224.js";
+import Ke from "./index252.js";
 /* empty css         */
 const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "name", "readonly", "required", "value"], Xe = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Ze = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Je = ["id", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Qe = ["aria-label", "aria-expanded", "disabled"], xe = ["inert"], K = "DD/MM/YYYY", k = "YYYY-MM-DD", Da = /* @__PURE__ */ Ye({
   __name: "BaseDatePickerInput",