bitboss-ui 2.0.164 → 2.0.166

package/dist/index90.js

@@ -1,33 +1,247 @@
-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 "./index249.js";
-import { getAsPercentageBetween as i } from "./index131.js";
-const _ = /* @__PURE__ */ r({
-  __name: "BbProgress",
+import { defineComponent as ae, ref as l, useAttrs as ne, computed as u, getCurrentInstance as ie, onBeforeUnmount as A, onMounted as re, watch as ue, createBlock as ce, openBlock as g, withCtx as de, createElementVNode as s, mergeProps as E, createElementBlock as $, createCommentVNode as T, renderSlot as n, createTextVNode as fe, toDisplayString as H, unref as ve, nextTick as pe } from "vue";
+import { useFocusTrap as be } from "./index212.js";
+import { useId as I } from "./index8.js";
+import { wait as D } from "./index135.js";
+import { useModalsState as b } from "./index214.js";
+import me from "./index215.js";
+import { useMobile as ye } from "./index9.js";
+import { useLocale as he } from "./index216.js";
+const ge = ["inert"], _e = { class: "bb-offcanvas-close" }, ke = ["aria-label"], De = /* @__PURE__ */ ae({
+  __name: "BbOffCanvas",
   props: {
-    modelValue: { default: 0 },
-    min: { default: 0 },
-    max: { default: 100 }
+    closeLabel: {},
+    compact: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    panelClasses: { default: () => [] },
+    overlayClasses: { default: () => [] },
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    title: {},
+    transition: { default: "fade" },
+    transitionDuration: { default: 350 },
+    size: { default: "sm" },
+    description: {},
+    focusTarget: {},
+    fullscreen: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, null] },
+    direction: { default: "left" }
   },
-  setup(t) {
-    const e = t, o = a(
-      () => p(
-        i(e.modelValue || e.min, e.min, e.max),
-        0,
-        100
-      )
+  emits: ["shown", "hidden", "update:modelValue"],
+  setup(W, { emit: F }) {
+    var O, S;
+    const e = W, c = F, { t: R } = he(), _ = `title_${I().id.value}`, k = `description_${I().id.value}`, { isMobile: K } = ye(), d = l(null), C = l(null), P = l(null), U = l(null), j = l(null), q = l(null), G = ne(), w = u(
+      () => e.fullscreen === !0 || e.fullscreen === "mobile" && K.value
+    ), L = !!((S = (O = ie()) == null ? void 0 : O.proxy) != null && S.$nuxt), f = l(0), J = u(() => {
+      const { openedModals: t } = b();
+      return !t.value || t.value === f.value;
+    }), { activate: Q, deactivate: X } = be(C, {
+      initialFocus: e.focusTarget ?? void 0,
+      clickOutsideDeactivates: (t) => t.target === d.value,
+      allowOutsideClick: !0,
+      /* On esc deactivate the trap, return focus and then close the modal */
+      escapeDeactivates: () => (pe(() => {
+        c("update:modelValue", !1);
+      }), !0)
+    }), Y = u(() => e.closeLabel), B = l(!1), v = l(!1), m = l(!0), p = l(!1), i = l(e.eager || e.modelValue), x = l(null), Z = u(() => v.value || p.value), ee = () => {
+      if (!globalThis.document) return;
+      const t = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden", document.body.style.paddingRight = `${t}px`;
+    }, V = () => {
+      globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
+    };
+    A(() => {
+      if (e.modelValue) {
+        const { openedModals: t, modalHasClosed: o } = b();
+        t.value && (o(), f.value = 0, V());
+      }
+    }), re(() => {
+      !e.modelValue && !i.value || L && !globalThis.document || N();
+    }), A(() => {
+      if (e.modelValue) {
+        const { openedModals: t, modalHasClosed: o } = b();
+        t.value && (o(), f.value = 0, V());
+      }
+    }), ue(
+      () => e.modelValue,
+      () => {
+        !e.modelValue && !i.value || L && !globalThis.document || N();
+      },
+      { flush: "post" }
     );
-    return (d, u) => (l(), s("div", {
-      class: m(["bb-progress", {
-        "bb-progress--horizontal": !0
-      }])
-    }, [
-      n("div", {
-        class: "bb-progress-bar",
-        style: c({ width: o.value + "%" })
-      }, null, 4)
-    ]));
+    const N = async () => {
+      if (e.modelValue) {
+        i.value || (i.value = !0), m.value = !1, p.value = !1, v.value = !0;
+        const { modalHasOpened: t, openedModals: o } = b();
+        t(), f.value = o.value, ee(), await D(e.transitionDuration), v.value = !1, B.value = !0, c("shown"), Q();
+      } else {
+        X(), v.value = !1, B.value = !1, p.value = !0;
+        const { modalHasClosed: t, openedModals: o } = b();
+        t(), f.value = 0, o.value || V(), await D(e.transitionDuration), p.value = !1, m.value = !0, c("hidden"), x.value instanceof HTMLElement && x.value.focus();
+      }
+    }, y = (t) => {
+      t.target === d.value && t.preventDefault();
+    }, z = l(!1), te = async (t) => {
+      e.disabled || Z.value || d.value && t.target === d.value && (e.persistent ? C.value && (z.value = !0, await D(100), z.value = !1) : c("update:modelValue", !1));
+    }, M = () => {
+      e.disabled || c("update:modelValue", !1);
+    }, oe = u(() => {
+      const t = [
+        {
+          "bb-offcanvas bb-offcanvas__overlay": !0,
+          "bb-offcanvas--fullscreen": w.value,
+          "bb-offcanvas--faded": !J.value,
+          "bb-offcanvas--open": B.value,
+          "bb-offcanvas--opening": v.value,
+          "bb-offcanvas--closed": m.value,
+          "bb-offcanvas--closing": p.value,
+          "bb-offcanvas--attempted-closing": z.value,
+          [`bb-offcanvas--${e.direction}`]: !0
+        },
+        e.overlayClasses
+      ].flat(), o = {
+        onClick: te,
+        onScroll: y,
+        onTouchmove: y,
+        onWheel: y,
+        onKeydown: y
+      }, a = {
+        transitionDuration: e.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: t,
+        style: a,
+        ...o,
+        ...G
+      };
+    }), le = u(() => {
+      const t = [
+        {
+          "bb-offcanvas__panel": !0,
+          "bb-offcanvas__panel--compact": e.compact
+        },
+        e.panelClasses
+      ].flat(), o = {
+        role: "dialog",
+        "aria-modal": !0
+      };
+      i.value && (o["aria-labelledby"] = _, e.description && (o["aria-describedby"] = k));
+      let a, r;
+      const h = {
+        sm: 384,
+        md: 652,
+        lg: 896
+      };
+      e.direction === "left" || e.direction === "right" ? w.value ? a = "100%" : typeof e.size == "number" ? a = e.size + "px" : e.size in h ? a = h[e.size] + "px" : a = e.size + "px" : w.value ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in h ? r = h[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (r = "auto") : r = e.size + "px";
+      const se = {
+        maxWidth: a,
+        height: r,
+        transitionDuration: e.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: t,
+        style: se,
+        ...o
+      };
+    });
+    return (t, o) => (g(), ce(me, null, {
+      default: de(() => [
+        s("div", E(oe.value, {
+          ref_key: "overlay",
+          ref: d,
+          inert: m.value
+        }), [
+          s("div", E(le.value, {
+            ref_key: "panel",
+            ref: C
+          }), [
+            i.value ? (g(), $("div", {
+              key: 0,
+              ref_key: "content",
+              ref: P,
+              class: "bb-offcanvas__content"
+            }, [
+              n(t.$slots, "content", { close: M }, () => [
+                s("div", {
+                  ref_key: "header",
+                  ref: U,
+                  class: "bb-offcanvas__header"
+                }, [
+                  n(t.$slots, "header", {
+                    close: M,
+                    title: t.title,
+                    titleId: _
+                  }, () => [
+                    s("span", {
+                      id: _,
+                      class: "bb-offcanvas__title"
+                    }, [
+                      n(t.$slots, "title", { text: t.title }, () => [
+                        fe(H(t.title), 1)
+                      ])
+                    ]),
+                    s("span", _e, [
+                      t.showClose ? (g(), $("button", {
+                        key: 0,
+                        "aria-label": Y.value || ve(R)("common.closeLabel").value,
+                        type: "button",
+                        onClick: M
+                      }, [
+                        n(t.$slots, "close", {}, () => [
+                          o[0] || (o[0] = s("span", { class: "bb-offcanvas-close__icon" }, [
+                            s("svg", {
+                              "aria-hidden": "true",
+                              fill: "none",
+                              viewBox: "0 0 24 24",
+                              xmlns: "http://www.w3.org/2000/svg"
+                            }, [
+                              s("path", {
+                                d: "M23 23L1 1M23 1L1 23",
+                                stroke: "currentColor",
+                                "stroke-linecap": "round",
+                                "stroke-width": "2"
+                              })
+                            ])
+                          ], -1))
+                        ])
+                      ], 8, ke)) : T("", !0)
+                    ])
+                  ])
+                ], 512),
+                s("div", {
+                  ref_key: "body",
+                  ref: j,
+                  class: "bb-offcanvas__body scrollbar-border"
+                }, [
+                  n(t.$slots, "description", {
+                    descriptionId: k,
+                    text: t.description
+                  }, () => [
+                    t.description ? (g(), $("div", {
+                      key: 0,
+                      id: k,
+                      class: "bb-offcanvas__description sr-only"
+                    }, H(t.description), 1)) : T("", !0)
+                  ]),
+                  n(t.$slots, "default")
+                ], 512),
+                o[1] || (o[1] = s("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
+                s("div", {
+                  ref_key: "footer",
+                  ref: q,
+                  class: "bb-offcanvas__footer"
+                }, [
+                  n(t.$slots, "footer")
+                ], 512)
+              ])
+            ], 512)) : T("", !0)
+          ], 16)
+        ], 16, ge)
+      ]),
+      _: 3
+    }));
   }
 });
 export {
-  _ as default
+  De as default
 };

package/dist/index92.js

@@ -1,94 +1,238 @@
-import { defineComponent as f, ref as v, computed as y, openBlock as k, createBlock as B, withCtx as l, renderSlot as n, normalizeProps as w, guardReactiveProps as g, createVNode as P, mergeProps as i } from "vue";
-import V from "./index27.js";
+import { defineComponent as V, mergeModels as W, useModel as U, computed as d, ref as f, onMounted as F, onBeforeUnmount as D, createElementBlock as S, openBlock as w, normalizeClass as G, createElementVNode as r, createVNode as q, unref as y, normalizeProps as B, guardReactiveProps as A, withCtx as x, renderSlot as m, toDisplayString as _, Fragment as I, renderList as O, mergeProps as j, nextTick as C } from "vue";
+/* empty css       */
+/* empty css       */
+import P from "./index13.js";
 /* empty css        */
-import q from "./index31.js";
-/* empty css        */
-const R = /* @__PURE__ */ f({
-  __name: "BbRadio",
-  props: {
-    autofocus: {},
-    checked: {},
-    color: {},
-    direction: { default: "auto" },
+import { debounce as X } from "./index246.js";
+import { useLocale as H } from "./index216.js";
+import { useRoute as J } from "./index142.js";
+const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
+  __name: "BbPagination",
+  props: /* @__PURE__ */ W({
     disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    inputPosition: {},
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    value: {}
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: t }) {
-    const d = s, o = t, r = v(!1), u = y(() => d.persistentHint || r.value), p = {
-      onBlur: (e) => {
-        r.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        r.value = !0, o("focus", e);
-      },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    loading: { type: Boolean },
+    align: { default: "right" },
+    ellipsis: { default: "..." },
+    label: { default: "Paginazione" },
+    maxSize: { default: 6 },
+    navigation: { type: Boolean },
+    replace: { type: Boolean },
+    querykey: { default: "page" },
+    totalPages: { default: 1 }
+  }, {
+    modelValue: { default: 1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(M) {
+    const a = M, { t: z } = H(), n = U(M, "modelValue"), p = J(), u = d(() => +a.totalPages), c = f(1), s = f(+a.maxSize), v = f(), g = f(), L = f(1 / 0), k = () => {
+      v.value && g.value && (v.value.clientWidth < g.value.clientWidth ? s.value - 1 > 3 ? (s.value--, C(k)) : s.value = 3 : s.value < +a.maxSize && /* If there is enough space to fit one */
+      v.value.clientWidth - g.value.clientWidth > L.value && (s.value = Math.min(s.value + 1, +a.maxSize), C(k)));
     };
-    return (e, C) => (k(), B(V, {
-      id: e.id,
-      class: "bb-radio",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "label-tag": "span",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": u.value,
-      tag: "label"
-    }, {
-      label: l((a) => [
-        n(e.$slots, "label", w(g(a)))
-      ]),
-      input: l(({ id: a, name: m, hasErrors: c, ariaDescribedby: b }) => [
-        P(q, i({
-          id: a,
-          "aria-describedby": b,
-          autofocus: e.autofocus,
-          checked: e.checked,
-          color: e.color,
-          disabled: e.disabled,
-          "has-errors": c,
-          "model-value": e.modelValue,
-          name: m,
-          readonly: e.readonly,
-          required: e.required,
-          value: e.value
-        }, p), {
-          icon: l((h) => [
-            n(e.$slots, "icon", i(h, { text: e.label }))
+    if (globalThis.ResizeObserver) {
+      const e = new ResizeObserver(X(k, 200));
+      F(() => {
+        if (v.value && g.value) {
+          const l = v.value.querySelectorAll(
+            ".bb-pagination__page"
+          )[1];
+          if (l) {
+            const o = getComputedStyle(g.value).columnGap.replaceAll(/\D/g, ""), i = Number(o);
+            L.value = l.clientWidth + i;
+          }
+          e.observe(v.value);
+        }
+      }), D(() => {
+        e.disconnect();
+      });
+    }
+    const R = d(() => {
+      if (u.value <= 0 || isNaN(u.value) || u.value > Number.MAX_SAFE_INTEGER)
+        return [];
+      if (s.value <= 1) return [n.value];
+      if (u.value <= s.value)
+        return h(u.value, c.value);
+      const e = s.value % 2 === 0, l = e ? s.value / 2 : Math.floor(s.value / 2), t = e ? l : l + 1, o = u.value - l;
+      if (t - n.value >= 0)
+        return [
+          ...h(Math.max(1, s.value - 1), c.value),
+          a.ellipsis,
+          u.value
+        ];
+      if (n.value - o >= (e ? 1 : 0)) {
+        const i = s.value - 1, b = u.value - i + c.value;
+        return [
+          c.value,
+          a.ellipsis,
+          ...h(i, b)
+        ];
+      } else {
+        const i = Math.max(1, s.value - 3), b = i === 1 ? n.value : n.value - Math.ceil(i / 2) + c.value;
+        return [
+          c.value,
+          a.ellipsis,
+          ...h(i, b),
+          a.ellipsis,
+          u.value
+        ];
+      }
+    }), N = d(() => R.value.map((e, l) => typeof e == "string" ? {
+      active: !1,
+      key: `ellipsis-${l}`,
+      page: e,
+      ellipsis: !0,
+      disabled: !0
+    } : {
+      active: e === n.value,
+      key: e,
+      page: e,
+      ellipsis: !1,
+      disabled: !!a.disabled || +a.totalPages < 2 || a.loading
+    })), h = (e, l = 0) => Array.from({ length: e }, (t, o) => l + o), $ = d(() => {
+      var l, t;
+      const e = {
+        disabled: n.value <= 1 || a.loading || a.disabled,
+        onClick: () => {
+          n.value > 1 && (n.value = n.value - 1);
+        },
+        class: "bb-pagination__page bb-pagination__page--previous"
+      };
+      if (a.navigation) {
+        const o = (n.value - 1).toString();
+        if (p.value)
+          e.to = {
+            path: (l = p.value) == null ? void 0 : l.path,
+            query: { ...(t = p.value) == null ? void 0 : t.query, [a.querykey]: o }
+          }, e.replace = a.replace;
+        else {
+          const i = new URL(globalThis.location.href);
+          i.searchParams.set(a.querykey, o), e.href = i.toString();
+        }
+      }
+      return e;
+    }), E = (e) => {
+      var t, o;
+      const l = {
+        class: ["bb-pagination__page"],
+        disabled: e.disabled,
+        onClick: () => {
+          typeof e.key == "number" && (n.value = e.key);
+        }
+      };
+      if (e.active && l.class.push("bb-pagination__page--active"), e.ellipsis && l.class.push("bb-pagination__page--ellipsis"), a.navigation) {
+        const i = e.key.toString();
+        if (p.value)
+          l.to = {
+            path: (t = p.value) == null ? void 0 : t.path,
+            query: { ...(o = p.value) == null ? void 0 : o.query, [a.querykey]: i }
+          }, l.replace = a.replace;
+        else {
+          const b = new URL(globalThis.location.href);
+          b.searchParams.set(a.querykey, i), l.href = b.toString();
+        }
+      }
+      return l;
+    }, T = d(() => {
+      var l, t;
+      const e = {
+        disabled: n.value >= u.value || a.loading || a.disabled,
+        onClick: () => {
+          n.value < u.value && (n.value = n.value + 1);
+        },
+        class: "bb-pagination__page bb-pagination__page--next"
+      };
+      if (a.navigation) {
+        const o = (n.value + 1).toString();
+        if (p.value)
+          e.to = {
+            path: (l = p.value) == null ? void 0 : l.path,
+            query: { ...(t = p.value) == null ? void 0 : t.query, [a.querykey]: o }
+          }, e.replace = a.replace;
+        else {
+          const i = new URL(globalThis.location.href);
+          i.searchParams.set(a.querykey, o), e.href = i.toString();
+        }
+      }
+      return e;
+    });
+    return (e, l) => (w(), S("div", {
+      ref_key: "outercontainer",
+      ref: v,
+      class: G(["bb-pagination", {
+        [`bb-pagination--${e.align}`]: !0,
+        "bb-pagination--disabled": e.disabled
+      }])
+    }, [
+      r("nav", { "aria-label": e.label }, [
+        r("ul", {
+          ref_key: "innercontainer",
+          ref: g,
+          class: "bb-pagination__pages"
+        }, [
+          r("li", null, [
+            q(y(P), B(A($.value)), {
+              default: x(() => [
+                m(e.$slots, "previous", {}, () => [
+                  r("span", Q, _(y(z)("pagination.previous").value), 1),
+                  l[0] || (l[0] = r("svg", {
+                    class: "bb-pagination__page-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    r("path", {
+                      d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
+                      fill: "currentColor"
+                    })
+                  ], -1))
+                ])
+              ]),
+              _: 3
+            }, 16)
           ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "model-value", "name", "readonly", "required", "value"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
+          (w(!0), S(I, null, O(N.value, (t) => (w(), S("li", {
+            key: t.key
+          }, [
+            q(y(P), j({ ref_for: !0 }, E(t)), {
+              default: x(() => [
+                t.ellipsis === !0 ? m(e.$slots, "ellipsis", { key: 0 }, () => [
+                  r("span", Y, _(a.ellipsis), 1)
+                ]) : m(e.$slots, "item", {
+                  key: 1,
+                  active: t.active,
+                  disabled: t.disabled,
+                  item: t.key
+                }, () => [
+                  r("span", Z, _(t.key), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ]))), 128)),
+          r("li", null, [
+            q(y(P), B(A(T.value)), {
+              default: x(() => [
+                m(e.$slots, "next", {}, () => [
+                  r("span", ee, _(y(z)("pagination.next").value), 1),
+                  l[1] || (l[1] = r("svg", {
+                    class: "bb-pagination__page-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    r("path", {
+                      d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
+                      fill: "currentColor"
+                    })
+                  ], -1))
+                ])
+              ]),
+              _: 3
+            }, 16)
+          ])
+        ], 512)
+      ], 8, K)
+    ], 2));
   }
 });
 export {
-  R as default
+  ue as default
 };