bitboss-ui 2.0.121 → 2.0.123

package/dist/index77.js

@@ -1,19 +1,19 @@
-import { defineComponent as j, ref as z, computed as y, openBlock as l, createElementBlock as L, normalizeClass as E, createVNode as u, mergeProps as P, withCtx as n, unref as d, createBlock as D, createCommentVNode as v, createElementVNode as m, toDisplayString as _, createSlots as I, renderSlot as a, normalizeProps as r, guardReactiveProps as i, renderList as M } from "vue";
-import W from "./index13.js";
+import { defineComponent as E, ref as A, computed as y, openBlock as l, createElementBlock as z, mergeProps as _, unref as r, createVNode as u, withCtx as n, createBlock as P, createCommentVNode as v, createElementVNode as b, toDisplayString as h, createSlots as I, renderSlot as a, normalizeProps as i, guardReactiveProps as s, renderList as M } from "vue";
+import D from "./index13.js";
 /* empty css        */
-import R from "./index75.js";
+import O from "./index75.js";
 /* empty css        */
 /* empty css       */
 /* empty css       */
-import N from "./index127.js";
+import S from "./index127.js";
 /* empty css         */
-import T from "./index129.js";
+import R from "./index129.js";
 /* empty css         */
-import { useLocale as Z } from "./index229.js";
-const q = { class: "bb-dropdown-button__content" }, A = {
+import { useLocale as T } from "./index228.js";
+const Z = { class: "bb-dropdown-button__content" }, q = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"
-}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, to = /* @__PURE__ */ j({
+}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, ne = /* @__PURE__ */ E({
   __name: "BbDropdownButton",
   props: {
     arrowPadding: {},
@@ -32,44 +32,48 @@ const q = { class: "bb-dropdown-button__content" }, A = {
     "append:icon": {},
     disabledWhileLoading: { type: Boolean, default: !0 },
     loading: { type: Boolean },
-    "prepend:icon": {}
+    "prepend:icon": {},
+    size: {}
   },
-  setup(S) {
-    const t = S, { t: b } = Z(), c = z(0), w = y(
+  setup(W) {
+    const t = W, { t: m } = T(), c = A(0), f = y(
       () => t.loading || !!c.value && t.autoLoading
-    ), V = (o) => async (...s) => {
-      w.value && t.disabledWhileLoading || (c.value++, await o(...s), c.value--);
-    }, f = y(
-      () => t.items.map((o) => o.onClick ? {
-        ...o,
-        key: o.key.split(/\W+/g).join("_").toLowerCase(),
-        onClick: V(o.onClick)
+    ), j = (e) => async (...d) => {
+      f.value && t.disabledWhileLoading || (c.value++, await e(...d), c.value--);
+    }, w = y(
+      () => t.items.map((e) => e.onClick ? {
+        ...e,
+        key: e.key.split(/\W+/g).join("_").toLowerCase(),
+        onClick: j(e.onClick)
       } : {
-        ...o,
-        key: o.key.split(/\W+/g).join("_").toLowerCase()
+        ...e,
+        key: e.key.split(/\W+/g).join("_").toLowerCase()
       })
     ), k = y(() => {
-      const o = { ...f.value[0] };
-      return o.disabled = o.disabled || t.disabled, o;
-    });
-    return (o, s) => (l(), L("span", {
-      class: E(["bb-dropdown-button", {
-        "bb-dropdown-button--block": o.block,
-        "bb-dropdown-button--loading": w.value,
-        [`bb-dropdown-button--${o.theme}`]: !0
-      }])
-    }, [
-      u(W, P(k.value, { class: "bb-dropdown-button__main-btn" }), {
+      const e = { ...w.value[0] };
+      return e.disabled = e.disabled || t.disabled, e;
+    }), N = typeof t.size == "string" ? { default: t.size } : { default: "md", ...t.size }, V = Object.entries(N).reduce(
+      (e, [d, o]) => (d === "default" ? e[`data-${o}`] = "" : e[`data-${d}:${o}`] = "", e),
+      {}
+    );
+    return (e, d) => (l(), z("span", _({
+      class: ["bb-dropdown-button", {
+        "bb-dropdown-button--block": e.block,
+        "bb-dropdown-button--loading": f.value,
+        [`bb-dropdown-button--${e.theme}`]: !0
+      }]
+    }, r(V)), [
+      u(D, _(k.value, { class: "bb-dropdown-button__main-btn" }), {
         default: n(() => [
-          u(d(T), { class: "bb-dropdown-button__spinner" }),
-          t["prepend:icon"] ? (l(), D(d(N), {
+          u(r(R), { class: "bb-dropdown-button__spinner" }),
+          t["prepend:icon"] ? (l(), P(r(S), {
             key: 0,
             class: "bb-dropdown-button__prepend-icon",
             type: t["prepend:icon"]
           }, null, 8, ["type"])) : v("", !0),
-          m("span", q, _(k.value.text), 1),
-          w.value ? (l(), L("span", A, _(d(b)("common.loadingText").value), 1)) : v("", !0),
-          t["append:icon"] ? (l(), D(d(N), {
+          b("span", Z, h(k.value.text), 1),
+          f.value ? (l(), z("span", q, h(r(m)("common.loadingText").value), 1)) : v("", !0),
+          t["append:icon"] ? (l(), P(r(S), {
             key: 2,
             class: "bb-dropdown-button__append-icon",
             type: t["append:icon"]
@@ -77,54 +81,54 @@ const q = { class: "bb-dropdown-button__content" }, A = {
         ]),
         _: 1
       }, 16),
-      u(R, {
-        id: o.id,
-        "arrow-padding": o.arrowPadding,
-        disabled: o.disabled,
-        eager: o.eager,
-        items: f.value,
-        offset: o.offset,
-        padding: o.padding,
-        placement: o.placement,
-        theme: o.theme,
-        "transition-duration": o.transitionDuration,
-        width: o.width
+      u(O, {
+        id: e.id,
+        "arrow-padding": e.arrowPadding,
+        disabled: e.disabled,
+        eager: e.eager,
+        items: w.value,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        theme: e.theme,
+        "transition-duration": e.transitionDuration,
+        width: e.width
       }, I({
         activator: n(({
-          props: e,
+          props: o,
           opening: p,
           open: g,
-          closed: h,
+          closed: $,
           closing: B,
-          disabled: $,
+          disabled: L,
           placement: C
         }) => [
-          a(o.$slots, "activator", {
-            closed: h,
+          a(e.$slots, "activator", {
+            closed: $,
             closing: B,
-            disabled: $,
+            disabled: L,
             open: g,
             opening: p,
             placement: C,
-            props: e
+            props: o
           }, () => [
-            u(W, P(e, { class: "bb-dropdown-button__dropdown-btn" }), {
+            u(D, _(o, { class: "bb-dropdown-button__dropdown-btn" }), {
               default: n(() => [
-                m("span", F, _(g || p ? d(b)("dropdownButton.close").value : d(b)("dropdownButton.open").value), 1),
-                a(o.$slots, "right-btn", {
-                  closed: h,
+                b("span", F, h(g || p ? r(m)("dropdownButton.close").value : r(m)("dropdownButton.open").value), 1),
+                a(e.$slots, "right-btn", {
+                  closed: $,
                   closing: B,
-                  disabled: $,
+                  disabled: L,
                   open: g,
                   opening: p,
                   placement: C
                 }, () => [
-                  s[0] || (s[0] = m("svg", {
+                  d[0] || (d[0] = b("svg", {
                     class: "bb-dropdown-button__dropdown-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    m("path", {
+                    b("path", {
                       d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
                       fill: "currentColor"
                     })
@@ -135,33 +139,33 @@ const q = { class: "bb-dropdown-button__content" }, A = {
             }, 1040)
           ])
         ]),
-        prepend: n((e) => [
-          a(o.$slots, "prepend", r(i(e)))
+        prepend: n((o) => [
+          a(e.$slots, "prepend", i(s(o)))
         ]),
-        "item:prepend": n((e) => [
-          a(o.$slots, "item:prepend", r(i(e)))
+        "item:prepend": n((o) => [
+          a(e.$slots, "item:prepend", i(s(o)))
         ]),
-        item: n((e) => [
-          a(o.$slots, "item", r(i(e)))
+        item: n((o) => [
+          a(e.$slots, "item", i(s(o)))
         ]),
-        "item:append": n((e) => [
-          a(o.$slots, "item:append", r(i(e)))
+        "item:append": n((o) => [
+          a(e.$slots, "item:append", i(s(o)))
         ]),
-        append: n((e) => [
-          a(o.$slots, "append", r(i(e)))
+        append: n((o) => [
+          a(e.$slots, "append", i(s(o)))
         ]),
         _: 2
       }, [
-        M(f.value, (e) => ({
-          name: e.key,
+        M(w.value, (o) => ({
+          name: o.key,
           fn: n((p) => [
-            a(o.$slots, e.key, r(i(p)))
+            a(e.$slots, o.key, i(s(p)))
           ])
         }))
       ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
-    ], 2));
+    ], 16));
   }
 });
 export {
-  to as default
+  ne as default
 };

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index240.js";
+import { throttle as c } from "./index247.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,11 +1,11 @@
 import { defineComponent as se, ref as l, useAttrs as ae, computed as u, getCurrentInstance as ne, nextTick as ie, onBeforeUnmount as O, onMounted as re, watch as ue, openBlock as g, createBlock as ce, withCtx as de, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as fe, toDisplayString as A, unref as ve, createCommentVNode as $ } from "vue";
-import { useFocusTrap as pe } from "./index228.js";
+import { useFocusTrap as pe } from "./index227.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index241.js";
-import be from "./index242.js";
+import { useModalsState as b } from "./index248.js";
+import be from "./index249.js";
 import { useMobile as me } from "./index9.js";
-import { useLocale as ye } from "./index229.js";
+import { useLocale as ye } from "./index228.js";
 const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -4,7 +4,7 @@ import { debounce as T } from "./index267.js";
 /* empty css       */
 import z from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index229.js";
+import { useLocale as D } from "./index228.js";
 const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {

package/dist/index88.js

@@ -1,14 +1,14 @@
 import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as p, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as T, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index228.js";
+import { useFocusTrap as j } from "./index227.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index231.js";
+import { waitFor as K } from "./index230.js";
 import Q from "./index13.js";
 /* empty css        */
-import U from "./index232.js";
+import U from "./index231.js";
 /* empty css         */
-import { useLocale as X } from "./index229.js";
-import { useDebounceFn as Y } from "./index205.js";
+import { useLocale as X } from "./index228.js";
+import { useDebounceFn as Y } from "./index206.js";
 const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index206.js";
+import { clamp as p } from "./index205.js";
 import { getAsPercentageBetween as i } from "./index131.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",