bitboss-ui 0.1.2 → 0.1.4

package/dist/index63.js

@@ -1,141 +1,221 @@
-import { defineComponent as x, computed as y, ref as p, onMounted as A, onBeforeUnmount as B, openBlock as c, createElementBlock as g, createElementVNode as u, renderSlot as S, createTextVNode as m, Fragment as h, renderList as E, normalizeClass as P, toDisplayString as z, nextTick as M } from "vue";
-import W from "./index195.js";
-const R = { "aria-label": "Navigazione" }, T = ["disabled"], F = ["onClick", "disabled"], L = ["disabled"], I = /* @__PURE__ */ x({
-  __name: "BbPagination",
+import { defineComponent as q, ref as s, useAttrs as G, computed as y, onMounted as L, onBeforeUnmount as J, watch as Q, openBlock as _, createBlock as X, Teleport as Y, createElementVNode as o, mergeProps as D, createElementBlock as z, renderSlot as l, createTextVNode as Z, toDisplayString as B, createCommentVNode as V } from "vue";
+import { nanoid as N } from "./index176.js";
+import { wait as O } from "./index164.js";
+const ee = { class: "bb-offcanvas-close" }, te = { class: "bb-offcanvas-close__content" }, oe = { class: "bb-offcanvas-close__label" }, se = /* @__PURE__ */ o("span", { class: "bb-offcanvas-close__icon" }, [
+  /* @__PURE__ */ o("svg", {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M23 23L1 1M23 1L1 23",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round"
+    })
+  ])
+], -1), ae = /* @__PURE__ */ o("div", { style: { flex: "10000 10000 0%" } }, null, -1), re = /* @__PURE__ */ q({
+  __name: "BbOffCanvas",
   props: {
-    modelValue: { default: 1 },
+    closeLabel: { default: "Chiudi" },
+    compact: { type: Boolean },
+    description: {},
     disabled: { type: Boolean },
-    totalPages: { default: 1 },
-    maxSize: { default: 5 },
-    ellipsis: { default: "..." },
-    loading: { type: Boolean }
+    eager: { type: Boolean },
+    fullscreen: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
+    panelClasses: { default: () => [] },
+    overlayClasses: { default: () => [] },
+    persistent: { type: Boolean },
+    position: { default: "left" },
+    showClose: { type: Boolean, default: !0 },
+    size: { default: "sm" },
+    title: {},
+    transition: { default: "fade" },
+    transitionDuration: { default: 350 }
   },
-  emits: ["update:modelValue"],
-  setup(N, { emit: f }) {
-    const e = N, i = y(() => +e.totalPages), r = p(1), t = p(+e.maxSize), o = p(), d = p(), k = p(1 / 0), _ = () => {
-      o.value && d.value && (o.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, M(_)) : t.value = 3 : t.value < +e.maxSize && /* If there is enought space to fit one */
-      o.value.clientWidth - d.value.clientWidth > k.value && (t.value = Math.min(t.value + 1, +e.maxSize), M(_)));
+  emits: ["shown", "hidden", "update:modelValue"],
+  setup(S, { emit: c }) {
+    const e = S, v = `title_${N()}`, h = `description_${N()}`, p = s(null), i = s(null), A = s(null), M = s(null), T = s(null), W = s(null), x = G(), R = y(() => e.closeLabel);
+    L(async () => {
+      document.addEventListener("keydown", E);
+    }), J(() => {
+      document.removeEventListener("keydown", E), document.removeEventListener("focus", F);
+    });
+    const u = s(!1), f = s(!1), g = s(!0), d = s(!1), k = s(e.eager || e.modelValue), C = s(null), w = y(() => f.value || d.value), E = (t) => {
+      w.value || u.value && !e.persistent && !e.disabled && t.key === "Escape" && c("update:modelValue", !1);
+    }, F = (t) => {
+      w.value || i.value && u.value && t.target instanceof Node && (i.value.contains(t.target) || (t.preventDefault(), i.value.focus()));
     };
-    if (globalThis.ResizeObserver) {
-      const a = new ResizeObserver(W(_, 200));
-      A(() => {
-        if (o.value && d.value) {
-          const l = o.value.querySelectorAll(
-            ".base-pagination__page"
-          )[1];
-          if (l) {
-            const v = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), s = Number(v);
-            k.value = l.clientWidth + s;
-          }
-          a.observe(o.value);
-        }
-      }), B(() => {
-        a.disconnect();
-      });
-    }
-    const C = y(() => {
-      if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
-        return [];
-      if (t.value <= 1)
-        return [e.modelValue];
-      if (i.value <= t.value)
-        return b(i.value, r.value);
-      const a = t.value % 2 === 0, l = a ? t.value / 2 : Math.floor(t.value / 2), n = a ? l : l + 1, v = i.value - l;
-      if (n - e.modelValue >= 0)
-        return [
-          ...b(Math.max(1, t.value - 1), r.value),
-          e.ellipsis,
-          i.value
-        ];
-      if (e.modelValue - v >= (a ? 1 : 0)) {
-        const s = t.value - 1, V = i.value - s + r.value;
-        return [
-          r.value,
-          e.ellipsis,
-          ...b(s, V)
-        ];
+    L(() => {
+      e.modelValue && $();
+    }), Q(
+      () => e.modelValue,
+      () => {
+        $();
+      }
+    );
+    const $ = async () => {
+      if (e.modelValue) {
+        k.value || (k.value = !0), document.activeElement && (C.value = document.activeElement), g.value = !1, d.value = !1, f.value = !0;
+        let t = Number(
+          document.body.dataset.openCanvases ?? "0"
+        );
+        t++, document.body.dataset.openCanvases = t.toString();
+        const a = window.innerWidth - document.documentElement.clientWidth;
+        document.body.style.overflow = "hidden", document.body.style.paddingRight = `${a}px`, await O(e.transitionDuration), f.value = !1, u.value = !0, c("shown"), i.value && i.value.focus();
       } else {
-        const s = Math.max(1, t.value - 3), V = s === 1 ? e.modelValue : e.modelValue - Math.ceil(s / 2) + r.value;
-        return [
-          r.value,
-          e.ellipsis,
-          ...b(s, V),
-          e.ellipsis,
-          i.value
-        ];
+        f.value = !1, u.value = !1, d.value = !0, await O(e.transitionDuration);
+        let t = Number(
+          document.body.dataset.openCanvases ?? "0"
+        );
+        t--, document.body.dataset.openCanvases = t.toString(), t || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px"), d.value = !1, g.value = !0, c("hidden"), C.value instanceof HTMLElement && C.value.focus();
       }
-    }), $ = y(() => C.value.map((a, l) => typeof a == "string" ? {
-      active: !1,
-      key: `ellipsis-${l}`,
-      page: a,
-      ellipsis: !0,
-      icon: !0,
-      disabled: !0
-    } : {
-      active: a === e.modelValue,
-      key: a,
-      page: a,
-      ellipsis: !1,
-      icon: !0,
-      disabled: !!e.disabled || +e.totalPages < 2 || e.loading
-    })), b = (a, l = 0) => Array.from({ length: a }, (n, v) => l + v);
-    return (a, l) => (c(), g("div", {
-      class: "base-pagination",
-      ref_key: "outercontainer",
-      ref: o
-    }, [
-      u("nav", R, [
-        u("ul", {
-          class: "base-pagination__pages",
-          ref_key: "innercontainer",
-          ref: d
-        }, [
-          u("li", null, [
-            u("button", {
-              class: "base-pagination__page base-pagination__page--previous",
-              onClick: l[0] || (l[0] = (n) => f("update:modelValue", e.modelValue - 1)),
-              disabled: e.modelValue <= 1 || a.loading || a.disabled
-            }, [
-              S(a.$slots, "previous", {}, () => [
-                m("Precedente")
-              ])
-            ], 8, T)
-          ]),
-          (c(!0), g(h, null, E($.value, (n) => (c(), g("li", null, [
-            u("button", {
-              class: P(["base-pagination__page", {
-                "base-pagination__page--active": n.active,
-                "base-pagination__page--ellipsis": n.ellipsis
-              }]),
-              onClick: (v) => f("update:modelValue", n.key),
-              disabled: n.disabled
-            }, [
-              S(a.$slots, "item", {}, () => [
-                n.ellipsis ? (c(), g(h, { key: 0 }, [
-                  m(z(e.ellipsis), 1)
-                ], 64)) : (c(), g(h, { key: 1 }, [
-                  m(z(n.key), 1)
-                ], 64))
-              ])
-            ], 10, F)
-          ]))), 256)),
-          u("li", null, [
-            u("button", {
-              class: "base-pagination__page base-pagination__page--next",
-              onClick: l[1] || (l[1] = (n) => f("update:modelValue", e.modelValue + 1)),
-              disabled: e.modelValue >= +i.value || a.loading || a.disabled
-            }, [
-              S(a.$slots, "previous", {}, () => [
-                m("Successivi")
-              ])
-            ], 8, L)
-          ])
-        ], 512)
-      ])
-    ], 512));
+    }, b = (t) => {
+      t.target === p.value && t.preventDefault();
+    }, H = (t) => {
+      e.disabled || w.value || p.value && t.target === p.value && (e.persistent || c("update:modelValue", !1));
+    }, I = () => {
+      e.disabled || c("update:modelValue", !1);
+    }, K = y(() => {
+      const t = [
+        {
+          "bb-offcanvas bb-offcanvas__overlay": !0,
+          "bb-offcanvas--fullscreen": e.fullscreen,
+          "bb-offcanvas--open": u.value,
+          "bb-offcanvas--opening": f.value,
+          "bb-offcanvas--closed": g.value,
+          "bb-offcanvas--closing": d.value,
+          [`bb-offcanvas--transition-${e.transition}`]: !0,
+          [`bb-offcanvas--${e.position}`]: !0
+        },
+        e.overlayClasses
+      ].flat(), a = {
+        onClick: H,
+        onScroll: b,
+        onTouchmove: b,
+        onWheel: b,
+        onKeydown: b
+      }, n = {
+        transitionDuration: e.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: t,
+        style: n,
+        ...a,
+        ...x
+      };
+    }), P = y(() => {
+      const t = [
+        {
+          "bb-offcanvas__panel": !0,
+          "bb-offcanvas__panel--compact": e.compact
+        },
+        e.panelClasses
+      ].flat(), a = {
+        role: "dialog",
+        "aria-modal": !0,
+        "aria-labelledby": v
+      };
+      e.description && (a["aria-describedby"] = h);
+      let n, U, r;
+      const m = {
+        sm: 384,
+        md: 652,
+        lg: 896
+      };
+      e.position === "left" || e.position === "right" ? e.fullscreen ? n = "100%" : typeof e.size == "number" ? n = e.size + "px" : e.size in m ? n = m[e.size] + "px" : n = e.size + "px" : e.fullscreen ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in m ? r = m[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (r = "auto") : r = e.size + "px";
+      const j = {
+        maxWidth: n,
+        maxHeight: U,
+        height: r,
+        transitionDuration: e.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: t,
+        style: j,
+        ...a
+      };
+    });
+    return (t, a) => (_(), X(Y, { to: "body" }, [
+      o("div", D(K.value, {
+        ref_key: "overlay",
+        ref: p
+      }), [
+        o("div", D(P.value, {
+          ref_key: "panel",
+          ref: i
+        }), [
+          k.value ? (_(), z("div", {
+            key: 0,
+            class: "bb-offcanvas__content",
+            ref_key: "content",
+            ref: A
+          }, [
+            l(t.$slots, "content", {}, () => [
+              o("div", {
+                class: "bb-offcanvas__header",
+                ref_key: "header",
+                ref: M
+              }, [
+                l(t.$slots, "header", { titleId: v }, () => [
+                  o("span", {
+                    class: "bb-offcanvas__title",
+                    id: v
+                  }, [
+                    l(t.$slots, "title", { titleId: v }, () => [
+                      Z(B(t.title), 1)
+                    ])
+                  ]),
+                  o("span", ee, [
+                    t.showClose ? (_(), z("button", {
+                      key: 0,
+                      onClick: I,
+                      type: "button"
+                    }, [
+                      l(t.$slots, "close", {}, () => [
+                        o("span", te, [
+                          o("span", oe, B(R.value), 1),
+                          se
+                        ])
+                      ])
+                    ])) : V("", !0)
+                  ])
+                ])
+              ], 512),
+              o("div", {
+                class: "bb-offcanvas__body",
+                ref_key: "body",
+                ref: T
+              }, [
+                l(t.$slots, "description", {
+                  descriptionId: h,
+                  description: t.description
+                }, () => [
+                  t.description ? (_(), z("div", {
+                    key: 0,
+                    id: h,
+                    class: "bb-offcanvas__description"
+                  }, B(t.description), 1)) : V("", !0)
+                ]),
+                l(t.$slots, "default")
+              ], 512),
+              ae,
+              o("div", {
+                class: "bb-offcanvas__footer",
+                ref_key: "footer",
+                ref: W
+              }, [
+                l(t.$slots, "footer")
+              ], 512)
+            ])
+          ], 512)) : V("", !0)
+        ], 16)
+      ], 16)
+    ]));
   }
 });
 export {
-  I as default
+  re as default
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/BbPagination/BbPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { \"aria-label\": \"Navigazione\" }\nconst _hoisted_2 = [\"disabled\"]\nconst _hoisted_3 = [\"onClick\", \"disabled\"]\nconst _hoisted_4 = [\"disabled\"]\n\nimport { debounce } from \"@/utilities/functions/debounce\";\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from \"vue\";\n\nexport interface BbPaginationProps {\n  modelValue?: number;\n  disabled?: boolean;\n  totalPages?: number | string;\n  maxSize?: number | string;\n  ellipsis?: string;\n  loading?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPagination',\n  props: {\n    modelValue: { default: 1 },\n    disabled: { type: Boolean },\n    totalPages: { default: 1 },\n    maxSize: { default: 5 },\n    ellipsis: { default: \"...\" },\n    loading: { type: Boolean }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n\n\nconst totalPages = computed(() => +props.totalPages);\nconst start = ref(1);\nconst maxSize = ref(+props.maxSize);\n\nconst outercontainer = ref<HTMLElement>();\nconst innercontainer = ref<HTMLElement>();\n\nconst buttonFootprint = ref<number>(Infinity);\n\n/** \n* Adjusts how many buttons to show.\n* if current buttons can't fit subtract maxSize until they do or until minimum is reached\n* if more buttons could fit add buttons until the don't\n* If minimum or maximum is reached just quit until next resize\n*/\nconst adjustMaxElements = () => {\n  if (outercontainer.value && innercontainer.value) {\n    /* If some buttons do not fit */\n    if (outercontainer.value.clientWidth < innercontainer.value.clientWidth) {\n      if (maxSize.value - 1 > 3) {\n        maxSize.value--;\n        nextTick(adjustMaxElements);\n      } else {\n        maxSize.value = 3;\n      }\n      /* If all current buttons do fit */\n    } else {\n      /* If some buttons have been hidden */\n      if (maxSize.value < +props.maxSize) {\n        if (\n          /* If there is enought space to fit one */\n          outercontainer.value.clientWidth - innercontainer.value.clientWidth >\n          buttonFootprint.value\n        ) {\n          maxSize.value = Math.min(maxSize.value + 1, +props.maxSize);\n          nextTick(adjustMaxElements);\n        }\n      }\n    }\n  }\n};\nif(globalThis.ResizeObserver) {\n  const observer = new ResizeObserver(debounce(adjustMaxElements, 200));\n  onMounted(() => {\n    if (outercontainer.value && innercontainer.value) {\n      const button = outercontainer.value.querySelectorAll(\n        \".base-pagination__page\"\n      )[1];\n      if (button) {\n        /* Compute the footprint necessary to render a new button */\n        const gapString = getComputedStyle(innercontainer.value).columnGap;\n        const numberAsString = gapString.replaceAll(/\\D/g, \"\");\n        const gap = Number(numberAsString);\n        buttonFootprint.value = button.clientWidth + gap;\n      }\n      observer.observe(outercontainer.value);\n    }\n  });\n  onBeforeUnmount(() => {\n    observer.disconnect()\n  })\n}\n\nconst range = computed(() => {\n  if (\n    totalPages.value <= 0 ||\n    isNaN(totalPages.value) ||\n    totalPages.value > Number.MAX_SAFE_INTEGER\n  )\n    return [];\n\n  if (maxSize.value <= 1) return [props.modelValue];\n\n  if (totalPages.value <= maxSize.value) {\n    return createRange(totalPages.value, start.value);\n  }\n\n  const even = maxSize.value % 2 === 0;\n  const middle = even ? maxSize.value / 2 : Math.floor(maxSize.value / 2);\n  const left = even ? middle : middle + 1;\n  const right = totalPages.value - middle;\n\n  if (left - props.modelValue >= 0) {\n    return [\n      ...createRange(Math.max(1, maxSize.value - 1), start.value),\n      props.ellipsis,\n      totalPages.value,\n    ];\n  } else if (props.modelValue - right >= (even ? 1 : 0)) {\n    const rangeLength = maxSize.value - 1;\n    const rangeStart = totalPages.value - rangeLength + start.value;\n    return [\n      start.value,\n      props.ellipsis,\n      ...createRange(rangeLength, rangeStart),\n    ];\n  } else {\n    const rangeLength = Math.max(1, maxSize.value - 3);\n    const rangeStart =\n      rangeLength === 1\n        ? props.modelValue\n        : props.modelValue - Math.ceil(rangeLength / 2) + start.value;\n    return [\n      start.value,\n      props.ellipsis,\n      ...createRange(rangeLength, rangeStart),\n      props.ellipsis,\n      totalPages.value,\n    ];\n  }\n});\n\nconst items = computed(() => {\n  return range.value.map((item, index) => {\n    if (typeof item === \"string\") {\n      return {\n        active: false,\n        key: `ellipsis-${index}`,\n        page: item,\n        ellipsis: true,\n        icon: true,\n        disabled: true,\n      };\n    } else {\n      const active = item === props.modelValue;\n      return {\n        active,\n        key: item,\n        page: item,\n        ellipsis: false,\n        icon: true,\n        disabled: !!props.disabled || +props.totalPages < 2 || props.loading,\n      };\n    }\n  });\n});\n\nconst createRange = (length: number, start = 0): number[] => {\n  return Array.from({ length }, (_, k) => start + k);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"base-pagination\",\n    ref_key: \"outercontainer\",\n    ref: outercontainer\n  }, [\n    _createElementVNode(\"nav\", _hoisted_1, [\n      _createElementVNode(\"ul\", {\n        class: \"base-pagination__pages\",\n        ref_key: \"innercontainer\",\n        ref: innercontainer\n      }, [\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"base-pagination__page base-pagination__page--previous\",\n            onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('update:modelValue', props.modelValue - 1))),\n            disabled: props.modelValue <= 1 || _ctx.loading || _ctx.disabled\n          }, [\n            _renderSlot(_ctx.$slots, \"previous\", {}, () => [\n              _createTextVNode(\"Precedente\")\n            ])\n          ], 8, _hoisted_2)\n        ]),\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items.value, (item) => {\n          return (_openBlock(), _createElementBlock(\"li\", null, [\n            _createElementVNode(\"button\", {\n              class: _normalizeClass([\"base-pagination__page\", {\n              'base-pagination__page--active': item.active,\n              'base-pagination__page--ellipsis': item.ellipsis,\n            }]),\n              onClick: ($event: any) => (emit('update:modelValue', item.key)),\n              disabled: item.disabled\n            }, [\n              _renderSlot(_ctx.$slots, \"item\", {}, () => [\n                (item.ellipsis)\n                  ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n                      _createTextVNode(_toDisplayString(props.ellipsis), 1)\n                    ], 64))\n                  : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [\n                      _createTextVNode(_toDisplayString(item.key), 1)\n                    ], 64))\n              ])\n            ], 10, _hoisted_3)\n          ]))\n        }), 256)),\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"base-pagination__page base-pagination__page--next\",\n            onClick: _cache[1] || (_cache[1] = ($event: any) => (emit('update:modelValue', props.modelValue + 1))),\n            disabled: props.modelValue >= +totalPages.value || _ctx.loading || _ctx.disabled\n          }, [\n            _renderSlot(_ctx.$slots, \"previous\", {}, () => [\n              _createTextVNode(\"Successivi\")\n            ])\n          ], 8, _hoisted_4)\n        ])\n      ], 512)\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","totalPages","computed","start","ref","maxSize","outercontainer","innercontainer","buttonFootprint","adjustMaxElements","nextTick","observer","debounce","onMounted","button","numberAsString","gap","onBeforeUnmount","range","createRange","even","middle","left","right","rangeLength","rangeStart","items","item","index","length","_","k","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$event","_renderSlot","_createTextVNode","_Fragment","_renderList","_normalizeClass","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index63.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-offcanvas-close\" }\nconst _hoisted_2 = { class: \"bb-offcanvas-close__content\" }\nconst _hoisted_3 = { class: \"bb-offcanvas-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-offcanvas-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", {\n      d: \"M23 23L1 1M23 1L1 23\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport { nanoid } from \"nanoid\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n} from \"vue\";\nimport BbIcon from \"../BbIcon/BbIcon.vue\";\nimport type { Classes } from \"@/types/Classes\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport interface BbOffCanvasProps {\n  closeLabel?: string;\n  compact?: boolean;\n  description?: string;\n  disabled?: boolean;\n  eager?: boolean;\n  fullscreen?: boolean;\n  modelValue?: boolean | null;\n  panelClasses?: Classes;\n  overlayClasses?: Classes;\n  persistent?: boolean;\n  position?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  showClose?: boolean;\n  size?: keyof Sizes | string | number;\n  title?: string;\n  transition?: string;\n  transitionDuration?: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: \"Chiudi\" },\n    compact: { type: Boolean },\n    description: {},\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    position: { default: \"left\" },\n    showClose: { type: Boolean, default: true },\n    size: { default: \"sm\" },\n    title: {},\n    transition: { default: \"fade\" },\n    transitionDuration: { default: 350 }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n\n\nconst titleId = `title_${nanoid()}`;\nconst descriptionId = `description_${nanoid()}`;\n\nconst overlay = ref<HTMLElement | null>(null);\nconst panel = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst header = ref<HTMLElement | null>(null);\nconst body = ref<HTMLElement | null>(null);\nconst footer = ref<HTMLElement | null>(null);\nconst attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n  document.addEventListener(\"keydown\", onEsc);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener(\"keydown\", onEsc);\n  document.removeEventListener(\"focus\", onFocus);\n});\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\nconst lastFocusedElement = ref<Element | null>(null);\n\nconst busy = computed(() => opening.value || closing.value);\n\n/**\n * Listen to esc key and close the modal.\n * If disabled the modal can only be controlled from outside.\n * If persistent ignore escape key.\n */\nconst onEsc = (event: KeyboardEvent) => {\n  if (busy.value) return;\n  if (open.value) {\n    if (!props.persistent && !props.disabled) {\n      if (event.key === \"Escape\") {\n        emit(\"update:modelValue\", false);\n      }\n    }\n  }\n};\n\n/**\n * Every time focus changes if the focussed element is not in the modal\n * bring the focus to the modal itself (This makes\n * the focus cycle among the content of the modal)\n */\nconst onFocus = (event: FocusEvent) => {\n  if (busy.value) return;\n  if (panel.value && open.value) {\n    if (event.target instanceof Node) {\n      if (!panel.value.contains(event.target)) {\n        event.preventDefault();\n        panel.value.focus();\n      }\n    }\n  }\n};\n\nonMounted(() => {\n  if (props.modelValue) {\n    alignToModelValue();\n  }\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    alignToModelValue();\n  }\n);\n\n/**\n * When modelValue becomes true if the component wasn't rendered render it\n * and wait for it to be on the page (or transitions would not work).\n * Stash the latest focused element so we can return it later when it closes.\n * Focus on the panel upon opening.\n * ---\n * Notice all interactions update modelValue and then this function aligns the display to it\n */\nconst alignToModelValue = async () => {\n  if (props.modelValue) {\n    if (!hasRenderedAtLeastOnce.value) {\n      hasRenderedAtLeastOnce.value = true;\n    }\n    if (document.activeElement) {\n      lastFocusedElement.value = document.activeElement;\n    }\n\n    closed.value = false;\n    closing.value = false;\n    opening.value = true;\n\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    currentlyOpenCanvases++;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n    document.body.style.overflow = \"hidden\";\n    document.body.style.paddingRight = `${scrollBarWidth}px`;\n\n    await wait(props.transitionDuration);\n\n    opening.value = false;\n    open.value = true;\n    emit(\"shown\");\n    if (panel.value) {\n      panel.value.focus();\n    }\n  } else {\n    opening.value = false;\n    open.value = false;\n    closing.value = true;\n\n    await wait(props.transitionDuration);\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n    closing.value = false;\n    closed.value = true;\n    emit(\"hidden\");\n    if (lastFocusedElement.value instanceof HTMLElement) {\n      lastFocusedElement.value.focus();\n    }\n  }\n};\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n  if (event.target === overlay.value) {\n    event.preventDefault();\n  }\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n  if (props.disabled || busy.value) return;\n  if (overlay.value) {\n    if (event.target === overlay.value) {\n      if (!props.persistent) {\n        emit(\"update:modelValue\", false);\n      }\n    }\n  }\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n  if (props.disabled) return;\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas bb-offcanvas__overlay\": true,\n      \"bb-offcanvas--fullscreen\": props.fullscreen,\n      \"bb-offcanvas--open\": open.value,\n      \"bb-offcanvas--opening\": opening.value,\n      \"bb-offcanvas--closed\": closed.value,\n      \"bb-offcanvas--closing\": closing.value,\n      [`bb-offcanvas--transition-${props.transition}`]: true,\n      [`bb-offcanvas--${props.position}`]: true,\n    },\n    props.overlayClasses,\n  ].flat();\n  const eventListeners = {\n    onClick: onOverlayClick,\n    onScroll: onOverlayScroll,\n    onTouchmove: onOverlayScroll,\n    onWheel: onOverlayScroll,\n    onKeydown: onOverlayScroll,\n  };\n\n  const style = {\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n  return {\n    class: classes,\n    style,\n    ...eventListeners,\n    ...attrs,\n  };\n});\n\nconst panelAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas__panel\": true,\n      \"bb-offcanvas__panel--compact\": props.compact,\n    },\n    props.panelClasses,\n  ].flat();\n\n  const accessibilityAttrs: {\n    [key: string]: string | boolean;\n  } = {\n    role: \"dialog\",\n    \"aria-modal\": true,\n    \"aria-labelledby\": titleId,\n  };\n  if (props.description) accessibilityAttrs[\"aria-describedby\"] = descriptionId;\n\n  let maxWidth;\n  let maxHeight;\n  let height;\n  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\n  if (props.position === \"left\" || props.position === \"right\") {\n    if (props.fullscreen) maxWidth = \"100%\";\n    else if (typeof props.size === \"number\") maxWidth = props.size + \"px\";\n    else if (props.size in sizes)\n      maxWidth = sizes[props.size as keyof Sizes] + \"px\";\n    else maxWidth = props.size + \"px\";\n  } else {\n    if (props.fullscreen) height = \"100%\";\n    else if (typeof props.size === \"number\") height = props.size + \"px\";\n    else if (props.size in sizes)\n      height = sizes[props.size as keyof Sizes] + \"px\";\n    else if (!Number.isNaN(Number(props.size))) height = props.size + \"px\";\n    else if (props.size === \"auto\") height = \"auto\";\n  }\n\n  const style = {\n    maxWidth,\n    maxHeight,\n    height,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", _mergeProps(overlayAttributes.value, {\n      ref_key: \"overlay\",\n      ref: overlay\n    }), [\n      _createElementVNode(\"div\", _mergeProps(panelAttributes.value, {\n        ref_key: \"panel\",\n        ref: panel\n      }), [\n        (hasRenderedAtLeastOnce.value)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: \"bb-offcanvas__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", {}, () => [\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__header\",\n                  ref_key: \"header\",\n                  ref: header\n                }, [\n                  _renderSlot(_ctx.$slots, \"header\", { titleId: titleId }, () => [\n                    _createElementVNode(\"span\", {\n                      class: \"bb-offcanvas__title\",\n                      id: titleId\n                    }, [\n                      _renderSlot(_ctx.$slots, \"title\", { titleId: titleId }, () => [\n                        _createTextVNode(_toDisplayString(_ctx.title), 1)\n                      ])\n                    ]),\n                    _createElementVNode(\"span\", _hoisted_1, [\n                      (_ctx.showClose)\n                        ? (_openBlock(), _createElementBlock(\"button\", {\n                            key: 0,\n                            onClick: onCloseClick,\n                            type: \"button\"\n                          }, [\n                            _renderSlot(_ctx.$slots, \"close\", {}, () => [\n                              _createElementVNode(\"span\", _hoisted_2, [\n                                _createElementVNode(\"span\", _hoisted_3, _toDisplayString(closeLabel.value), 1),\n                                _hoisted_4\n                              ])\n                            ])\n                          ]))\n                        : _createCommentVNode(\"\", true)\n                    ])\n                  ])\n                ], 512),\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__body\",\n                  ref_key: \"body\",\n                  ref: body\n                }, [\n                  _renderSlot(_ctx.$slots, \"description\", {\n                    descriptionId: descriptionId,\n                    description: _ctx.description\n                  }, () => [\n                    (_ctx.description)\n                      ? (_openBlock(), _createElementBlock(\"div\", {\n                          key: 0,\n                          id: descriptionId,\n                          class: \"bb-offcanvas__description\"\n                        }, _toDisplayString(_ctx.description), 1))\n                      : _createCommentVNode(\"\", true)\n                  ]),\n                  _renderSlot(_ctx.$slots, \"default\")\n                ], 512),\n                _hoisted_5,\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__footer\",\n                  ref_key: \"footer\",\n                  ref: footer\n                }, [\n                  _renderSlot(_ctx.$slots, \"footer\")\n                ], 512)\n              ])\n            ], 512))\n          : _createCommentVNode(\"\", true)\n      ], 16)\n    ], 16)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","emit","props","titleId","nanoid","descriptionId","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","closeLabel","computed","onMounted","onEsc","onBeforeUnmount","onFocus","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","event","alignToModelValue","watch","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","maxHeight","height","sizes","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/dist/index65.js

@@ -1,25 +1,141 @@
-import { defineComponent as r, computed as s, openBlock as n, createElementBlock as a, createElementVNode as l, normalizeStyle as m } from "vue";
-import { getAsPercentageBetween as c } from "./index175.js";
-const d = { class: "bb-progress" }, _ = /* @__PURE__ */ r({
-  __name: "BbProgress",
+import { defineComponent as x, computed as y, ref as p, onMounted as A, onBeforeUnmount as B, openBlock as c, createElementBlock as g, createElementVNode as u, renderSlot as S, createTextVNode as m, Fragment as h, renderList as E, normalizeClass as P, toDisplayString as z, nextTick as M } from "vue";
+import W from "./index201.js";
+const R = { "aria-label": "Navigazione" }, T = ["disabled"], F = ["onClick", "disabled"], L = ["disabled"], I = /* @__PURE__ */ x({
+  __name: "BbPagination",
   props: {
-    modelValue: { default: 0 },
-    min: { default: 0 },
-    max: { default: 100 }
+    modelValue: { default: 1 },
+    disabled: { type: Boolean },
+    totalPages: { default: 1 },
+    maxSize: { default: 5 },
+    ellipsis: { default: "..." },
+    loading: { type: Boolean }
   },
-  setup(t) {
-    const e = t, o = s(
-      () => c(e.modelValue || e.min, e.min, e.max)
-    );
-    return (i, p) => (n(), a("div", d, [
-      l("div", {
-        class: "bb-progress-bar",
-        style: m({ width: o.value + "%" })
-      }, null, 4)
-    ]));
+  emits: ["update:modelValue"],
+  setup(N, { emit: f }) {
+    const e = N, i = y(() => +e.totalPages), r = p(1), t = p(+e.maxSize), o = p(), d = p(), k = p(1 / 0), _ = () => {
+      o.value && d.value && (o.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, M(_)) : t.value = 3 : t.value < +e.maxSize && /* If there is enought space to fit one */
+      o.value.clientWidth - d.value.clientWidth > k.value && (t.value = Math.min(t.value + 1, +e.maxSize), M(_)));
+    };
+    if (globalThis.ResizeObserver) {
+      const a = new ResizeObserver(W(_, 200));
+      A(() => {
+        if (o.value && d.value) {
+          const l = o.value.querySelectorAll(
+            ".base-pagination__page"
+          )[1];
+          if (l) {
+            const v = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), s = Number(v);
+            k.value = l.clientWidth + s;
+          }
+          a.observe(o.value);
+        }
+      }), B(() => {
+        a.disconnect();
+      });
+    }
+    const C = y(() => {
+      if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
+        return [];
+      if (t.value <= 1)
+        return [e.modelValue];
+      if (i.value <= t.value)
+        return b(i.value, r.value);
+      const a = t.value % 2 === 0, l = a ? t.value / 2 : Math.floor(t.value / 2), n = a ? l : l + 1, v = i.value - l;
+      if (n - e.modelValue >= 0)
+        return [
+          ...b(Math.max(1, t.value - 1), r.value),
+          e.ellipsis,
+          i.value
+        ];
+      if (e.modelValue - v >= (a ? 1 : 0)) {
+        const s = t.value - 1, V = i.value - s + r.value;
+        return [
+          r.value,
+          e.ellipsis,
+          ...b(s, V)
+        ];
+      } else {
+        const s = Math.max(1, t.value - 3), V = s === 1 ? e.modelValue : e.modelValue - Math.ceil(s / 2) + r.value;
+        return [
+          r.value,
+          e.ellipsis,
+          ...b(s, V),
+          e.ellipsis,
+          i.value
+        ];
+      }
+    }), $ = y(() => C.value.map((a, l) => typeof a == "string" ? {
+      active: !1,
+      key: `ellipsis-${l}`,
+      page: a,
+      ellipsis: !0,
+      icon: !0,
+      disabled: !0
+    } : {
+      active: a === e.modelValue,
+      key: a,
+      page: a,
+      ellipsis: !1,
+      icon: !0,
+      disabled: !!e.disabled || +e.totalPages < 2 || e.loading
+    })), b = (a, l = 0) => Array.from({ length: a }, (n, v) => l + v);
+    return (a, l) => (c(), g("div", {
+      class: "base-pagination",
+      ref_key: "outercontainer",
+      ref: o
+    }, [
+      u("nav", R, [
+        u("ul", {
+          class: "base-pagination__pages",
+          ref_key: "innercontainer",
+          ref: d
+        }, [
+          u("li", null, [
+            u("button", {
+              class: "base-pagination__page base-pagination__page--previous",
+              onClick: l[0] || (l[0] = (n) => f("update:modelValue", e.modelValue - 1)),
+              disabled: e.modelValue <= 1 || a.loading || a.disabled
+            }, [
+              S(a.$slots, "previous", {}, () => [
+                m("Precedente")
+              ])
+            ], 8, T)
+          ]),
+          (c(!0), g(h, null, E($.value, (n) => (c(), g("li", null, [
+            u("button", {
+              class: P(["base-pagination__page", {
+                "base-pagination__page--active": n.active,
+                "base-pagination__page--ellipsis": n.ellipsis
+              }]),
+              onClick: (v) => f("update:modelValue", n.key),
+              disabled: n.disabled
+            }, [
+              S(a.$slots, "item", {}, () => [
+                n.ellipsis ? (c(), g(h, { key: 0 }, [
+                  m(z(e.ellipsis), 1)
+                ], 64)) : (c(), g(h, { key: 1 }, [
+                  m(z(n.key), 1)
+                ], 64))
+              ])
+            ], 10, F)
+          ]))), 256)),
+          u("li", null, [
+            u("button", {
+              class: "base-pagination__page base-pagination__page--next",
+              onClick: l[1] || (l[1] = (n) => f("update:modelValue", e.modelValue + 1)),
+              disabled: e.modelValue >= +i.value || a.loading || a.disabled
+            }, [
+              S(a.$slots, "previous", {}, () => [
+                m("Successivi")
+              ])
+            ], 8, L)
+          ])
+        ], 512)
+      ])
+    ], 512));
   }
 });
 export {
-  _ as default
+  I as default
 };
 //# sourceMappingURL=index65.js.map