bitboss-ui 2.1.129 → 2.1.131

package/dist/index93.js

@@ -1,34 +1,177 @@
-import { useLogger as e } from "./index31.js";
-import { hash as t } from "./index81.js";
-import { useItemText as n } from "./index91.js";
-import { useItemValue as r } from "./index92.js";
-import { computed as i, unref as a } from "vue";
-//#region src/composables/useBaseOptions.ts
-var { getItemText: o } = n(), { getItemValue: s } = r(), { warn: c } = e(), l = (e, t, n, r, i, a) => a ? !1 : t || e.disabled ? !0 : typeof n == "function" ? !n(e) : !!(typeof n == "boolean" && !n || r && i >= r), u = ({ items: e, disabled: n, selectable: r, itemText: u, itemValue: d, selectedIndexedByHash: f, max: p = Infinity }) => {
-	let m = i(() => a(n)), h = i(() => a(e)), g = i(() => Object.keys(f.value).length), _ = a(p), v = (e) => {
-		let n = s(e, a(d)), i = t(n), c = o(e, a(u)), p = f.value[i] !== void 0;
-		return {
-			item: e,
-			text: c,
-			value: n,
-			valueHash: i,
-			selected: p,
-			disabled: a(l(e, m.value, r, _, g.value, p))
-		};
-	};
-	return {
-		options: i(() => {
-			let e = [], t = /* @__PURE__ */ new Set();
-			for (let n = 0; n < h.value.length; n++) {
-				let r = h.value[n];
-				r.disabled && c("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.");
-				let i = v(r);
-				t.has(i.valueHash) || (t.add(i.valueHash), e.push(i));
-			}
-			return e;
-		}),
-		createOption: v
-	};
+import { defineComponent as I, mergeModels as B, useModel as N, computed as p, ref as L, watch as P, onMounted as W, createElementBlock as d, openBlock as c, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as v, createCommentVNode as h, Fragment as A, createElementVNode as t, renderSlot as l, createTextVNode as H, toDisplayString as M, nextTick as K } from "vue";
+import { parseSize as R } from "./index277.js";
+import { useId as $ } from "./index8.js";
+import { useLocale as U } from "./index230.js";
+import { useMobile as j } from "./index9.js";
+import { useUntil as G } from "./index267.js";
+import { wait as y } from "./index147.js";
+import { _config as J } from "./index4.js";
+const Q = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], X = {
+  ref: "header",
+  class: "bb-offcanvas__header"
+}, Y = { class: "bb-offcanvas__close" }, Z = ["aria-label", "disabled"], x = {
+  ref: "body",
+  class: "bb-offcanvas__body scrollbar-border"
+}, ee = { class: "bb-offcanvas__body-content" }, oe = {
+  ref: "footer",
+  class: "bb-offcanvas__footer"
+}, ce = /* @__PURE__ */ I({
+  __name: "BbOffCanvas",
+  props: /* @__PURE__ */ B({
+    closeLabel: {},
+    compact: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    title: {},
+    transitionDuration: { default: 300 },
+    size: { default: "sm" },
+    description: {},
+    focusTarget: {},
+    fullscreen: { type: [Boolean, String] },
+    panelClasses: { default: () => [] },
+    overlayClasses: { default: () => [] },
+    direction: { default: "left" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["show", "hide", "shown", "hidden"], ["update:modelValue"]),
+  setup(w, { emit: z }) {
+    const o = w, i = z, s = N(w, "modelValue"), { t: D } = U(), E = p(
+      () => o.closeLabel || D("dialog.closeLabel").value
+    ), r = L(null), u = G(
+      () => s.value || o.eager,
+      {
+        initialValue: s.value || o.eager
+      }
+    ), f = `title_${$().id.value}`, b = `description_${$().id.value}`, g = (e) => {
+      if (e.key === "Escape" && (e.stopImmediatePropagation(), o.disabled || o.persistent))
+        return e.preventDefault(), n.value = !0, y(200).then(() => {
+          n.value = !1;
+        }), !1;
+    }, _ = async (e) => {
+      if (e) {
+        if (i("show"), window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty(
+          "--scrollbar-width",
+          `${T()}px`
+        ), document.addEventListener("keydown", g, { capture: !0 }), await K(), r.value?.showModal(), o.focusTarget) {
+          const a = r.value?.querySelector(o.focusTarget);
+          a && a instanceof HTMLElement && a.focus();
+        }
+        i("shown");
+      } else
+        i("hide"), await y(o.transitionDuration), window.globalThis?.document && document.removeEventListener("keydown", g, { capture: !0 }), r.value?.close(), i("hidden");
+    };
+    P(s, _), W(() => {
+      s.value && _(!0);
+    });
+    const S = p(() => k.value ? "100%" : o.size === "auto" ? "fit-content" : R(o.size, J.offCanvasDefaultSizes)), C = (e) => {
+      if (e.preventDefault(), o.disabled || o.persistent)
+        return n.value = !0, y(300).then(() => {
+          n.value = !1;
+        }), !1;
+      m();
+    }, m = () => {
+      s.value = !1;
+    }, n = L(!1), T = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: V } = j(), k = p(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && V.value
+    );
+    return (e, a) => (c(), d("dialog", {
+      ref_key: "dialog",
+      ref: r,
+      "aria-describedby": v(u) && e.description ? b : void 0,
+      "aria-labelledby": v(u) && e.title ? f : void 0,
+      "aria-live": s.value ? "polite" : "off",
+      class: q([
+        "bb-offcanvas",
+        [
+          {
+            "bb-offcanvas--open": s.value,
+            "bb-offcanvas--fullscreen": k.value,
+            "bb-offcanvas--compact": e.compact,
+            "bb-offcanvas--deny-close": n.value,
+            [`bb-offcanvas--${o.direction}`]: !0
+          },
+          e.overlayClasses,
+          e.panelClasses
+        ].flat()
+      ]),
+      inert: !s.value,
+      style: O({
+        "--max-size": S.value,
+        "--transition-duration": `${o.transitionDuration}ms`
+      }),
+      onCancel: C,
+      onClick: F(C, ["self"])
+    }, [
+      v(u) ? (c(), d(A, { key: 0 }, [
+        t("div", X, [
+          l(e.$slots, "header", {
+            close: m,
+            title: e.title,
+            titleId: f
+          }, () => [
+            t("span", {
+              id: f,
+              class: "bb-offcanvas__title"
+            }, [
+              l(e.$slots, "title", { text: e.title }, () => [
+                H(M(e.title), 1)
+              ])
+            ]),
+            t("span", Y, [
+              e.showClose ? (c(), d("button", {
+                key: 0,
+                "aria-label": E.value,
+                disabled: o.disabled,
+                type: "button",
+                onClick: m
+              }, [
+                l(e.$slots, "close", {}, () => [
+                  a[0] || (a[0] = t("span", { class: "bb-offcanvas__close-icon" }, [
+                    t("svg", {
+                      "aria-hidden": "true",
+                      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": "3"
+                      })
+                    ])
+                  ], -1))
+                ])
+              ], 8, Z)) : h("", !0)
+            ])
+          ])
+        ], 512),
+        t("div", x, [
+          t("div", ee, [
+            l(e.$slots, "description", {
+              descriptionId: b,
+              text: e.description
+            }, () => [
+              e.description ? (c(), d("div", {
+                key: 0,
+                id: b,
+                class: "bb-offcanvas__description sr-only"
+              }, M(e.description), 1)) : h("", !0)
+            ]),
+            l(e.$slots, "default")
+          ])
+        ], 512),
+        t("div", oe, [
+          l(e.$slots, "footer")
+        ], 512)
+      ], 64)) : h("", !0)
+    ], 46, Q));
+  }
+});
+export {
+  ce as default
 };
