bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BOffcanvas.vue_vue_type_script_setup_true_lang-BDfsBBB8.mjs

@@ -1,313 +0,0 @@
-import { defineComponent, mergeModels, useSlots, useModel, useTemplateRef, ref, onMounted, computed, watch, createBlock, openBlock, unref, withCtx, createCommentVNode, renderSlot, Transition, mergeProps, withDirectives, createElementVNode, createElementBlock, Fragment, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, normalizeClass, vShow, nextTick } from "vue";
-import { d as useBreakpoints, o as onKeyStroke, e as unrefElement, f as breakpointsBootstrapV5 } from "./index-nMtnPEP0.mjs";
-import { u as useSafeScrollLock, a as useActivatedFocusTrap } from "./useSafeScrollLock-BMtL1rUG.mjs";
-import { u as useDefaults } from "./useDefaults-DvqfKEoD.mjs";
-import { u as useId } from "./useId-9_HUwM96.mjs";
-import { _ as _sfc_main$2 } from "./BButton.vue_vue_type_script_setup_true_lang-mC3U3Kza.mjs";
-import { _ as _sfc_main$3 } from "./BCloseButton.vue_vue_type_script_setup_true_lang-CezXiDAc.mjs";
-import { _ as _sfc_main$1 } from "./ConditionalTeleport.vue_vue_type_script_lang-Cp-egLmm.mjs";
-import { i as isEmptySlot } from "./dom-DVb-f0ZG.mjs";
-import { u as useShowHide } from "./useShowHide-rIwHwrmD.mjs";
-import { g as getElement } from "./getElement-DrDVR-jO.mjs";
-const _hoisted_1 = ["id", "aria-labelledby"];
-const _hoisted_2 = ["id"];
-const fallbackClassSelector = "offcanvas-fallback-focus";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "BOffcanvas",
-  props: /* @__PURE__ */ mergeModels({
-    noBackdrop: { type: Boolean, default: false },
-    backdropFirst: { type: Boolean, default: false },
-    bodyAttrs: { default: void 0 },
-    bodyClass: { default: void 0 },
-    bodyScrolling: { type: Boolean, default: false },
-    focus: { type: [String, Boolean, Object, null], default: void 0 },
-    footerClass: { default: void 0 },
-    headerAttrs: { default: void 0 },
-    headerClass: { default: void 0 },
-    headerCloseClass: { default: void 0 },
-    headerCloseLabel: { default: "Close" },
-    headerCloseVariant: { default: "secondary" },
-    id: { default: void 0 },
-    noCloseOnBackdrop: { type: Boolean, default: false },
-    noCloseOnEsc: { type: Boolean, default: false },
-    noHeader: { type: Boolean, default: false },
-    noTrap: { type: Boolean, default: false },
-    noHeaderClose: { type: Boolean, default: false },
-    placement: { default: "start" },
-    shadow: { type: [String, Boolean], default: false },
-    title: { default: void 0 },
-    responsive: {},
-    width: { default: void 0 },
-    teleportDisabled: { type: Boolean, default: false },
-    teleportTo: { default: "body" },
-    initialAnimation: { type: Boolean, default: false },
-    noAnimation: { type: Boolean, default: false },
-    noFade: { type: Boolean },
-    lazy: { type: Boolean, default: false },
-    unmountLazy: { type: Boolean, default: false },
-    show: { type: Boolean, default: false },
-    transProps: {},
-    visible: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{
-      default: false
-    } },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["close", "esc", "backdrop", "breakpoint", "hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const _props = __props;
-    const props = useDefaults(_props, "BOffcanvas");
-    const emit = __emit;
-    const slots = useSlots();
-    const modelValue = useModel(__props, "modelValue");
-    const computedId = useId(() => props.id, "offcanvas");
-    const element = useTemplateRef("_element");
-    const fallbackFocusElement = useTemplateRef("_fallbackFocusElement");
-    const closeButton = useTemplateRef("_close");
-    const pickFocusItem = () => {
-      if (props.focus && typeof props.focus !== "boolean") {
-        if (props.focus === "close") {
-          return closeButton;
-        }
-        return getElement(props.focus, element.value ?? void 0);
-      }
-      return element;
-    };
-    const onAfterEnter = () => {
-      nextTick(() => {
-        if (props.focus !== false && !isOpenByBreakpoint.value && props.noTrap) {
-          const focusElement = unrefElement(pickFocusItem());
-          focusElement?.focus();
-        }
-      });
-    };
-    const {
-      showRef,
-      renderRef,
-      renderBackdropRef,
-      hide,
-      show,
-      toggle,
-      computedNoAnimation,
-      contentShowing,
-      transitionProps,
-      backdropReady,
-      backdropTransitionProps,
-      backdropVisible,
-      isVisible,
-      buildTriggerableEvent,
-      isLeaving,
-      trapActive,
-      setLocalNoAnimation
-    } = useShowHide(modelValue, props, emit, element, computedId, {
-      transitionProps: {
-        onAfterEnter,
-        enterToClass: "showing",
-        leaveToClass: "hiding",
-        enterActiveClass: "",
-        leaveActiveClass: "",
-        enterFromClass: "",
-        leaveFromClass: ""
-      }
-    });
-    const breakpoints = useBreakpoints(breakpointsBootstrapV5);
-    const smallerOrEqualToBreakpoint = breakpoints.smallerOrEqual(() => props.responsive ?? "xs");
-    const isOpenByBreakpoint = ref(false);
-    onMounted(() => {
-      if (props.responsive !== void 0) {
-        isOpenByBreakpoint.value = !smallerOrEqualToBreakpoint.value;
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), isOpenByBreakpoint.value);
-      }
-    });
-    useSafeScrollLock(showRef, () => props.bodyScrolling || isOpenByBreakpoint.value);
-    onKeyStroke(
-      "Escape",
-      () => {
-        hide("esc");
-      },
-      { target: element }
-    );
-    const { needsFallback } = useActivatedFocusTrap({
-      element,
-      isActive: trapActive,
-      noTrap: () => props.noTrap || isOpenByBreakpoint.value,
-      fallbackFocus: {
-        classSelector: fallbackClassSelector,
-        ref: fallbackFocusElement
-      },
-      focus: () => props.focus === false || isOpenByBreakpoint.value ? false : unrefElement(pickFocusItem()) ?? void 0
-    });
-    const showBackdrop = computed(
-      () => (props.responsive === void 0 || !isOpenByBreakpoint.value) && props.noBackdrop === false && (showRef.value === true || isLeaving.value && props.backdropFirst && !computedNoAnimation.value)
-    );
-    const hasHeaderCloseSlot = computed(() => !isEmptySlot(slots["header-close"]));
-    const headerCloseClasses = computed(() => [
-      { "text-reset": !hasHeaderCloseSlot.value },
-      props.headerCloseClass
-    ]);
-    const headerCloseAttrs = computed(() => ({
-      variant: hasHeaderCloseSlot.value ? props.headerCloseVariant : void 0,
-      class: headerCloseClasses.value
-    }));
-    const hasFooterSlot = computed(() => !isEmptySlot(slots.footer));
-    const computedClasses = computed(() => [
-      props.responsive === void 0 ? "offcanvas" : `offcanvas-${props.responsive}`,
-      `offcanvas-${props.placement}`,
-      {
-        "show": isVisible.value,
-        [`shadow-${props.shadow}`]: !!props.shadow,
-        "no-transition": computedNoAnimation.value
-      }
-    ]);
-    const computedStyles = computed(() => ({
-      width: props.width
-    }));
-    const sharedSlots = computed(() => ({
-      visible: isVisible.value,
-      placement: props.placement,
-      hide,
-      show,
-      toggle,
-      id: computedId.value,
-      active: trapActive.value
-    }));
-    watch(smallerOrEqualToBreakpoint, (newValue) => {
-      if (props.responsive === void 0) return;
-      if (newValue === true) {
-        const opened = false;
-        setLocalNoAnimation(true);
-        requestAnimationFrame(() => {
-          isOpenByBreakpoint.value = opened;
-        });
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), opened);
-        emit("hide", buildTriggerableEvent("hide"));
-      } else {
-        const opened = true;
-        setLocalNoAnimation(true);
-        requestAnimationFrame(() => {
-          isOpenByBreakpoint.value = opened;
-        });
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), opened);
-        emit("show", buildTriggerableEvent("show"));
-      }
-    });
-    __expose({
-      hide,
-      show,
-      toggle,
-      isOpenByBreakpoint
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        to: unref(props).teleportTo,
-        disabled: unref(props).teleportDisabled || isOpenByBreakpoint.value
-      }, {
-        default: withCtx(() => [
-          unref(renderRef) || unref(contentShowing) || isOpenByBreakpoint.value ? (openBlock(), createBlock(Transition, mergeProps({ key: 0 }, unref(transitionProps), {
-            appear: modelValue.value || unref(props).visible
-          }), {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("div", mergeProps({
-                id: unref(computedId),
-                ref: "_element",
-                "aria-modal": "true",
-                role: "dialog",
-                class: computedClasses.value,
-                style: computedStyles.value,
-                tabindex: "-1",
-                "aria-labelledby": `${unref(computedId)}-offcanvas-label`,
-                "data-bs-backdrop": "false"
-              }, _ctx.$attrs), [
-                unref(contentShowing) || isOpenByBreakpoint.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  !unref(props).noHeader ? (openBlock(), createElementBlock("div", mergeProps({
-                    key: 0,
-                    class: ["offcanvas-header", unref(props).headerClass]
-                  }, unref(props).headerAttrs), [
-                    renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
-                      createElementVNode("h5", {
-                        id: `${unref(computedId)}-offcanvas-label`,
-                        class: "offcanvas-title"
-                      }, [
-                        renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [
-                          createTextVNode(toDisplayString(unref(props).title), 1)
-                        ])
-                      ], 8, _hoisted_2),
-                      !unref(props).noHeaderClose ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        hasHeaderCloseSlot.value ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
-                          key: 0,
-                          ref: "_close"
-                        }, headerCloseAttrs.value, {
-                          onClick: _cache[0] || (_cache[0] = ($event) => unref(hide)("close"))
-                        }), {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, "header-close", normalizeProps(guardReactiveProps(sharedSlots.value)))
-                          ]),
-                          _: 3
-                        }, 16)) : (openBlock(), createBlock(_sfc_main$3, mergeProps({
-                          key: 1,
-                          ref: "_close",
-                          "aria-label": unref(props).headerCloseLabel
-                        }, headerCloseAttrs.value, {
-                          onClick: _cache[1] || (_cache[1] = ($event) => unref(hide)("close"))
-                        }), null, 16, ["aria-label"]))
-                      ], 64)) : createCommentVNode("", true)
-                    ])
-                  ], 16)) : createCommentVNode("", true),
-                  createElementVNode("div", mergeProps({
-                    class: ["offcanvas-body", unref(props).bodyClass]
-                  }, unref(props).bodyAttrs), [
-                    renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sharedSlots.value)))
-                  ], 16),
-                  hasFooterSlot.value ? (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    class: normalizeClass(unref(props).footerClass)
-                  }, [
-                    renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(sharedSlots.value)))
-                  ], 2)) : createCommentVNode("", true)
-                ], 64)) : createCommentVNode("", true),
-                unref(needsFallback) ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  ref: "_fallbackFocusElement",
-                  class: normalizeClass(fallbackClassSelector),
-                  tabindex: "0",
-                  style: { "width": "0", "height": "0", "overflow": "hidden" }
-                }, null, 512)) : createCommentVNode("", true)
-              ], 16, _hoisted_1), [
-                [
-                  vShow,
-                  unref(showRef) && (unref(backdropReady) && unref(props).backdropFirst || !unref(props).backdropFirst) || isOpenByBreakpoint.value
-                ]
-              ])
-            ]),
-            _: 3
-          }, 16, ["appear"])) : createCommentVNode("", true),
-          !unref(props).noBackdrop ? renderSlot(_ctx.$slots, "backdrop", normalizeProps(mergeProps({ key: 1 }, sharedSlots.value)), () => [
-            unref(renderBackdropRef) ? (openBlock(), createBlock(Transition, normalizeProps(mergeProps({ key: 0 }, unref(backdropTransitionProps))), {
-              default: withCtx(() => [
-                withDirectives(createElementVNode("div", {
-                  class: normalizeClass(["offcanvas-backdrop", {
-                    fade: !unref(computedNoAnimation),
-                    show: unref(backdropVisible) || unref(computedNoAnimation)
-                  }]),
-                  onClick: _cache[2] || (_cache[2] = ($event) => unref(hide)("backdrop"))
-                }, null, 2), [
-                  [vShow, showBackdrop.value]
-                ])
-              ]),
-              _: 1
-            }, 16)) : createCommentVNode("", true)
-          ]) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["to", "disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=BOffcanvas.vue_vue_type_script_setup_true_lang-BDfsBBB8.mjs.map

package/dist/BOffcanvas.vue_vue_type_script_setup_true_lang-BDfsBBB8.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BOffcanvas.vue_vue_type_script_setup_true_lang-BDfsBBB8.mjs","sources":["../src/components/BOffcanvas/BOffcanvas.vue"],"sourcesContent":["<template>\n  <ConditionalTeleport\n    :to=\"props.teleportTo\"\n    :disabled=\"props.teleportDisabled || isOpenByBreakpoint\"\n  >\n    <Transition\n      v-if=\"renderRef || contentShowing || isOpenByBreakpoint\"\n      v-bind=\"transitionProps\"\n      :appear=\"modelValue || props.visible\"\n    >\n      <div\n        v-show=\"\n          (showRef && ((backdropReady && props.backdropFirst) || !props.backdropFirst)) ||\n          isOpenByBreakpoint\n        \"\n        :id=\"computedId\"\n        ref=\"_element\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"computedClasses\"\n        :style=\"computedStyles\"\n        tabindex=\"-1\"\n        :aria-labelledby=\"`${computedId}-offcanvas-label`\"\n        data-bs-backdrop=\"false\"\n        v-bind=\"$attrs\"\n      >\n        <template v-if=\"contentShowing || isOpenByBreakpoint\">\n          <div\n            v-if=\"!props.noHeader\"\n            class=\"offcanvas-header\"\n            :class=\"props.headerClass\"\n            v-bind=\"props.headerAttrs\"\n          >\n            <slot name=\"header\" v-bind=\"sharedSlots\">\n              <h5 :id=\"`${computedId}-offcanvas-label`\" class=\"offcanvas-title\">\n                <slot name=\"title\" v-bind=\"sharedSlots\">\n                  {{ props.title }}\n                </slot>\n              </h5>\n              <template v-if=\"!props.noHeaderClose\">\n                <BButton\n                  v-if=\"hasHeaderCloseSlot\"\n                  ref=\"_close\"\n                  v-bind=\"headerCloseAttrs\"\n                  @click=\"hide('close')\"\n                >\n                  <slot name=\"header-close\" v-bind=\"sharedSlots\" />\n                </BButton>\n                <BCloseButton\n                  v-else\n                  ref=\"_close\"\n                  :aria-label=\"props.headerCloseLabel\"\n                  v-bind=\"headerCloseAttrs\"\n                  @click=\"hide('close')\"\n                />\n              </template>\n            </slot>\n          </div>\n          <div class=\"offcanvas-body\" :class=\"props.bodyClass\" v-bind=\"props.bodyAttrs\">\n            <slot v-bind=\"sharedSlots\" />\n          </div>\n          <div v-if=\"hasFooterSlot\" :class=\"props.footerClass\">\n            <slot name=\"footer\" v-bind=\"sharedSlots\" />\n          </div>\n        </template>\n        <div\n          v-if=\"needsFallback\"\n          ref=\"_fallbackFocusElement\"\n          :class=\"fallbackClassSelector\"\n          tabindex=\"0\"\n          style=\"width: 0; height: 0; overflow: hidden\"\n        />\n      </div>\n    </Transition>\n    <slot v-if=\"!props.noBackdrop\" name=\"backdrop\" v-bind=\"sharedSlots\">\n      <Transition v-if=\"renderBackdropRef\" v-bind=\"backdropTransitionProps\">\n        <div\n          v-show=\"showBackdrop\"\n          class=\"offcanvas-backdrop\"\n          :class=\"{\n            fade: !computedNoAnimation,\n            show: backdropVisible || computedNoAnimation,\n          }\"\n          @click=\"hide('backdrop')\"\n        />\n      </Transition>\n    </slot>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {breakpointsBootstrapV5, onKeyStroke, unrefElement, useBreakpoints} from '@vueuse/core'\nimport {useActivatedFocusTrap} from '../../composables/useActivatedFocusTrap'\nimport {computed, type EmitFn, nextTick, onMounted, ref, useTemplateRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BOffcanvasProps} from '../../types/ComponentProps'\nimport type {BOffcanvasEmits} from '../../types/ComponentEmits'\nimport type {BOffcanvasSlots, BOffcanvasSlotsData} from '../../types/ComponentSlots'\nimport BButton from '../BButton/BButton.vue'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\nimport {useSafeScrollLock} from '../../composables/useSafeScrollLock'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useShowHide} from '../../composables/useShowHide'\nimport {getElement} from '../../utils/getElement'\n\n// TODO once the responsive stuff may be implemented correctly,\n// What needs to occur is a fixing of the \"body scrolling\".\n// If the offcanvas is on the screen on a large screen, body scrolling is not disabled\n// Even though the modelValue is true\n// When it's a small screen and close, it works, as normal,\n// But then when it opens up on a small screen, it must disable again\n// This is implemented on Layout.vue, but is not officially supported.\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BOffcanvasProps, 'modelValue'>>(), {\n  backdropFirst: false,\n  bodyAttrs: undefined,\n  bodyClass: undefined,\n  bodyScrolling: false,\n  focus: undefined,\n  footerClass: undefined,\n  headerAttrs: undefined,\n  headerClass: undefined,\n  headerCloseClass: undefined,\n  headerCloseLabel: 'Close',\n  headerCloseVariant: 'secondary',\n  id: undefined,\n  initialAnimation: false,\n  lazy: false,\n  noAnimation: false,\n  noBackdrop: false,\n  noCloseOnBackdrop: false,\n  noCloseOnEsc: false,\n  noTrap: false,\n  noHeader: false,\n  noHeaderClose: false,\n  unmountLazy: false,\n  placement: 'start',\n  shadow: false,\n  teleportDisabled: false,\n  teleportTo: 'body',\n  title: undefined,\n  show: false,\n  width: undefined,\n  visible: false,\n})\nconst props = useDefaults(_props, 'BOffcanvas')\nconst emit = defineEmits<BOffcanvasEmits>()\nconst slots = defineSlots<BOffcanvasSlots>()\n\nconst modelValue = defineModel<Exclude<BOffcanvasProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'offcanvas')\n\nconst element = useTemplateRef<HTMLElement | null>('_element')\nconst fallbackFocusElement = useTemplateRef<HTMLElement | null>('_fallbackFocusElement')\nconst closeButton = useTemplateRef<HTMLElement | null>('_close')\n\nconst pickFocusItem = () => {\n  if (props.focus && typeof props.focus !== 'boolean') {\n    if (props.focus === 'close') {\n      return closeButton\n    }\n    return getElement(props.focus, element.value ?? undefined)\n  }\n  return element\n}\n\nconst onAfterEnter = () => {\n  nextTick(() => {\n    if (props.focus !== false && !isOpenByBreakpoint.value && props.noTrap) {\n      const focusElement = unrefElement(pickFocusItem())\n      focusElement?.focus()\n    }\n  })\n}\n\nconst {\n  showRef,\n  renderRef,\n  renderBackdropRef,\n  hide,\n  show,\n  toggle,\n  computedNoAnimation,\n  contentShowing,\n  transitionProps,\n  backdropReady,\n  backdropTransitionProps,\n  backdropVisible,\n  isVisible,\n  buildTriggerableEvent,\n  isLeaving,\n  trapActive,\n  setLocalNoAnimation,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId, {\n  transitionProps: {\n    onAfterEnter,\n    enterToClass: 'showing',\n    leaveToClass: 'hiding',\n    enterActiveClass: '',\n    leaveActiveClass: '',\n    enterFromClass: '',\n    leaveFromClass: '',\n  },\n})\n\nconst breakpoints = useBreakpoints(breakpointsBootstrapV5)\nconst smallerOrEqualToBreakpoint = breakpoints.smallerOrEqual(() => props.responsive ?? 'xs')\n// Initialize with SSR-safe default value to prevent hydration mismatches\n// The actual breakpoint evaluation is deferred to onMounted (client-side only)\nconst isOpenByBreakpoint = ref(false)\n\nonMounted(() => {\n  if (props.responsive !== undefined) {\n    // Update the breakpoint state after mounting (client-side only)\n    isOpenByBreakpoint.value = !smallerOrEqualToBreakpoint.value\n    emit('breakpoint', buildTriggerableEvent('breakpoint'), isOpenByBreakpoint.value)\n  }\n})\n\nuseSafeScrollLock(showRef, () => props.bodyScrolling || isOpenByBreakpoint.value)\n\nonKeyStroke(\n  'Escape',\n  () => {\n    hide('esc')\n  },\n  {target: element}\n)\n\nconst fallbackClassSelector = 'offcanvas-fallback-focus'\n\nconst {needsFallback} = useActivatedFocusTrap({\n  element,\n  isActive: trapActive,\n  noTrap: () => props.noTrap || isOpenByBreakpoint.value,\n  fallbackFocus: {\n    classSelector: fallbackClassSelector,\n    ref: fallbackFocusElement,\n  },\n  focus: () =>\n    props.focus === false || isOpenByBreakpoint.value\n      ? false\n      : (unrefElement(pickFocusItem()) ?? undefined),\n})\n\nconst showBackdrop = computed(\n  () =>\n    (props.responsive === undefined || !isOpenByBreakpoint.value) &&\n    props.noBackdrop === false &&\n    (showRef.value === true ||\n      (isLeaving.value && props.backdropFirst && !computedNoAnimation.value))\n)\n\nconst hasHeaderCloseSlot = computed(() => !isEmptySlot(slots['header-close']))\nconst headerCloseClasses = computed(() => [\n  {'text-reset': !hasHeaderCloseSlot.value},\n  props.headerCloseClass,\n])\nconst headerCloseAttrs = computed(() => ({\n  variant: hasHeaderCloseSlot.value ? props.headerCloseVariant : undefined,\n  class: headerCloseClasses.value,\n}))\n\nconst hasFooterSlot = computed(() => !isEmptySlot(slots.footer))\nconst computedClasses = computed(() => [\n  props.responsive === undefined ? 'offcanvas' : `offcanvas-${props.responsive}`,\n  `offcanvas-${props.placement}`,\n  {\n    'show': isVisible.value,\n    [`shadow-${props.shadow}`]: !!props.shadow,\n    'no-transition': computedNoAnimation.value,\n  },\n])\n\nconst computedStyles = computed(() => ({\n  width: props.width,\n}))\n\nconst sharedSlots = computed<BOffcanvasSlotsData>(() => ({\n  visible: isVisible.value,\n  placement: props.placement,\n  hide,\n  show,\n  toggle,\n  id: computedId.value,\n  active: trapActive.value,\n}))\n\nwatch(smallerOrEqualToBreakpoint, (newValue) => {\n  if (props.responsive === undefined) return\n  if (newValue === true) {\n    const opened = false\n    setLocalNoAnimation(true)\n    requestAnimationFrame(() => {\n      isOpenByBreakpoint.value = opened\n    })\n    emit('breakpoint', buildTriggerableEvent('breakpoint'), opened)\n    emit('hide', buildTriggerableEvent('hide'))\n  } else {\n    const opened = true\n    setLocalNoAnimation(true)\n    requestAnimationFrame(() => {\n      isOpenByBreakpoint.value = opened\n    })\n    emit('breakpoint', buildTriggerableEvent('breakpoint'), opened)\n    emit('show', buildTriggerableEvent('show'))\n  }\n})\n\ndefineExpose({\n  hide,\n  show,\n  toggle,\n  isOpenByBreakpoint,\n})\n</script>\n"],"names":["_useSlots","_useModel","_createBlock","ConditionalTeleport","_unref","_Transition","_mergeProps","_withDirectives","_createElementVNode","$attrs","_createElementBlock","_Fragment","_openBlock","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","BButton","BCloseButton","_normalizeClass"],"mappings":"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"}

