bitboss-ui 0.2.76 → 1.0.0

package/dist/index74.js

@@ -1,2 +1,105 @@
-
+import { defineComponent as v, ref as y, computed as w, openBlock as B, createBlock as k, withCtx as r, renderSlot as n, normalizeProps as l, guardReactiveProps as s, createVNode as V, mergeProps as $ } from "vue";
+import g from "./index22.js";
+import "./index23.js";
+import P from "./index24.js";
+import "./index25.js";
+const N = /* @__PURE__ */ v({
+  __name: "BbNumberInput",
+  props: {
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    readonly: {},
+    reverse: { type: Boolean },
+    step: {}
+  },
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(t, { emit: p }) {
+    const u = t, o = p, i = y(!1), m = w(() => u.persistentHint || i.value), b = {
+      onBlur: (e) => {
+        i.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        i.value = !0, o("focus", e);
+      },
+      onIncrease: (e) => o("increase", e),
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, C) => (B(), k(g, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      class: "bb-number-input"
+    }, {
+      label: r((d) => [
+        n(e.$slots, "label", l(s(d)))
+      ]),
+      input: r(({ id: d, name: c, hasErrors: h, ariaDescribedby: f }) => [
+        V(P, $({
+          "aria-describedby": f,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": h,
+          id: d,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: c,
+          placeholder: e.placeholder,
+          readonly: e.readonly,
+          step: e.step
+        }, b), {
+          "append-outer": r((a) => [
+            n(e.$slots, "append-outer", l(s(a)))
+          ]),
+          append: r((a) => [
+            n(e.$slots, "append", l(s(a)))
+          ]),
+          prepend: r((a) => [
+            n(e.$slots, "prepend", l(s(a)))
+          ]),
+          "prepend-outer": r((a) => [
+            n(e.$slots, "prepend-outer", l(s(a)))
+          ]),
+          _: 2
+        }, 1040, ["aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "id", "max", "min", "model-value", "name", "placeholder", "readonly", "step"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  N as default
+};
 //# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index74.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index74.js","sources":["../src/components/BbNumberInput/BbNumberInput.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-number-input\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseNumberInput\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:max=\"max\"\n\t\t\t\t:min=\"min\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:step=\"step\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer=\"data\"\n\t\t\t\t\t><slot name=\"append-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend-outer=\"data\"\n\t\t\t\t\t><slot name=\"prepend-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t</BaseNumberInput>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseNumberInput from '../BaseNumberInput/BaseNumberInput.vue';\nimport type {\n\tBaseNumberInputEvents,\n\tBaseNumberInputSlots,\n} from '../BaseNumberInput/BaseNumberInput.vue';\nimport {\n\tcomputed,\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n} from 'vue';\n\nexport type BbNumberInputProps = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Maximum value cap\n\t */\n\tmax?: number;\n\n\t/**\n\t * Minimum value cap\n\t */\n\tmin?: number;\n\n\t/**\n\t * Used by v-model\n\t */\n\tmodelValue: number | string | null;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: boolean;\n\n\t/**\n\t * Incremental unit used in the exposed `increase`\n\t * and `decrease` function. It's NOT APPLIED to manual input as a step of 5\n\t * will prevent the user from inserting a value like `115` because of rounding down.\n\t */\n\tstep?: number;\n};\n\nconst props = withDefaults(defineProps<BbNumberInputProps>(), {});\n\nexport type BbNumberInputEvents = BaseNumberInputEvents;\n\nconst emit = defineEmits<BbNumberInputEvents>();\n\ndefineSlots<\n\tBaseNumberInputSlots & {\n\t\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\t}\n>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => {\n\t\tactive.value = false;\n\t\temit('blur', event);\n\t},\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonDecrease: (event: number) => emit('decrease', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonIncrease: (event: number) => emit('increase', event),\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (value: number | null) =>\n\t\temit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbNumberInput';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA,UAAMA,IAAQC,GAIRC,IAAOC,GAQPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsB;AAC9B,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQO,CAAK;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,YAAY,CAACA,MAAkBP,EAAK,YAAYO,CAAK;AAAA,MACrD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,YAAY,CAACA,MAAkBP,EAAK,YAAYO,CAAK;AAAA,MACrD,SAAS,CAACA,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACC,MACvBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index75.js

@@ -1,228 +1,2 @@
-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 "./index216.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

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.vue"],"sourcesContent":["<template>\n\t<teleport to=\"body\">\n\t\t<div v-bind=\"overlayAttributes\" ref=\"overlay\">\n\t\t\t<div v-bind=\"panelAttributes\" ref=\"panel\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"hasRenderedAtLeastOnce\"\n\t\t\t\t\tref=\"content\"\n\t\t\t\t\tclass=\"bb-offcanvas__content\"\n\t\t\t\t>\n\t\t\t\t\t<slot :close=\"onCloseClick\" name=\"content\">\n\t\t\t\t\t\t<div ref=\"header\" class=\"bb-offcanvas__header\">\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:close=\"onCloseClick\"\n\t\t\t\t\t\t\t\tname=\"header\"\n\t\t\t\t\t\t\t\t:title=\"title\"\n\t\t\t\t\t\t\t\t:title-id=\"titleId\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span :id=\"titleId\" class=\"bb-offcanvas__title\">\n\t\t\t\t\t\t\t\t\t<slot name=\"title\" :text=\"title\">{{ title }}</slot>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"bb-offcanvas-close\">\n\t\t\t\t\t\t\t\t\t<button v-if=\"showClose\" type=\"button\" @click=\"onCloseClick\">\n\t\t\t\t\t\t\t\t\t\t<slot name=\"close\" :text=\"closeLabel\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"bb-offcanvas-close__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bb-offcanvas-close__label\">{{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcloseLabel\n\t\t\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bb-offcanvas-close__icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><svg\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div ref=\"body\" class=\"bb-offcanvas__body\">\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:description-id=\"descriptionId\"\n\t\t\t\t\t\t\t\tname=\"description\"\n\t\t\t\t\t\t\t\t:text=\"description\"\n\t\t\t\t\t\t\t\t><div\n\t\t\t\t\t\t\t\t\tv-if=\"description\"\n\t\t\t\t\t\t\t\t\t:id=\"descriptionId\"\n\t\t\t\t\t\t\t\t\tclass=\"bb-offcanvas__description\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ description }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style=\"flex: 10000 10000 0%\"></div>\n\t\t\t\t\t\t<div ref=\"footer\" class=\"bb-offcanvas__footer\">\n\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\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\nconst props = withDefaults(defineProps<BbOffCanvasProps>(), {\n\tcloseLabel: 'Chiudi',\n\tdirection: 'left',\n\tshowClose: true,\n\tsize: 'sm',\n\ttransition: 'fade',\n\ttransitionDuration: 350,\n\tpanelClasses: () => [],\n\toverlayClasses: () => [],\n});\n\nexport type BbOffCanvasEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n\t(e: 'update:modelValue', value: boolean): void;\n};\n\nconst emit = defineEmits<BbOffCanvasEvents>();\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: object) => any;\n\tcontent?: (props: { close: typeof onCloseClick }) => any;\n\tfooter?: (props: object) => any;\n};\n\ndefineSlots<BbOffCanvasSlots>();\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbOffCanvas';\n</style>\n"],"names":["props","__props","emit","__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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAMA,IAAQC,GAiBRC,IAAOC,GAqBPC,IAAU,SAASC,EAAM,EAAE,GAAG,KAAK,IACnCC,IAAgB,eAAeD,EAAM,EAAE,GAAG,KAAK,IAE/CE,IAAUC,EAAwB,IAAI,GACtCC,IAAQD,EAAwB,IAAI,GACpCE,IAAUF,EAAwB,IAAI,GACtCG,IAASH,EAAwB,IAAI,GACrCI,IAAOJ,EAAwB,IAAI,GACnCK,IAASL,EAAwB,IAAI,GACrCM,IAAQC,KAER,EAAE,UAAAC,GAAU,YAAAC,MAAeC,GAAaT,GAAO;AAAA,MACpD,yBAAyB;AAAA;AAAA,MAEzB,mBAAmB,OAClBU,GAAS,MAAM;AACd,QAAAjB,EAAK,qBAAqB,EAAK;AAAA,MAAA,CAC/B,GACM;AAAA,IACR,CACA,GAEKkB,IAAaC,EAAS,MAAMrB,EAAM,UAAU,GAE5CsB,IAAOd,EAAI,EAAK,GAChBe,IAAUf,EAAI,EAAK,GACnBgB,IAAShB,EAAI,EAAI,GACjBiB,IAAUjB,EAAI,EAAK,GACnBkB,IAAyBlB,EAAIR,EAAM,SAASA,EAAM,UAAU,GAC5D2B,IAAqBnB,EAAoB,IAAI,GAE7CoB,IAAOP,EAAS,MAAME,EAAQ,SAASE,EAAQ,KAAK;AAE1D,IAAAI,EAAU,MAAM;AAIf,MAAI7B,EAAM,cAAc,EAAEsB,EAAK,SAASC,EAAQ,UAC7BO;IACnB,CACA,GAKDC;AAAA,MACC,MAAM/B,EAAM;AAAA,MACZ,MAAM;AACa,QAAA8B;MACnB;AAAA,IAAA,GAEDE,EAAgB,MAAM;AACrB,UAAIhC,EAAM,YAAY;AACrB,YAAIiC,IAAwB;AAAA,UAC3B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAG1C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB,YACzDA,MACK,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe;AAAA,MAErC;AAAA,IAAA,CACA;AAUD,UAAMH,IAAoB,YAAY;AACrC,UAAI9B,EAAM,YAAY;AACjB,QAAC0B,EAAuB,UAC3BA,EAAuB,QAAQ,KAE5B,SAAS,kBACZC,EAAmB,QAAQ,SAAS,gBAGrCH,EAAO,QAAQ,IACfC,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ;AAIhB,YAAIU,IAAwB;AAAA,UAC3B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAE1C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB;AAC9D,cAAMC,IACL,OAAO,aAAa,SAAS,gBAAgB;AACrC,iBAAA,KAAK,MAAM,WAAW,UAC/B,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAc,MAE9C,MAAAC,EAAKnC,EAAM,kBAAkB,GAEnCuB,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbpB,EAAK,OAAO,GACHc;MAAA,OACH;AACK,QAAAC,KACXM,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbG,EAAQ,QAAQ,IAEV,MAAAU,EAAKnC,EAAM,kBAAkB;AAEnC,YAAIiC,IAAwB;AAAA,UAC3B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAG1C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB,YACzDA,MACK,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe,QAEpCR,EAAQ,QAAQ,IAChBD,EAAO,QAAQ,IACftB,EAAK,QAAQ,GACTyB,EAAmB,iBAAiB,eACvCA,EAAmB,MAAM;MAE3B;AAAA,IAAA,GAMKS,IAAkB,CAACC,MAAmB;AACvC,MAAAA,EAAM,WAAW9B,EAAQ,SAC5B8B,EAAM,eAAe;AAAA,IACtB,GAMKC,IAAiB,CAACD,MAAsB;AACzC,MAAArC,EAAM,YAAY4B,EAAK,SACvBrB,EAAQ,SACP8B,EAAM,WAAW9B,EAAQ,UACvBP,EAAM,cACVE,EAAK,qBAAqB,EAAK;AAAA,IAGlC,GAMKqC,IAAe,MAAM;AAC1B,MAAIvC,EAAM,YACVE,EAAK,qBAAqB,EAAK;AAAA,IAAA,GAG1BsC,IAAoBnB,EAAS,MAAM;AACxC,YAAMoB,IAAU;AAAA,QACf;AAAA,UACC,sCAAsC;AAAA,UACtC,4BAA4BzC,EAAM;AAAA,UAClC,sBAAsBsB,EAAK;AAAA,UAC3B,yBAAyBC,EAAQ;AAAA,UACjC,wBAAwBC,EAAO;AAAA,UAC/B,yBAAyBC,EAAQ;AAAA,UACjC,CAAC,4BAA4BzB,EAAM,UAAU,EAAE,GAAG;AAAA,UAClD,CAAC,iBAAiBA,EAAM,SAAS,EAAE,GAAG;AAAA,QACvC;AAAA,QACAA,EAAM;AAAA,QACL,KAAK,GACD0C,IAAiB;AAAA,QACtB,SAASJ;AAAA,QACT,UAAUF;AAAA,QACV,aAAaA;AAAA,QACb,SAASA;AAAA,QACT,WAAWA;AAAA,MAAA,GAGNO,IAAQ;AAAA,QACb,oBAAoB3C,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAEhD,aAAA;AAAA,QACN,OAAOyC;AAAA,QACP,OAAAE;AAAA,QACA,GAAGD;AAAA,QACH,GAAG5B;AAAA,MAAA;AAAA,IACJ,CACA,GAEK8B,IAAkBvB,EAAS,MAAM;AACtC,YAAMoB,IAAU;AAAA,QACf;AAAA,UACC,uBAAuB;AAAA,UACvB,gCAAgCzC,EAAM;AAAA,QACvC;AAAA,QACAA,EAAM;AAAA,QACL,KAAK,GAED6C,IAEF;AAAA,QACH,MAAM;AAAA,QACN,cAAc;AAAA,MAAA;AAGf,MAAInB,EAAuB,UAC1BmB,EAAmB,iBAAiB,IAAIzC,GAEpCJ,EAAM,gBACT6C,EAAmB,kBAAkB,IAAIvC;AAGvC,UAAAwC,GACAC,GACAC;AACJ,YAAMC,IAAe;AAAA,QACpB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAEL,MAAIjD,EAAM,cAAc,UAAUA,EAAM,cAAc,UACjDA,EAAM,aAAuB8C,IAAA,SACxB,OAAO9C,EAAM,QAAS,WAAU8C,IAAW9C,EAAM,OAAO,OACxDA,EAAM,QAAQiD,IACXH,IAAAG,EAAMjD,EAAM,IAAmB,IAAI,OAC1C8C,IAAW9C,EAAM,OAAO,OAEzBA,EAAM,aAAqBgD,IAAA,SACtB,OAAOhD,EAAM,QAAS,WAAUgD,IAAShD,EAAM,OAAO,OACtDA,EAAM,QAAQiD,IACbD,IAAAC,EAAMjD,EAAM,IAAmB,IAAI,OACnC,OAAO,MAAM,OAAOA,EAAM,IAAI,CAAC,IAChCA,EAAM,SAAS,WAAiBgD,IAAA,UADGA,IAAShD,EAAM,OAAO;AAInE,YAAM2C,IAAQ;AAAA,QACb,UAAAG;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,oBAAoBhD,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAGhD,aAAA;AAAA,QACN,OAAOyC;AAAA,QACP,OAAAE;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,IACJ,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index75.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index76.js

@@ -1,2 +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 "./index211.js";
+import { useId as L } from "./index8.js";
+import { wait as O } from "./index123.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=index76.js.map