-//#endregion
-export { u as useBaseOptions };

package/dist/index95.js

@@ -1,16 +1,235 @@
-import { isNil as e } from "./index94.js";
-import { computed as t, unref as n } from "vue";
-//#region src/composables/useCoherence.ts
-var r = ({ modelValue: r, iteratee: i, multiple: a }) => {
-	let o = t(() => [].concat(n(r))), s = t(() => o.value.reduce((e, t) => (i(t) ? e.coherent.push(t) : e.incoherent.push(t), e), {
-		coherent: [],
-		incoherent: []
-	}));
-	return {
-		status: s,
-		coherent: t(() => a && !n(r).length || !a && e(n(r)) ? !0 : !s.value.incoherent.length),
-		coherentValue: t(() => a ? s.value.coherent : s.value.coherent[0] ?? null)
-	};
+import { defineComponent as V, mergeModels as W, useModel as U, computed as b, ref as d, onMounted as F, onBeforeUnmount as D, createElementBlock as S, openBlock as w, normalizeClass as G, createElementVNode as s, createVNode as q, unref as f, normalizeProps as B, guardReactiveProps as A, withCtx as x, renderSlot as h, toDisplayString as m, Fragment as I, renderList as O, mergeProps as j, nextTick as C } from "vue";
+/* empty css       */
+/* empty css       */
+import P from "./index14.js";
+/* empty css        */
+import { debounce as X } from "./index279.js";
+import { useLocale as H } from "./index230.js";
+import { useRoute as J } from "./index154.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 },
+    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"), r = J(), o = b(() => +a.totalPages), c = d(1), i = d(+a.maxSize), v = d(), g = d(), L = d(1 / 0), _ = () => {
+      v.value && g.value && (v.value.clientWidth < g.value.clientWidth ? i.value - 1 > 3 ? (i.value--, C(_)) : i.value = 3 : i.value < +a.maxSize && /* If there is enough space to fit one */
+      v.value.clientWidth - g.value.clientWidth > L.value && (i.value = Math.min(i.value + 1, +a.maxSize), C(_)));
+    };
+    if (globalThis.ResizeObserver) {
+      const e = new ResizeObserver(X(_, 200));
+      F(() => {
+        if (v.value && g.value) {
+          const l = v.value.querySelectorAll(
+            ".bb-pagination__page"
+          )[1];
+          if (l) {
+            const u = getComputedStyle(g.value).columnGap.replaceAll(/\D/g, ""), p = Number(u);
+            L.value = l.clientWidth + p;
+          }
+          e.observe(v.value);
+        }
+      }), D(() => {
+        e.disconnect();
+      });
+    }
+    const R = b(() => {
+      if (o.value <= 0 || isNaN(o.value) || o.value > Number.MAX_SAFE_INTEGER)
+        return [];
+      if (i.value <= 1) return [n.value];
+      if (o.value <= i.value)
+        return y(o.value, c.value);
+      const e = i.value % 2 === 0, l = e ? i.value / 2 : Math.floor(i.value / 2), t = e ? l : l + 1, u = o.value - l;
+      if (t - n.value >= 0)
+        return [
+          ...y(Math.max(1, i.value - 1), c.value),
+          a.ellipsis,
+          o.value
+        ];
+      if (n.value - u >= (e ? 1 : 0)) {
+        const p = i.value - 1, k = o.value - p + c.value;
+        return [
+          c.value,
+          a.ellipsis,
+          ...y(p, k)
+        ];
+      } else {
+        const p = Math.max(1, i.value - 3), k = p === 1 ? n.value : n.value - Math.ceil(p / 2) + c.value;
+        return [
+          c.value,
+          a.ellipsis,
+          ...y(p, k),
+          a.ellipsis,
+          o.value
+        ];
+      }
+    }), N = b(() => 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
+    })), y = (e, l = 0) => Array.from({ length: e }, (t, u) => l + u), $ = b(() => {
+      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 l = (n.value - 1).toString();
+        if (r.value)
+          e.to = {
+            path: r.value?.path,
+            query: { ...r.value?.query, [a.querykey]: l }
+          }, e.replace = a.replace;
+        else {
+          const t = new URL(globalThis.location.href);
+          t.searchParams.set(a.querykey, l), e.href = t.toString();
+        }
+      }
+      return e;
+    }), E = (e) => {
+      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 t = e.key.toString();
+        if (r.value)
+          l.to = {
+            path: r.value?.path,
+            query: { ...r.value?.query, [a.querykey]: t }
+          }, l.replace = a.replace;
+        else {
+          const u = new URL(globalThis.location.href);
+          u.searchParams.set(a.querykey, t), l.href = u.toString();
+        }
+      }
+      return l;
+    }, T = b(() => {
+      const e = {
+        disabled: n.value >= o.value || a.loading || a.disabled,
+        onClick: () => {
+          n.value < o.value && (n.value = n.value + 1);
+        },
+        class: "bb-pagination__page bb-pagination__page--next"
+      };
+      if (a.navigation) {
+        const l = (n.value + 1).toString();
+        if (r.value)
+          e.to = {
+            path: r.value?.path,
+            query: { ...r.value?.query, [a.querykey]: l }
+          }, e.replace = a.replace;
+        else {
+          const t = new URL(globalThis.location.href);
+          t.searchParams.set(a.querykey, l), e.href = t.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
+      }])
+    }, [
+      s("nav", { "aria-label": e.label }, [
+        s("ul", {
+          ref_key: "innercontainer",
+          ref: g,
+          class: "bb-pagination__pages"
+        }, [
+          s("li", null, [
+            q(f(P), B(A($.value)), {
+              default: x(() => [
+                h(e.$slots, "previous", {}, () => [
+                  s("span", Q, m(f(z)("pagination.previous").value), 1),
+                  l[0] || (l[0] = s("svg", {
+                    class: "bb-pagination__page-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    s("path", {
+                      d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
+                      fill: "currentColor"
+                    })
+                  ], -1))
+                ])
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          (w(!0), S(I, null, O(N.value, (t) => (w(), S("li", {
+            key: t.key
+          }, [
+            q(f(P), j({ ref_for: !0 }, E(t)), {
+              default: x(() => [
+                t.ellipsis === !0 ? h(e.$slots, "ellipsis", { key: 0 }, () => [
+                  s("span", Y, m(a.ellipsis), 1)
+                ]) : h(e.$slots, "item", {
+                  key: 1,
+                  active: t.active,
+                  disabled: t.disabled,
+                  item: t.key
+                }, () => [
+                  s("span", Z, m(t.key), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ]))), 128)),
+          s("li", null, [
+            q(f(P), B(A(T.value)), {
+              default: x(() => [
+                h(e.$slots, "next", {}, () => [
+                  s("span", ee, m(f(z)("pagination.next").value), 1),
+                  l[1] || (l[1] = s("svg", {
+                    class: "bb-pagination__page-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    s("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 {
+  ue as default
 };
-//#endregion
-export { r as useCoherence };