bitboss-ui 2.0.162 → 2.0.163

package/dist/index222.js

@@ -0,0 +1,62 @@
+import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
+import { range as H } from "./index331.js";
+import M from "./index13.js";
+/* empty css        */
+const n = 10, l = 3, V = /* @__PURE__ */ g({
+  __name: "BaseDatePickerYearSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:year"],
+  setup(p, { emit: _ }) {
+    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
+      () => H(c.value, s.value).map((e) => ({
+        text: e,
+        key: e,
+        selected: e === r.value,
+        handler: () => b("update:year", e)
+      }))
+    ), k = (e) => {
+      const t = e.target;
+      t.scrollTop <= 100 ? c.value = Math.max(
+        c.value - n * l,
+        r.value - 200
+      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+    };
+    return h(() => {
+      if (!o.value) return;
+      const e = o.value.querySelector(
+        ".content__btn--selected"
+      );
+      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
+    }), (e, t) => (u(), m("div", {
+      ref_key: "container",
+      ref: o,
+      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
+    }, [
+      y("div", {
+        class: "content",
+        onScrollPassive: k
+      }, [
+        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
+          key: a.key,
+          class: S({
+            content__btn: !0,
+            "content__btn--selected": a.selected
+          }),
+          disabled: e.disabled,
+          onClick: a.handler
+        }, {
+          default: T(() => [
+            E(w(a.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "disabled", "onClick"]))), 128))
+      ], 32)
+    ], 512));
+  }
+});
+export {
+  V as default
+};

package/dist/index223.js

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

