bitboss-ui 2.1.105 → 2.1.106

package/dist/index255.js

@@ -1,69 +1,4 @@
-import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index238.js";
-import h from "./index14.js";
-/* empty css        */
-import C from "./index88.js";
-/* empty css        */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
-        }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
-          _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 1)
-      ])
-    ], 2));
-  }
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  z as default
+  s as isCssColor
 };

package/dist/index256.js

@@ -1,4 +1,5 @@
-const e = (t) => t;
+import t from "./index319.js";
+const r = t;
 export {
-  e as identity
+  r as throttle
 };

package/dist/index257.js

@@ -1,6 +1,137 @@
-function e(t) {
-  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(t);
-}
+import { defineComponent as V, 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 X, createElementVNode as j, createElementBlock as q, createCommentVNode as z, renderSlot as I, nextTick as O } from "vue";
+import { useCancelableFunction as R } from "./index348.js";
+import { useUntil as G } from "./index249.js";
+import { extractDomContainer as x } from "./index259.js";
+import { waitFor as H } from "./index349.js";
+import { arrow as J, useFloating as K } from "./index350.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index351.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ V({
+  __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"), u = 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 = G(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 ? [] : [
+          J({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: d, update: v } = K(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = R(
+      ({ signal: e }, n) => new Promise((i) => {
+        let l;
+        const s = () => {
+          l && clearTimeout(l);
+        };
+        e.addEventListener("abort", s), n ? (A(), v(), H(() => !!t.value).then(() => {
+          u.value = !0, e.removeEventListener("abort", s), i(void 0);
+        })) : (u.value = !1, l = setTimeout(() => {
+          O(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", s), v(), i(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), A = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const $ = a(() => {
+      const e = r.value ? void 0 : -1, n = d.value.arrow?.x, i = o.hideArrow || n == null ? "50%" : `${Math.round(n)}px`, l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": i
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), D = a(() => {
+      if (d.value.arrow) {
+        const { x: e, y: n } = d.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), p = () => {
+      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": u.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, $.value, {
+      onClick: h(p, ["self", "stop"]),
+      onContextmenu: h(p, ["self", "stop", "prevent"]),
+      onClose: p
+    }), {
+      default: X(() => [
+        j("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, D.value), null, 16),
+        y(B) ? (w(), q("span", oe, [
+          I(e.$slots, "default")
+        ])) : z("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  e as isHex
+  ue as default
 };

package/dist/index259.js

@@ -1,36 +1,6 @@
-import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as i } from "./index232.js";
-import { useFrameworkDetection as k } from "./index144.js";
-const y = /* @__PURE__ */ a({
-  __name: "RouterComponent",
-  setup(g) {
-    const { isInertia: r, isNuxt: s } = k();
-    let t;
-    if (r) {
-      if (t = o(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else if (s) {
-      if (t = o(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, d) => (l(), u(m(c(t)), null, {
-      default: p(() => [
-        f(n.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
+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 {
-  y as default
+  e as extractDomContainer
 };

package/dist/index26.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
-import { parseSize as U } from "./index271.js";
+import { parseSize as U } from "./index248.js";
 import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index238.js";
+import { useLocale as j } from "./index239.js";
 import { useMobile as G } from "./index9.js";
-import { useUntil as J } from "./index247.js";
+import { useUntil as J } from "./index249.js";
 import { wait as w } from "./index142.js";
 import { _config as Q } from "./index4.js";
 const X = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], Y = {

package/dist/index260.js

@@ -1,88 +1,25 @@
-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 "./index238.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));
+const i = (t) => {
+  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+  return parseFloat(n) || 0;
+};
+function s(t) {
+  if (typeof t == "number")
+    return {
+      value: i(t),
+      unit: "px"
+    };
+  if (typeof t == "string") {
+    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
+    if (e) {
+      const [, n, o = "px"] = e, a = parseFloat(n);
+      return {
+        value: i(a),
+        unit: o
+      };
+    }
   }
-});
+  throw new Error(`Invalid width: ${t}`);
+}
 export {
-  C as default
+  s as parseWidthString
 };

package/dist/index261.js

@@ -0,0 +1,6 @@
+import { curry as e } from "./index318.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+export {
+  t as baseWhen,
+  s as when
+};

package/dist/index262.js

@@ -1,32 +1,5 @@
-import { computed as s, unref as v, ref as c } from "vue";
-import { useDebounceFn as m } from "./index218.js";
-const y = (o) => {
-  const e = s(() => v(o.items)), t = c([]), r = c(0);
-  let a = 0;
-  const u = async (...i) => {
-    if (Array.isArray(e.value)) {
-      t.value = e.value;
-      return;
-    }
-    if (typeof e.value != "function") return;
-    const f = ++a;
-    r.value++;
-    try {
-      const n = await e.value(...i);
-      f === a && (t.value = n);
-    } catch (n) {
-      console.error(n);
-    } finally {
-      r.value--;
-    }
-  }, l = m(u, o.debounce || 0);
-  return {
-    getter: u,
-    debouncedGetter: l,
-    items: t,
-    loading: s(() => r.value > 0)
-  };
-};
+import { isNil as r } from "./index270.js";
+const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
 export {
-  y as useItemsGetter
+  e as isEmpty
 };

package/dist/index263.js

@@ -1,19 +1,20 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index229.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)] };
+import { isNil as c } from "./index270.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
 };
 export {
-  p as useIndexById
+  y as matchAnyKey
 };

package/dist/index264.js

@@ -1,53 +1,14 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index304.js";
-import { useItemValue as w } from "./index277.js";
-import { hash as y } from "./index229.js";
-import { useLogger as D } from "./index232.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 { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
 };
 export {
-  q as useBaseOptions
+  n as useArray
 };

package/dist/index265.js

@@ -1,20 +1,108 @@
-import { isNil as a } from "./index254.js";
-import { computed as n, unref as h } from "vue";
-const v = ({ modelValue: r, iteratee: c, multiple: t }) => {
-  const s = n(
-    () => new Array().concat(h(r))
-  ), e = n(() => s.value.reduce(
-    (o, u) => (c(u) ? o.coherent.push(u) : o.incoherent.push(u), o),
-    { coherent: [], incoherent: [] }
-  )), i = n(() => t && !h(r).length || !t && a(h(r)) ? !0 : !e.value.incoherent.length), l = n(
-    () => t ? e.value.coherent : e.value.coherent[0] ?? null
-  );
-  return {
-    status: e,
-    coherent: i,
-    coherentValue: l
-  };
-};
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index230.js";
+import { isNil as l } from "./index270.js";
+import E from "./index68.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
 export {
-  v as useCoherence
+  K as default
 };