package/dist/BOffcanvas.vue_vue_type_script_setup_true_lang-C8cdZALa.js

@@ -1,312 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("./index-C_bsiScj.js");
-const useSafeScrollLock = require("./useSafeScrollLock-ov0LQtXv.js");
-const useDefaults = require("./useDefaults-YXpmugKp.js");
-const useId = require("./useId-Dl8Hi5_U.js");
-const BButton_vue_vue_type_script_setup_true_lang = require("./BButton.vue_vue_type_script_setup_true_lang-CXQy0Rf_.js");
-const BCloseButton_vue_vue_type_script_setup_true_lang = require("./BCloseButton.vue_vue_type_script_setup_true_lang-CbUMoMu7.js");
-const ConditionalTeleport_vue_vue_type_script_lang = require("./ConditionalTeleport.vue_vue_type_script_lang-BL9AAILt.js");
-const dom = require("./dom-BgEUZpKg.js");
-const useShowHide = require("./useShowHide-b1MKf6Ye.js");
-const getElement = require("./getElement-CodzX3WA.js");
-const _hoisted_1 = ["id", "aria-labelledby"];
-const _hoisted_2 = ["id"];
-const fallbackClassSelector = "offcanvas-fallback-focus";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "BOffcanvas",
-  props: /* @__PURE__ */ vue.mergeModels({
-    noBackdrop: { type: Boolean, default: false },
-    backdropFirst: { type: Boolean, default: false },
-    bodyAttrs: { default: void 0 },
-    bodyClass: { default: void 0 },
-    bodyScrolling: { type: Boolean, default: false },
-    focus: { type: [String, Boolean, Object, null], default: void 0 },
-    footerClass: { default: void 0 },
-    headerAttrs: { default: void 0 },
-    headerClass: { default: void 0 },
-    headerCloseClass: { default: void 0 },
-    headerCloseLabel: { default: "Close" },
-    headerCloseVariant: { default: "secondary" },
-    id: { default: void 0 },
-    noCloseOnBackdrop: { type: Boolean, default: false },
-    noCloseOnEsc: { type: Boolean, default: false },
-    noHeader: { type: Boolean, default: false },
-    noTrap: { type: Boolean, default: false },
-    noHeaderClose: { type: Boolean, default: false },
-    placement: { default: "start" },
-    shadow: { type: [String, Boolean], default: false },
-    title: { default: void 0 },
-    responsive: {},
-    width: { default: void 0 },
-    teleportDisabled: { type: Boolean, default: false },
-    teleportTo: { default: "body" },
-    initialAnimation: { type: Boolean, default: false },
-    noAnimation: { type: Boolean, default: false },
-    noFade: { type: Boolean },
-    lazy: { type: Boolean, default: false },
-    unmountLazy: { type: Boolean, default: false },
-    show: { type: Boolean, default: false },
-    transProps: {},
-    visible: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{
-      default: false
-    } },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ vue.mergeModels(["close", "esc", "backdrop", "breakpoint", "hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const _props = __props;
-    const props = useDefaults.useDefaults(_props, "BOffcanvas");
-    const emit = __emit;
-    const slots = vue.useSlots();
-    const modelValue = vue.useModel(__props, "modelValue");
-    const computedId = useId.useId(() => props.id, "offcanvas");
-    const element = vue.useTemplateRef("_element");
-    const fallbackFocusElement = vue.useTemplateRef("_fallbackFocusElement");
-    const closeButton = vue.useTemplateRef("_close");
-    const pickFocusItem = () => {
-      if (props.focus && typeof props.focus !== "boolean") {
-        if (props.focus === "close") {
-          return closeButton;
-        }
-        return getElement.getElement(props.focus, element.value ?? void 0);
-      }
-      return element;
-    };
-    const onAfterEnter = () => {
-      vue.nextTick(() => {
-        if (props.focus !== false && !isOpenByBreakpoint.value && props.noTrap) {
-          const focusElement = index.unrefElement(pickFocusItem());
-          focusElement?.focus();
-        }
-      });
-    };
-    const {
-      showRef,
-      renderRef,
-      renderBackdropRef,
-      hide,
-      show,
-      toggle,
-      computedNoAnimation,
-      contentShowing,
-      transitionProps,
-      backdropReady,
-      backdropTransitionProps,
-      backdropVisible,
-      isVisible,
-      buildTriggerableEvent,
-      isLeaving,
-      trapActive,
-      setLocalNoAnimation
-    } = useShowHide.useShowHide(modelValue, props, emit, element, computedId, {
-      transitionProps: {
-        onAfterEnter,
-        enterToClass: "showing",
-        leaveToClass: "hiding",
-        enterActiveClass: "",
-        leaveActiveClass: "",
-        enterFromClass: "",
-        leaveFromClass: ""
-      }
-    });
-    const breakpoints = index.useBreakpoints(index.breakpointsBootstrapV5);
-    const smallerOrEqualToBreakpoint = breakpoints.smallerOrEqual(() => props.responsive ?? "xs");
-    const isOpenByBreakpoint = vue.ref(false);
-    vue.onMounted(() => {
-      if (props.responsive !== void 0) {
-        isOpenByBreakpoint.value = !smallerOrEqualToBreakpoint.value;
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), isOpenByBreakpoint.value);
-      }
-    });
-    useSafeScrollLock.useSafeScrollLock(showRef, () => props.bodyScrolling || isOpenByBreakpoint.value);
-    index.onKeyStroke(
-      "Escape",
-      () => {
-        hide("esc");
-      },
-      { target: element }
-    );
-    const { needsFallback } = useSafeScrollLock.useActivatedFocusTrap({
-      element,
-      isActive: trapActive,
-      noTrap: () => props.noTrap || isOpenByBreakpoint.value,
-      fallbackFocus: {
-        classSelector: fallbackClassSelector,
-        ref: fallbackFocusElement
-      },
-      focus: () => props.focus === false || isOpenByBreakpoint.value ? false : index.unrefElement(pickFocusItem()) ?? void 0
-    });
-    const showBackdrop = vue.computed(
-      () => (props.responsive === void 0 || !isOpenByBreakpoint.value) && props.noBackdrop === false && (showRef.value === true || isLeaving.value && props.backdropFirst && !computedNoAnimation.value)
-    );
-    const hasHeaderCloseSlot = vue.computed(() => !dom.isEmptySlot(slots["header-close"]));
-    const headerCloseClasses = vue.computed(() => [
-      { "text-reset": !hasHeaderCloseSlot.value },
-      props.headerCloseClass
-    ]);
-    const headerCloseAttrs = vue.computed(() => ({
-      variant: hasHeaderCloseSlot.value ? props.headerCloseVariant : void 0,
-      class: headerCloseClasses.value
-    }));
-    const hasFooterSlot = vue.computed(() => !dom.isEmptySlot(slots.footer));
-    const computedClasses = vue.computed(() => [
-      props.responsive === void 0 ? "offcanvas" : `offcanvas-${props.responsive}`,
-      `offcanvas-${props.placement}`,
-      {
-        "show": isVisible.value,
-        [`shadow-${props.shadow}`]: !!props.shadow,
-        "no-transition": computedNoAnimation.value
-      }
-    ]);
-    const computedStyles = vue.computed(() => ({
-      width: props.width
-    }));
-    const sharedSlots = vue.computed(() => ({
-      visible: isVisible.value,
-      placement: props.placement,
-      hide,
-      show,
-      toggle,
-      id: computedId.value,
-      active: trapActive.value
-    }));
-    vue.watch(smallerOrEqualToBreakpoint, (newValue) => {
-      if (props.responsive === void 0) return;
-      if (newValue === true) {
-        const opened = false;
-        setLocalNoAnimation(true);
-        requestAnimationFrame(() => {
-          isOpenByBreakpoint.value = opened;
-        });
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), opened);
-        emit("hide", buildTriggerableEvent("hide"));
-      } else {
-        const opened = true;
-        setLocalNoAnimation(true);
-        requestAnimationFrame(() => {
-          isOpenByBreakpoint.value = opened;
-        });
-        emit("breakpoint", buildTriggerableEvent("breakpoint"), opened);
-        emit("show", buildTriggerableEvent("show"));
-      }
-    });
-    __expose({
-      hide,
-      show,
-      toggle,
-      isOpenByBreakpoint
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(ConditionalTeleport_vue_vue_type_script_lang._sfc_main, {
-        to: vue.unref(props).teleportTo,
-        disabled: vue.unref(props).teleportDisabled || isOpenByBreakpoint.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.unref(renderRef) || vue.unref(contentShowing) || isOpenByBreakpoint.value ? (vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ key: 0 }, vue.unref(transitionProps), {
-            appear: modelValue.value || vue.unref(props).visible
-          }), {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
-                id: vue.unref(computedId),
-                ref: "_element",
-                "aria-modal": "true",
-                role: "dialog",
-                class: computedClasses.value,
-                style: computedStyles.value,
-                tabindex: "-1",
-                "aria-labelledby": `${vue.unref(computedId)}-offcanvas-label`,
-                "data-bs-backdrop": "false"
-              }, _ctx.$attrs), [
-                vue.unref(contentShowing) || isOpenByBreakpoint.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  !vue.unref(props).noHeader ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-                    key: 0,
-                    class: ["offcanvas-header", vue.unref(props).headerClass]
-                  }, vue.unref(props).headerAttrs), [
-                    vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(sharedSlots.value)), () => [
-                      vue.createElementVNode("h5", {
-                        id: `${vue.unref(computedId)}-offcanvas-label`,
-                        class: "offcanvas-title"
-                      }, [
-                        vue.renderSlot(_ctx.$slots, "title", vue.normalizeProps(vue.guardReactiveProps(sharedSlots.value)), () => [
-                          vue.createTextVNode(vue.toDisplayString(vue.unref(props).title), 1)
-                        ])
-                      ], 8, _hoisted_2),
-                      !vue.unref(props).noHeaderClose ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                        hasHeaderCloseSlot.value ? (vue.openBlock(), vue.createBlock(BButton_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({
-                          key: 0,
-                          ref: "_close"
-                        }, headerCloseAttrs.value, {
-                          onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(hide)("close"))
-                        }), {
-                          default: vue.withCtx(() => [
-                            vue.renderSlot(_ctx.$slots, "header-close", vue.normalizeProps(vue.guardReactiveProps(sharedSlots.value)))
-                          ]),
-                          _: 3
-                        }, 16)) : (vue.openBlock(), vue.createBlock(BCloseButton_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({
-                          key: 1,
-                          ref: "_close",
-                          "aria-label": vue.unref(props).headerCloseLabel
-                        }, headerCloseAttrs.value, {
-                          onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(hide)("close"))
-                        }), null, 16, ["aria-label"]))
-                      ], 64)) : vue.createCommentVNode("", true)
-                    ])
-                  ], 16)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", vue.mergeProps({
-                    class: ["offcanvas-body", vue.unref(props).bodyClass]
-                  }, vue.unref(props).bodyAttrs), [
-                    vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(sharedSlots.value)))
-                  ], 16),
-                  hasFooterSlot.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 1,
-                    class: vue.normalizeClass(vue.unref(props).footerClass)
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps(sharedSlots.value)))
-                  ], 2)) : vue.createCommentVNode("", true)
-                ], 64)) : vue.createCommentVNode("", true),
-                vue.unref(needsFallback) ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 1,
-                  ref: "_fallbackFocusElement",
-                  class: vue.normalizeClass(fallbackClassSelector),
-                  tabindex: "0",
-                  style: { "width": "0", "height": "0", "overflow": "hidden" }
-                }, null, 512)) : vue.createCommentVNode("", true)
-              ], 16, _hoisted_1), [
-                [
-                  vue.vShow,
-                  vue.unref(showRef) && (vue.unref(backdropReady) && vue.unref(props).backdropFirst || !vue.unref(props).backdropFirst) || isOpenByBreakpoint.value
-                ]
-              ])
-            ]),
-            _: 3
-          }, 16, ["appear"])) : vue.createCommentVNode("", true),
-          !vue.unref(props).noBackdrop ? vue.renderSlot(_ctx.$slots, "backdrop", vue.normalizeProps(vue.mergeProps({ key: 1 }, sharedSlots.value)), () => [
-            vue.unref(renderBackdropRef) ? (vue.openBlock(), vue.createBlock(vue.Transition, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(backdropTransitionProps))), {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["offcanvas-backdrop", {
-                    fade: !vue.unref(computedNoAnimation),
-                    show: vue.unref(backdropVisible) || vue.unref(computedNoAnimation)
-                  }]),
-                  onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(hide)("backdrop"))
-                }, null, 2), [
-                  [vue.vShow, showBackdrop.value]
-                ])
-              ]),
-              _: 1
-            }, 16)) : vue.createCommentVNode("", true)
-          ]) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["to", "disabled"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=BOffcanvas.vue_vue_type_script_setup_true_lang-C8cdZALa.js.map