bitboss-ui 2.1.6 → 2.1.8

package/dist/index227.js

@@ -1,115 +1,108 @@
-import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
-import { wait as F } from "./index135.js";
-import { useFloating as U, arrow as j } from "./index325.js";
-import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index326.js";
-const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ D({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    dialog: { type: Boolean },
-    renderContent: { type: Boolean, default: !0 },
-    tag: { default: "span" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
-      i,
-      t,
+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 "./index213.js";
+import { isNil as l } from "./index244.js";
+import E from "./index67.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();
+      },
       {
-        placement: o.placement,
-        whileElementsMounted: J,
-        middleware: [
-          q(),
-          G(o.offset),
-          H({ padding: o.padding }),
-          I(),
-          j({
-            element: p,
-            padding: o.arrowPadding
-          })
-        ],
-        strategy: "fixed"
+        flush: "post"
       }
-    ), d = (e) => {
-      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
-        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
-      });
-    };
-    A(a, d, { flush: "post" }), x(() => {
-      a.value && d(a.value);
-    });
-    const $ = S(() => {
-      if (l.value.arrow) {
-        const { x: e, y: u } = l.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), B = () => {
-      a.value = !1;
-    };
-    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
-      ref_key: "wrapper",
-      ref: i,
-      class: E(["bb-common-popover", {
-        "bb-common-popover--open": a.value && !!t.value,
-        "bb-common-popover--block": o.block,
-        [`bb-common-popover--${n(_)}`]: !0
-      }]),
-      style: z({
-        "--transition-duration": `${o.transitionDuration}ms`
-      })
-    }, {
-      default: w(() => {
-        var m, c, f;
-        return [
-          y(e.$slots, "activator"),
-          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
-            key: 0,
-            ref_key: "content",
-            ref: t,
-            class: ["bb-common-popover__bubble-container", {
-              "bb-common-popover__bubble-container--open": a.value && !!t.value
-            }],
-            popover: "manual",
-            style: {
-              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
-              ...n(k),
-              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: a.value ? void 0 : -1
-          }, e.containerAttributes, { onClose: n(B) }), {
-            default: w(() => [
-              C("span", h({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, $.value), null, 16),
-              C("span", K, [
-                y(e.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
-        ];
+    ), 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
       }),
-      _: 3
-    }, 8, ["class", "style"]));
+      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 {
-  W as default
+  K as default
 };

package/dist/index229.js

@@ -1,88 +1,102 @@
-import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
-import { useLocale as g } from "./index212.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__ */ h({
-  __name: "OptionsContainer",
+import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index213.js";
+import { isNil as i } from "./index244.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
   props: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
     options: {}
   },
-  setup(f) {
-    const { t: i } = g();
-    return (a, T) => (s(), n("span", {
-      ref: "container",
-      class: r(["bb-cr-container", {
-        "bb-cr-container--errors": a.hasErrors,
-        "bb-cr-container--horizontal": a.direction === "horizontal",
-        "bb-cr-container--vertical": a.direction === "vertical"
-      }])
-    }, [
-      l("span", k, [
-        t(a.$slots, "prepend"),
-        !a.options.length && a.loading ? (s(), n("span", y, [
-          t(a.$slots, "loading", {}, () => [
-            o(d(a.loadingText || b(i)("common.loadingText")), 1)
-          ])
-        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
-          t(a.$slots, "no-data", {}, () => [
-            o(d(a.noDataText || b(i)("common.noDataText")), 1)
-          ])
-        ])),
-        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
-          key: (e == null ? void 0 : e.valueHash) || c
-        }, [
-          t(a.$slots, "option:prepend", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          }),
-          l("label", {
-            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
-          }, [
-            t(a.$slots, "input", {
-              index: c,
-              option: e
-            }),
-            l("span", {
-              class: r({
-                "bb-cr-container-option__text": !0,
-                "sr-only": a.hideLabel
-              })
-            }, [
-              t(a.$slots, "label", {
-                checked: !!e.selected,
-                item: e.item,
-                text: e.text
-              }, () => [
-                o(d(e.text), 1)
-              ])
-            ], 2)
-          ], 2),
-          t(a.$slots, "option:append", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          })
-        ], 64))), 128)),
-        t(a.$slots, "append")
-      ])
-    ], 2));
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(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;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, y = () => {
+      if (i(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
+      key: o.valueHash,
+      class: P({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
   }
 });
 export {
-  C as default
+  j as default
 };

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as l, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as n, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index214.js";
-import ae from "./index215.js";
-import oe from "./index216.js";
-import ne from "./index217.js";
-import re from "./index218.js";
-import le from "./index219.js";
-import { identity as ie } from "./index210.js";
-import { isEmpty as se } from "./index220.js";
-import { last as de } from "./index221.js";
+import o from "./index247.js";
+import ae from "./index264.js";
+import oe from "./index251.js";
+import ne from "./index248.js";
+import re from "./index249.js";
+import le from "./index250.js";
+import { identity as ie } from "./index262.js";
+import { isEmpty as se } from "./index214.js";
+import { last as de } from "./index215.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index212.js";
+import { useLocale as pe } from "./index223.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index222.js";
-import { vMaska as fe } from "./index223.js";
+import { useUntil as me } from "./index235.js";
+import { vMaska as fe } from "./index236.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index224.js";
+import ke from "./index209.js";
 /* empty css         */
-import ge from "./index226.js";
-import ye from "./index227.js";
+import ge from "./index211.js";
+import ye from "./index231.js";
 /* empty css         */
 const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Me = ["aria-label", "disabled"], he = ["id"], ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",

package/dist/index231.js

@@ -1,31 +1,115 @@
-import { ref as a, computed as s, unref as v } from "vue";
-import { useDebounceFn as f } from "./index206.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);
+import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
+import { wait as F } from "./index135.js";
+import { useFloating as U, arrow as j } from "./index328.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index329.js";
+const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: J,
+        middleware: [
+          q(),
+          G(o.offset),
+          H({ padding: o.padding }),
+          I(),
+          j({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
       }
-      e.value--;
-    }
-  }, c = f(n, u.debounce || 0);
-  return {
-    getter: n,
-    debouncedGetter: c,
-    items: t,
-    loading: s(() => !!e.value)
-  };
-};
+    ), d = (e) => {
+      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
+        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
+      });
+    };
+    A(a, d, { flush: "post" }), x(() => {
+      a.value && d(a.value);
+    });
+    const $ = S(() => {
+      if (l.value.arrow) {
+        const { x: e, y: u } = l.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${u}px`
+          }
+        };
+      }
+    }), B = () => {
+      a.value = !1;
+    };
+    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: E(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: z({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(B) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", K, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  p as useItemsGetter
+  W as default
 };