bitboss-ui 0.2.33 → 0.2.35

package/dist/index75.js

@@ -0,0 +1,228 @@
+import { defineComponent as q, ref as s, useAttrs as G, computed as m, onMounted as J, watch as Q, onBeforeUnmount as X, openBlock as y, createBlock as Y, Teleport as Z, createElementVNode as o, mergeProps as N, createElementBlock as w, renderSlot as l, createTextVNode as ee, toDisplayString as z, createCommentVNode as B, nextTick as te } from "vue";
+import { useFocusTrap as oe } from "./index198.js";
+import { useId as L } from "./index7.js";
+import { wait as O } from "./index122.js";
+const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__content" }, ne = { class: "bb-offcanvas-close__label" }, le = /* @__PURE__ */ o("span", { class: "bb-offcanvas-close__icon" }, [
+  /* @__PURE__ */ o("svg", {
+    fill: "none",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M23 23L1 1M23 1L1 23",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-width": "2"
+    })
+  ])
+], -1), ie = /* @__PURE__ */ o("div", { style: { flex: "10000 10000 0%" } }, null, -1), fe = /* @__PURE__ */ q({
+  __name: "BbOffCanvas",
+  props: {
+    closeLabel: { default: "Chiudi" },
+    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: {},
+    fullscreen: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
+    direction: { default: "left" }
+  },
+  emits: ["shown", "hidden", "update:modelValue"],
+  setup(x, { emit: E }) {
+    const e = x, c = E, h = `title_${L().id.value}`, _ = `description_${L().id.value}`, d = s(null), V = s(null), S = s(null), T = s(null), A = s(null), M = s(null), W = G(), { activate: R, deactivate: I } = oe(V, {
+      clickOutsideDeactivates: !0,
+      /* On esc deactivate the trap, return focus and then close the modal */
+      escapeDeactivates: () => (te(() => {
+        c("update:modelValue", !1);
+      }), !0)
+    }), $ = m(() => e.closeLabel), f = s(!1), i = s(!1), g = s(!0), u = s(!1), v = s(e.eager || e.modelValue), C = s(null), F = m(() => i.value || u.value);
+    J(() => {
+      e.modelValue && !(f.value || i.value) && D();
+    }), Q(
+      () => e.modelValue,
+      () => {
+        D();
+      }
+    ), X(() => {
+      if (e.modelValue) {
+        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");
+      }
+    });
+    const D = async () => {
+      if (e.modelValue) {
+        v.value || (v.value = !0), document.activeElement && (C.value = document.activeElement), g.value = !1, u.value = !1, i.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), i.value = !1, f.value = !0, c("shown"), R();
+      } else {
+        I(), i.value = !1, f.value = !1, u.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"), u.value = !1, g.value = !0, c("hidden"), C.value instanceof HTMLElement && C.value.focus();
+      }
+    }, p = (t) => {
+      t.target === d.value && t.preventDefault();
+    }, H = (t) => {
+      e.disabled || F.value || d.value && t.target === d.value && (e.persistent || c("update:modelValue", !1));
+    }, k = () => {
+      e.disabled || c("update:modelValue", !1);
+    }, K = m(() => {
+      const t = [
+        {
+          "bb-offcanvas bb-offcanvas__overlay": !0,
+          "bb-offcanvas--fullscreen": e.fullscreen,
+          "bb-offcanvas--open": f.value,
+          "bb-offcanvas--opening": i.value,
+          "bb-offcanvas--closed": g.value,
+          "bb-offcanvas--closing": u.value,
+          [`bb-offcanvas--transition-${e.transition}`]: !0,
+          [`bb-offcanvas--${e.direction}`]: !0
+        },
+        e.overlayClasses
+      ].flat(), a = {
+        onClick: H,
+        onScroll: p,
+        onTouchmove: p,
+        onWheel: p,
+        onKeydown: p
+      }, n = {
+        transitionDuration: e.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: t,
+        style: n,
+        ...a,
+        ...W
+      };
+    }), P = m(() => {
+      const t = [
+        {
+          "bb-offcanvas__panel": !0,
+          "bb-offcanvas__panel--compact": e.compact
+        },
+        e.panelClasses
+      ].flat(), a = {
+        role: "dialog",
+        "aria-modal": !0
+      };
+      v.value && (a["aria-labelledby"] = h, e.description && (a["aria-describedby"] = _));
+      let n, U, r;
+      const b = {
+        sm: 384,
+        md: 652,
+        lg: 896
+      };
+      e.direction === "left" || e.direction === "right" ? e.fullscreen ? n = "100%" : typeof e.size == "number" ? n = e.size + "px" : e.size in b ? n = b[e.size] + "px" : n = e.size + "px" : e.fullscreen ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in b ? r = b[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) => (y(), Y(Z, { to: "body" }, [
+      o("div", N(K.value, {
+        ref_key: "overlay",
+        ref: d
+      }), [
+        o("div", N(P.value, {
+          ref_key: "panel",
+          ref: V
+        }), [
+          v.value ? (y(), w("div", {
+            key: 0,
+            ref_key: "content",
+            ref: S,
+            class: "bb-offcanvas__content"
+          }, [
+            l(t.$slots, "content", { close: k }, () => [
+              o("div", {
+                ref_key: "header",
+                ref: T,
+                class: "bb-offcanvas__header"
+              }, [
+                l(t.$slots, "header", {
+                  close: k,
+                  title: t.title,
+                  titleId: h
+                }, () => [
+                  o("span", {
+                    id: h,
+                    class: "bb-offcanvas__title"
+                  }, [
+                    l(t.$slots, "title", { text: t.title }, () => [
+                      ee(z(t.title), 1)
+                    ])
+                  ]),
+                  o("span", se, [
+                    t.showClose ? (y(), w("button", {
+                      key: 0,
+                      type: "button",
+                      onClick: k
+                    }, [
+                      l(t.$slots, "close", { text: $.value }, () => [
+                        o("span", ae, [
+                          o("span", ne, z($.value), 1),
+                          le
+                        ])
+                      ])
+                    ])) : B("", !0)
+                  ])
+                ])
+              ], 512),
+              o("div", {
+                ref_key: "body",
+                ref: A,
+                class: "bb-offcanvas__body"
+              }, [
+                l(t.$slots, "description", {
+                  descriptionId: _,
+                  text: t.description
+                }, () => [
+                  t.description ? (y(), w("div", {
+                    key: 0,
+                    id: _,
+                    class: "bb-offcanvas__description"
+                  }, z(t.description), 1)) : B("", !0)
+                ]),
+                l(t.$slots, "default")
+              ], 512),
+              ie,
+              o("div", {
+                ref_key: "footer",
+                ref: M,
+                class: "bb-offcanvas__footer"
+              }, [
+                l(t.$slots, "footer")
+              ], 512)
+            ])
+          ], 512)) : B("", !0)
+        ], 16)
+      ], 16)
+    ]));
+  }
+});
+export {
+  fe as default
+};
+//# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index75.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    fill: \"none\",\n    viewBox: \"0 0 24 24\",\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-linecap\": \"round\",\n      \"stroke-width\": \"2\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport {\n\tcomputed,\n\tnextTick,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\tuseAttrs,\n\twatch,\n} from 'vue';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport type { CommonProps, Size } from '@/types/CommonProps';\n\nexport type Sizes = {\n\tsm: number;\n\tmd: number;\n\tlg: number;\n};\n\nexport type BbOffCanvasProps = Pick<\n\tCommonProps,\n\t| 'closeLabel'\n\t| 'compact'\n\t| 'disabled'\n\t| 'eager'\n\t| 'panelClasses'\n\t| 'overlayClasses'\n\t| 'persistent'\n\t| 'showClose'\n\t| 'title'\n\t| 'transition'\n\t| 'transitionDuration'\n> &\n\tSize<Sizes> & {\n\t\t/**\n\t\t * Description of the content of the modal. Extremely useful for accessibility reasons.\n\t\t */\n\t\tdescription?: string;\n\t\t/**\n\t\t * Displays the modala as fulscreen with no margin to the page\n\t\t */\n\t\tfullscreen?: boolean;\n\t\t/**\n\t\t * Defines the state open / closed of the modal.\n\t\t */\n\t\tmodelValue?: boolean | null;\n\t\t/**\n\t\t * Defines the direction the offcanvas should appear from\n\t\t */\n\t\tdirection?: 'left' | 'top' | 'right' | 'bottom';\n\t};\n\nexport type BbOffCanvasEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n\t(e: 'update:modelValue', value: boolean): void;\n};\n\nexport type BbOffCanvasSlots = {\n\theader?: (props: {\n\t\ttitleId: typeof titleId;\n\t\tclose: typeof onCloseClick;\n\t\ttitle: BbOffCanvasProps['title'];\n\t}) => any;\n\ttitle?: (props: { text: BbOffCanvasProps['title'] }) => any;\n\tclose?: (props: { text: BbOffCanvasProps['closeLabel'] }) => any;\n\tdescription?: (props: {\n\t\tdescriptionId: typeof descriptionId;\n\t\ttext: BbOffCanvasProps['description'];\n\t}) => any;\n\tdefault?: (props: {}) => any;\n\tcontent?: (props: { close: typeof onCloseClick }) => any;\n\tfooter?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: 'Chiudi' },\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: { default: 'fade' },\n    transitionDuration: { default: 350 },\n    size: { default: 'sm' },\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] },\n    direction: { default: 'left' }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\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 { activate, deactivate } = useFocusTrap(panel, {\n\tclickOutsideDeactivates: true,\n\t/* On esc deactivate the trap, return focus and then close the modal */\n\tescapeDeactivates: () => {\n\t\tnextTick(() => {\n\t\t\temit('update:modelValue', false);\n\t\t});\n\t\treturn true;\n\t},\n});\n\nconst closeLabel = computed(() => props.closeLabel);\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\nonMounted(() => {\n\t/**\n\t * Do not realign if open or opening\n\t */\n\tif (props.modelValue && !(open.value || opening.value)) {\n\t\talignToModelValue();\n\t}\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\talignToModelValue();\n\t}\n);\nonBeforeUnmount(() => {\n\tif (props.modelValue) {\n\t\tlet currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenCanvases--;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.toString();\n\t\tif (!currentlyOpenCanvases) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t}\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\tif (props.modelValue) {\n\t\tif (!hasRenderedAtLeastOnce.value) {\n\t\t\thasRenderedAtLeastOnce.value = true;\n\t\t}\n\t\tif (document.activeElement) {\n\t\t\tlastFocusedElement.value = document.activeElement;\n\t\t}\n\n\t\tclosed.value = false;\n\t\tclosing.value = false;\n\t\topening.value = true;\n\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n\t\tlet currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '0'\n\t\t);\n\t\tcurrentlyOpenCanvases++;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.toString();\n\t\tconst scrollBarWidth =\n\t\t\twindow.innerWidth - document.documentElement.clientWidth;\n\t\tdocument.body.style.overflow = 'hidden';\n\t\tdocument.body.style.paddingRight = `${scrollBarWidth}px`;\n\n\t\tawait wait(props.transitionDuration);\n\n\t\topening.value = false;\n\t\topen.value = true;\n\t\temit('shown');\n\t\tactivate();\n\t} else {\n\t\tdeactivate();\n\t\topening.value = false;\n\t\topen.value = false;\n\t\tclosing.value = true;\n\n\t\tawait wait(props.transitionDuration);\n\n\t\tlet currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenCanvases--;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.toString();\n\t\tif (!currentlyOpenCanvases) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t\tclosing.value = false;\n\t\tclosed.value = true;\n\t\temit('hidden');\n\t\tif (lastFocusedElement.value instanceof HTMLElement) {\n\t\t\tlastFocusedElement.value.focus();\n\t\t}\n\t}\n};\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n\tif (event.target === overlay.value) {\n\t\tevent.preventDefault();\n\t}\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n\tif (props.disabled || busy.value) return;\n\tif (overlay.value) {\n\t\tif (event.target === overlay.value) {\n\t\t\tif (!props.persistent) {\n\t\t\t\temit('update:modelValue', false);\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n\tif (props.disabled) return;\n\temit('update:modelValue', false);\n};\n\nconst overlayAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-offcanvas bb-offcanvas__overlay': true,\n\t\t\t'bb-offcanvas--fullscreen': props.fullscreen,\n\t\t\t'bb-offcanvas--open': open.value,\n\t\t\t'bb-offcanvas--opening': opening.value,\n\t\t\t'bb-offcanvas--closed': closed.value,\n\t\t\t'bb-offcanvas--closing': closing.value,\n\t\t\t[`bb-offcanvas--transition-${props.transition}`]: true,\n\t\t\t[`bb-offcanvas--${props.direction}`]: true,\n\t\t},\n\t\tprops.overlayClasses,\n\t].flat();\n\tconst eventListeners = {\n\t\tonClick: onOverlayClick,\n\t\tonScroll: onOverlayScroll,\n\t\tonTouchmove: onOverlayScroll,\n\t\tonWheel: onOverlayScroll,\n\t\tonKeydown: onOverlayScroll,\n\t};\n\n\tconst style = {\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...eventListeners,\n\t\t...attrs,\n\t};\n});\n\nconst panelAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-offcanvas__panel': true,\n\t\t\t'bb-offcanvas__panel--compact': props.compact,\n\t\t},\n\t\tprops.panelClasses,\n\t].flat();\n\n\tconst accessibilityAttrs: {\n\t\t[key: string]: string | boolean;\n\t} = {\n\t\trole: 'dialog',\n\t\t'aria-modal': true,\n\t};\n\n\tif (hasRenderedAtLeastOnce.value) {\n\t\taccessibilityAttrs['aria-labelledby'] = titleId;\n\n\t\tif (props.description)\n\t\t\taccessibilityAttrs['aria-describedby'] = descriptionId;\n\t}\n\n\tlet maxWidth;\n\tlet maxHeight;\n\tlet height;\n\tconst sizes: Sizes = {\n\t\tsm: 384,\n\t\tmd: 652,\n\t\tlg: 896,\n\t};\n\tif (props.direction === 'left' || props.direction === 'right') {\n\t\tif (props.fullscreen) maxWidth = '100%';\n\t\telse if (typeof props.size === 'number') maxWidth = props.size + 'px';\n\t\telse if (props.size in sizes)\n\t\t\tmaxWidth = sizes[props.size as keyof Sizes] + 'px';\n\t\telse maxWidth = props.size + 'px';\n\t} else {\n\t\tif (props.fullscreen) height = '100%';\n\t\telse if (typeof props.size === 'number') height = props.size + 'px';\n\t\telse if (props.size in sizes)\n\t\t\theight = sizes[props.size as keyof Sizes] + 'px';\n\t\telse if (!Number.isNaN(Number(props.size))) height = props.size + 'px';\n\t\telse if (props.size === 'auto') height = 'auto';\n\t}\n\n\tconst style = {\n\t\tmaxWidth,\n\t\tmaxHeight,\n\t\theight,\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...accessibilityAttrs,\n\t};\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              ref_key: \"content\",\n              ref: content,\n              class: \"bb-offcanvas__content\"\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", { close: onCloseClick }, () => [\n                _createElementVNode(\"div\", {\n                  ref_key: \"header\",\n                  ref: header,\n                  class: \"bb-offcanvas__header\"\n                }, [\n                  _renderSlot(_ctx.$slots, \"header\", {\n                    close: onCloseClick,\n                    title: _ctx.title,\n                    titleId: titleId\n                  }, () => [\n                    _createElementVNode(\"span\", {\n                      id: titleId,\n                      class: \"bb-offcanvas__title\"\n                    }, [\n                      _renderSlot(_ctx.$slots, \"title\", { text: _ctx.title }, () => [\n                        _createTextVNode(_toDisplayString(_ctx.title), 1)\n                      ])\n                    ]),\n                    _createElementVNode(\"span\", _hoisted_1, [\n                      (_ctx.showClose)\n                        ? (_openBlock(), _createElementBlock(\"button\", {\n                            key: 0,\n                            type: \"button\",\n                            onClick: onCloseClick\n                          }, [\n                            _renderSlot(_ctx.$slots, \"close\", { text: closeLabel.value }, () => [\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                  ref_key: \"body\",\n                  ref: body,\n                  class: \"bb-offcanvas__body\"\n                }, [\n                  _renderSlot(_ctx.$slots, \"description\", {\n                    descriptionId: descriptionId,\n                    text: _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                  ref_key: \"footer\",\n                  ref: footer,\n                  class: \"bb-offcanvas__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","emit","titleId","useId","descriptionId","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","activate","deactivate","useFocusTrap","nextTick","closeLabel","computed","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","onMounted","alignToModelValue","watch","onBeforeUnmount","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","event","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/index76.js

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=index76.js.map

package/dist/index76.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index76.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index77.js

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

package/dist/index77.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index77.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 = [\"disabled\", \"onClick\"]\nconst _hoisted_4 = [\"disabled\"]\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { debounce } from '@/utilities/functions/debounce';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbPaginationProps = Pick<CommonProps, 'disabled' | 'loading'> & {\n\t/**\n\t * String of text displayed in place of hidden pages\n\t */\n\tellipsis?: string;\n\t/**\n\t * Maximum number of clickable pages displayed at all times.\n\t * This has a tolerance of +/- 1 for odd / even numbering.\n\t * It does not include ellipses.\n\t */\n\tmaxSize?: number | string;\n\t/**\n\t * Used by v-model. Indicates the current page.\n\t */\n\tmodelValue: number;\n\t/**\n\t * Total number of pages there is.\n\t */\n\ttotalPages?: number | string;\n};\n\nexport type BbPaginationEvents = {\n\t(e: 'update:modelValue', value: number): void;\n};\n\ntype Item =\n\t| {\n\t\t\tactive: boolean;\n\t\t\tkey: string;\n\t\t\tpage: string;\n\t\t\tellipsis: true;\n\t\t\tdisabled: boolean;\n\t  }\n\t| {\n\t\t\tactive: boolean;\n\t\t\tkey: number;\n\t\t\tpage: number;\n\t\t\tellipsis: false;\n\t\t\tdisabled: boolean;\n\t  };\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPagination',\n  props: {\n    disabled: { type: Boolean },\n    loading: { type: Boolean },\n    ellipsis: { default: '...' },\n    maxSize: { default: 5 },\n    modelValue: { default: 1 },\n    totalPages: { default: 1 }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\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\tif (outercontainer.value && innercontainer.value) {\n\t\t/* If some buttons do not fit */\n\t\tif (outercontainer.value.clientWidth < innercontainer.value.clientWidth) {\n\t\t\tif (maxSize.value - 1 > 3) {\n\t\t\t\tmaxSize.value--;\n\t\t\t\tnextTick(adjustMaxElements);\n\t\t\t} else {\n\t\t\t\tmaxSize.value = 3;\n\t\t\t}\n\t\t\t/* If all current buttons do fit */\n\t\t} else {\n\t\t\t/* If some buttons have been hidden */\n\t\t\tif (maxSize.value < +props.maxSize) {\n\t\t\t\tif (\n\t\t\t\t\t/* If there is enough space to fit one */\n\t\t\t\t\toutercontainer.value.clientWidth - innercontainer.value.clientWidth >\n\t\t\t\t\tbuttonFootprint.value\n\t\t\t\t) {\n\t\t\t\t\tmaxSize.value = Math.min(maxSize.value + 1, +props.maxSize);\n\t\t\t\t\tnextTick(adjustMaxElements);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\nif (globalThis.ResizeObserver) {\n\tconst observer = new ResizeObserver(debounce(adjustMaxElements, 200));\n\tonMounted(() => {\n\t\tif (outercontainer.value && innercontainer.value) {\n\t\t\tconst button = outercontainer.value.querySelectorAll(\n\t\t\t\t'.bb-pagination__page'\n\t\t\t)[1];\n\t\t\tif (button) {\n\t\t\t\t/* Compute the footprint necessary to render a new button */\n\t\t\t\tconst gapString = getComputedStyle(innercontainer.value).columnGap;\n\t\t\t\tconst numberAsString = gapString.replaceAll(/\\D/g, '');\n\t\t\t\tconst gap = Number(numberAsString);\n\t\t\t\tbuttonFootprint.value = button.clientWidth + gap;\n\t\t\t}\n\t\t\tobserver.observe(outercontainer.value);\n\t\t}\n\t});\n\tonBeforeUnmount(() => {\n\t\tobserver.disconnect();\n\t});\n}\n\nconst range = computed(() => {\n\tif (\n\t\ttotalPages.value <= 0 ||\n\t\tisNaN(totalPages.value) ||\n\t\ttotalPages.value > Number.MAX_SAFE_INTEGER\n\t)\n\t\treturn [];\n\n\tif (maxSize.value <= 1) return [props.modelValue];\n\n\tif (totalPages.value <= maxSize.value) {\n\t\treturn createRange(totalPages.value, start.value);\n\t}\n\n\tconst even = maxSize.value % 2 === 0;\n\tconst middle = even ? maxSize.value / 2 : Math.floor(maxSize.value / 2);\n\tconst left = even ? middle : middle + 1;\n\tconst right = totalPages.value - middle;\n\n\tif (left - props.modelValue >= 0) {\n\t\treturn [\n\t\t\t...createRange(Math.max(1, maxSize.value - 1), start.value),\n\t\t\tprops.ellipsis,\n\t\t\ttotalPages.value,\n\t\t];\n\t} else if (props.modelValue - right >= (even ? 1 : 0)) {\n\t\tconst rangeLength = maxSize.value - 1;\n\t\tconst rangeStart = totalPages.value - rangeLength + start.value;\n\t\treturn [\n\t\t\tstart.value,\n\t\t\tprops.ellipsis,\n\t\t\t...createRange(rangeLength, rangeStart),\n\t\t];\n\t} else {\n\t\tconst rangeLength = Math.max(1, maxSize.value - 3);\n\t\tconst rangeStart =\n\t\t\trangeLength === 1\n\t\t\t\t? props.modelValue\n\t\t\t\t: props.modelValue - Math.ceil(rangeLength / 2) + start.value;\n\t\treturn [\n\t\t\tstart.value,\n\t\t\tprops.ellipsis,\n\t\t\t...createRange(rangeLength, rangeStart),\n\t\t\tprops.ellipsis,\n\t\t\ttotalPages.value,\n\t\t];\n\t}\n});\n\nconst items = computed<Item[]>(() => {\n\treturn range.value.map((item, index) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn {\n\t\t\t\tactive: false,\n\t\t\t\tkey: `ellipsis-${index}`,\n\t\t\t\tpage: item,\n\t\t\t\tellipsis: true,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t} else {\n\t\t\tconst active = item === props.modelValue;\n\t\t\treturn {\n\t\t\t\tactive,\n\t\t\t\tkey: item,\n\t\t\t\tpage: item,\n\t\t\t\tellipsis: false,\n\t\t\t\tdisabled: !!props.disabled || +props.totalPages < 2 || props.loading,\n\t\t\t};\n\t\t}\n\t});\n});\n\nconst createRange = (length: number, start = 0): number[] => {\n\treturn Array.from({ length }, (_, k) => start + k);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"outercontainer\",\n    ref: outercontainer,\n    class: \"bb-pagination\"\n  }, [\n    _createElementVNode(\"nav\", _hoisted_1, [\n      _createElementVNode(\"ul\", {\n        ref_key: \"innercontainer\",\n        ref: innercontainer,\n        class: \"bb-pagination__pages\"\n      }, [\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--previous\",\n            disabled: props.modelValue <= 1 || _ctx.loading || _ctx.disabled,\n            onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('update:modelValue', props.modelValue - 1)))\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([\"bb-pagination__page\", {\n\t\t\t\t\t\t\t'bb-pagination__page--active': item.active,\n\t\t\t\t\t\t\t'bb-pagination__page--ellipsis': item.ellipsis,\n\t\t\t\t\t\t}]),\n              disabled: item.disabled,\n              onClick: ($event: any) => (emit('update:modelValue', item.key))\n            }, [\n              (item.ellipsis === true)\n                ? _renderSlot(_ctx.$slots, \"ellipsis\", { key: 0 }, () => [\n                    _createTextVNode(_toDisplayString(props.ellipsis), 1)\n                  ])\n                : _renderSlot(_ctx.$slots, \"item\", {\n                    key: 1,\n                    active: item.active,\n                    disabled: item.disabled,\n                    item: item.key\n                  }, () => [\n                    _createTextVNode(_toDisplayString(item.key), 1)\n                  ])\n            ], 10, _hoisted_3)\n          ]))\n        }), 256)),\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--next\",\n            disabled: props.modelValue >= +totalPages.value || _ctx.loading || _ctx.disabled,\n            onClick: _cache[1] || (_cache[1] = ($event: any) => (emit('update:modelValue', props.modelValue + 1)))\n          }, [\n            _renderSlot(_ctx.$slots, \"next\", {}, () => [\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","emit","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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"}

package/dist/index78.js

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=index78.js.map

package/dist/index78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index78.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}