package/dist/{index247.js → index224.js}

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index288.js";
-import { __module as B } from "./index306.js";
+import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index275.js";
+import { __module as B } from "./index293.js";
 (function(I, at) {
   (function(U, k) {
     I.exports = k();

package/dist/index225.js

@@ -1,68 +1,4 @@
-import { defineComponent as _, ref as $, openBlock as r, createElementBlock as k, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as i } from "vue";
-/* empty css       */
-/* empty css       */
-import m from "./index127.js";
-/* empty css         */
-import C from "./index129.js";
-/* empty css         */
-import h from "./index323.js";
-import B from "./index324.js";
-/* empty css         */
-const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
-  __name: "CommonInputInnerContainer",
-  props: {
-    "append:icon": {},
-    clearable: { type: Boolean },
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
-  },
-  emits: ["click:clear"],
-  setup(u, { emit: d }) {
-    const t = u, f = d, o = $(), a = () => {
-      var e;
-      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
-    }, b = () => {
-      f("click:clear"), a();
-    };
-    return (e, E) => (r(), k("span", {
-      ref_key: "container",
-      ref: o,
-      class: y(["bb-common-input-inner-container", {
-        "bb-common-input-inner-container--clearable": t.clearable
-      }]),
-      onClick: a
-    }, [
-      n(e.$slots, "prepend", {}, () => [
-        c("span", v, [
-          n(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (r(), s(p(m), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      n(e.$slots, "default"),
-      i(B, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: b
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (r(), s(p(m), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      i(h),
-      i(p(C)),
-      n(e.$slots, "append", {}, () => [
-        c("span", I, [
-          n(e.$slots, "suffix")
-        ])
-      ])
-    ], 2));
-  }
-});
+const e = (t) => t;
 export {
-  A as default
+  e as identity
 };

package/dist/index226.js

@@ -0,0 +1,43 @@
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index206.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index294.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
+  });
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
+export {
+  E as useFocusTrap
+};

package/dist/index227.js

@@ -1,15 +1,22 @@
-import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index283.js";
-const s = {}, c = { class: "bb-common-input-outer-container" };
-function p(o, a) {
-  return t(), n("span", c, [
-    e(o.$slots, "prepend-outer"),
-    e(o.$slots, "default"),
-    e(o.$slots, "append-outer")
-  ]);
-}
-const i = /* @__PURE__ */ r(s, [["render", p]]);
+import { MaskInput as r } from "./index266.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 == null ? void 0 : 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 {
-  i as default
+  k as vMaska
 };

package/dist/index228.js

@@ -1,15 +1,8 @@
-import { locales as t } from "./index284.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index285.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
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
 });
 export {
-  d as useLocale
+  o as waitFor
 };

package/dist/index229.js

@@ -1,5 +1,96 @@
-import r from "./index286.js";
-const t = r;
+import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, openBlock as b, createBlock as $, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
+import C from "./index253.js";
+import c from "./index325.js";
+import { useFloating as D, arrow as E } from "./index258.js";
+import { autoUpdate as P, flip as F, offset as M, shift as S } from "./index265.js";
+const W = /* @__PURE__ */ h({
+  __name: "CommonFloating",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    containerAttributes: { default: () => ({}) },
+    bubbleAttributes: {},
+    wrapper: {},
+    baseClass: {},
+    open: { type: Boolean },
+    teleportTarget: {}
+  },
+  setup(d) {
+    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
+      i,
+      s,
+      {
+        placement: e.placement,
+        whileElementsMounted: P,
+        middleware: [
+          F(),
+          M(e.offset),
+          S({ padding: e.padding }),
+          E({
+            element: p,
+            padding: e.arrowPadding
+          })
+        ]
+      }
+    ), _ = n(() => {
+      if (a.value.arrow) {
+        const { x: t, y: r } = a.value.arrow;
+        return {
+          style: {
+            left: `${t}px`,
+            top: `${r}px`
+          }
+        };
+      }
+    }), u = n(() => {
+      var t, r;
+      return c({}, e.containerAttributes, {
+        class: {
+          "bb-floating": !0,
+          [`bb-floating--${w.value}`]: !0,
+          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
+          "bb-floating--hidden": !e.open,
+          "bb-floating--open": e.open
+        },
+        style: {
+          ...g.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
+        },
+        tabindex: e.open ? void 0 : -1
+      });
+    }), v = n(() => c({}, e.bubbleAttributes, {}));
+    return x(
+      () => e.open,
+      (t) => {
+        t && (i.value = m.value);
+      }
+    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
+      default: A(() => [
+        (b(), k("span", l(u.value, {
+          key: u.value.id,
+          ref_key: "content",
+          ref: s
+        }), [
+          f("span", l({
+            ref_key: "bubblearrow",
+            ref: p,
+            class: "bb-floating__arrow"
+          }, _.value), null, 16),
+          f("span", l({ class: "bb-floating__bubble" }, v.value), [
+            B(t.$slots, "default")
+          ], 16)
+        ], 16))
+      ]),
+      _: 3
+    }, 8, ["target"]));
+  }
+});
 export {
-  t as deburr
+  W as default
 };

package/dist/index23.js

@@ -1,30 +1,30 @@
 import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, openBlock as B, createBlock as O, normalizeClass as $, withCtx as n, renderSlot as p, createVNode as _, unref as l, withDirectives as re, createElementVNode as i, mergeProps as P, withModifiers as oe, toDisplayString as E, createCommentVNode as ne } from "vue";
-import o from "./index230.js";
-import le from "./index247.js";
-import ie from "./index231.js";
-import se from "./index232.js";
-import ue from "./index233.js";
-import de from "./index234.js";
-import { identity as ce } from "./index248.js";
-import { last as pe } from "./index237.js";
-import { useFocusTrap as me } from "./index219.js";
+import o from "./index208.js";
+import le from "./index224.js";
+import ie from "./index209.js";
+import se from "./index210.js";
+import ue from "./index211.js";
+import de from "./index212.js";
+import { identity as ce } from "./index225.js";
+import { last as pe } from "./index216.js";
+import { useFocusTrap as me } from "./index226.js";
 import { useId as fe } from "./index8.js";
 import { useIntersectionObserver as be } from "./index132.js";
-import { useLocale as ve } from "./index228.js";
+import { useLocale as ve } from "./index223.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as ge } from "./index220.js";
+import { vMaska as ge } from "./index227.js";
 import { wait as ye } from "./index130.js";
-import { waitFor as he } from "./index249.js";
+import { waitFor as he } from "./index228.js";
 import De from "./index21.js";
 /* empty css        */
-import Me from "./index221.js";
+import Me from "./index229.js";
 /* empty css         */
-import Ve from "./index225.js";
+import Ve from "./index231.js";
 /* empty css         */
-import we from "./index227.js";
+import we from "./index233.js";
 import { _config as Ce } from "./index4.js";
-import { isEmpty as Ye } from "./index250.js";
-import { debounce as Se } from "./index251.js";
+import { isEmpty as Ye } from "./index234.js";
+import { debounce as Se } from "./index235.js";
 const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["aria-label", "disabled"], Oe = ["id"], $e = ["inert"], nt = /* @__PURE__ */ ee({
   __name: "BaseDatePickerInput",
   props: {