bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BNavText.vue_vue_type_script_setup_true_lang-Nz10c9se.mjs

@@ -0,0 +1,297 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createElementBlock, createVNode, mergeProps, withModifiers, mergeModels, useModel, ref, createTextVNode, toDisplayString } from "vue";
+import { u as useAlignment } from "./useAlignment-Cw-9AVid.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { _ as _sfc_main$5 } from "./BForm.vue_vue_type_script_setup_true_lang-CX-6ApBl.mjs";
+import { _ as _sfc_main$6 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+import { p as pick } from "./object-DIbMZaP9.mjs";
+import { _ as _sfc_main$7 } from "./BDropdown.vue_vue_type_script_setup_true_lang-_LBPdVCX.mjs";
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BNav",
+  props: {
+    align: { default: void 0 },
+    cardHeader: { type: Boolean, default: false },
+    fill: { type: Boolean, default: false },
+    justified: { type: Boolean, default: false },
+    pills: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    tabs: { type: Boolean, default: false },
+    tag: { default: "ul" },
+    underline: { type: Boolean, default: false },
+    vertical: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNav");
+    const alignment = useAlignment(() => props.align);
+    const computedClasses = computed(() => ({
+      "nav-tabs": props.tabs,
+      "nav-pills": props.pills && !props.tabs,
+      "card-header-tabs": !props.vertical && props.cardHeader && props.tabs,
+      "card-header-pills": !props.vertical && props.cardHeader && props.pills && !props.tabs,
+      "flex-column": props.vertical,
+      "nav-fill": !props.vertical && props.fill,
+      "nav-justified": !props.vertical && props.justified,
+      [alignment.value]: !props.vertical && props.align !== void 0,
+      "small": props.small,
+      "nav-underline": props.underline
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(["nav", computedClasses.value])
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "d-flex flex-row align-items-center flex-wrap" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BNavForm",
+  props: {
+    role: { default: void 0 },
+    floating: { type: Boolean, default: void 0 },
+    id: { default: void 0 },
+    novalidate: { type: Boolean, default: void 0 },
+    validated: { type: Boolean, default: void 0 }
+  },
+  emits: ["submit"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavForm");
+    const emit = __emit;
+    const submitted = (e) => {
+      emit("submit", e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1$3, [
+        createVNode(_sfc_main$5, mergeProps(_ctx.$attrs, {
+          id: unref(props).id,
+          floating: unref(props).floating,
+          role: unref(props).role,
+          novalidate: unref(props).novalidate,
+          validated: unref(props).validated,
+          class: "d-flex",
+          onSubmit: withModifiers(submitted, ["prevent"])
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["id", "floating", "role", "novalidate", "validated"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "nav-item" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BNavItem",
+  props: {
+    linkAttrs: { default: void 0 },
+    linkClass: { default: void 0 },
+    active: { type: Boolean, default: void 0 },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: { default: void 0 },
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: void 0 },
+    variant: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavItem");
+    const emit = __emit;
+    const computedLinkProps = computed(
+      () => pick(props, [
+        "active",
+        "activeClass",
+        "append",
+        "disabled",
+        "href",
+        "icon",
+        "opacity",
+        "opacityHover",
+        "rel",
+        "replace",
+        "routerComponentName",
+        "target",
+        "to",
+        "underlineOffset",
+        "underlineOffsetHover",
+        "underlineOpacity",
+        "underlineOpacityHover",
+        "underlineVariant",
+        "variant"
+      ])
+    );
+    computedLinkProps.value.activeClass;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1$2, [
+        createVNode(_sfc_main$6, mergeProps({
+          class: ["nav-link", _ctx.linkClass],
+          tabindex: unref(props).disabled ? -1 : void 0,
+          "aria-disabled": unref(props).disabled ? true : void 0
+        }, { ...computedLinkProps.value, ..._ctx.linkAttrs }, {
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class", "tabindex", "aria-disabled"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "nav-item dropdown" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BNavItemDropdown",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: { default: void 0 },
+    autoClose: { type: [Boolean, String], default: true },
+    boundary: { default: "clippingAncestors" },
+    boundaryPadding: { default: void 0 },
+    center: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    dropend: { type: Boolean, default: false },
+    dropstart: { type: Boolean, default: false },
+    dropup: { type: Boolean, default: false },
+    end: { type: Boolean, default: false },
+    floatingMiddleware: { default: void 0 },
+    id: { default: void 0 },
+    isNav: { type: Boolean, default: true },
+    lazy: { type: Boolean, default: false },
+    menuClass: { default: void 0 },
+    noCaret: { type: Boolean, default: false },
+    noFlip: { type: Boolean, default: false },
+    noShift: { type: Boolean, default: false },
+    noSize: { type: Boolean, default: false },
+    offset: { default: 0 },
+    role: { default: "menu" },
+    size: { default: "md" },
+    skipWrapper: { type: Boolean },
+    split: { type: Boolean, default: false },
+    splitButtonType: { default: "button" },
+    splitClass: { default: void 0 },
+    splitDisabled: { type: Boolean, default: void 0 },
+    splitHref: { default: void 0 },
+    splitTo: { default: void 0 },
+    splitVariant: { default: void 0 },
+    strategy: { default: "absolute" },
+    text: { default: void 0 },
+    toggleClass: { default: void 0 },
+    toggleText: { default: "Toggle dropdown" },
+    variant: { default: "link" },
+    wrapperClass: {},
+    teleportDisabled: { type: Boolean, default: false },
+    teleportTo: { default: void 0 }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["click", "hidden", "hide", "hide-prevented", "show", "show-prevented", "shown", "toggle"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavItemDropdown");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const dropdown = ref(null);
+    const hide = () => {
+      var _a;
+      (_a = dropdown.value) == null ? void 0 : _a.hide();
+    };
+    const show = () => {
+      var _a;
+      (_a = dropdown.value) == null ? void 0 : _a.show();
+    };
+    const toggle = () => {
+      var _a;
+      (_a = dropdown.value) == null ? void 0 : _a.toggle();
+    };
+    __expose({
+      hide,
+      show,
+      toggle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1$1, [
+        createVNode(_sfc_main$7, mergeProps({
+          ref_key: "dropdown",
+          ref: dropdown
+        }, unref(props), {
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          "is-nav": "",
+          onShow: _cache[1] || (_cache[1] = ($event) => emit("show", $event)),
+          onShown: _cache[2] || (_cache[2] = ($event) => emit("shown")),
+          onHide: _cache[3] || (_cache[3] = ($event) => emit("hide", $event)),
+          onHidden: _cache[4] || (_cache[4] = ($event) => emit("hidden")),
+          onHidePrevented: _cache[5] || (_cache[5] = ($event) => emit("hide-prevented")),
+          onShowPrevented: _cache[6] || (_cache[6] = ($event) => emit("show-prevented")),
+          onClick: _cache[7] || (_cache[7] = ($event) => emit("click", $event)),
+          onToggle: _cache[8] || (_cache[8] = ($event) => emit("toggle"))
+        }), {
+          "button-content": withCtx(() => [
+            renderSlot(_ctx.$slots, "button-content")
+          ]),
+          "toggle-text": withCtx(() => [
+            renderSlot(_ctx.$slots, "toggle-text")
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {
+              hide,
+              show
+            })
+          ]),
+          _: 3
+        }, 16, ["modelValue"])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "navbar-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BNavText",
+  props: {
+    text: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavText");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(unref(props).text), 1)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main$4 as _,
+  _sfc_main$3 as a,
+  _sfc_main$2 as b,
+  _sfc_main$1 as c,
+  _sfc_main as d
+};
+//# sourceMappingURL=BNavText.vue_vue_type_script_setup_true_lang-Nz10c9se.mjs.map

package/dist/BNavText.vue_vue_type_script_setup_true_lang-Nz10c9se.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BNavText.vue_vue_type_script_setup_true_lang-Nz10c9se.mjs","sources":["../src/components/BNav/BNav.vue","../src/components/BNav/BNavForm.vue","../src/components/BNav/BNavItem.vue","../src/components/BNav/BNavItemDropdown.vue","../src/components/BNav/BNavText.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"nav\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BNavProps} from '../../types/ComponentProps'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BNavProps>(), {\n  align: undefined,\n  cardHeader: false,\n  fill: false,\n  justified: false,\n  pills: false,\n  small: false,\n  tabs: false,\n  tag: 'ul',\n  underline: false,\n  vertical: false,\n})\nconst props = useDefaults(_props, 'BNav')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst alignment = useAlignment(() => props.align)\n\nconst computedClasses = computed(() => ({\n  'nav-tabs': props.tabs,\n  'nav-pills': props.pills && !props.tabs,\n  'card-header-tabs': !props.vertical && props.cardHeader && props.tabs,\n  'card-header-pills': !props.vertical && props.cardHeader && props.pills && !props.tabs,\n  'flex-column': props.vertical,\n  'nav-fill': !props.vertical && props.fill,\n  'nav-justified': !props.vertical && props.justified,\n  [alignment.value]: !props.vertical && props.align !== undefined,\n  'small': props.small,\n  'nav-underline': props.underline,\n}))\n</script>\n","<template>\n  <li class=\"d-flex flex-row align-items-center flex-wrap\">\n    <BForm\n      v-bind=\"$attrs\"\n      :id=\"props.id\"\n      :floating=\"props.floating\"\n      :role=\"props.role\"\n      :novalidate=\"props.novalidate\"\n      :validated=\"props.validated\"\n      class=\"d-flex\"\n      @submit.prevent=\"submitted\"\n    >\n      <slot />\n    </BForm>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavFormProps} from '../../types/ComponentProps'\nimport BForm from '../BForm/BForm.vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BNavFormProps>(), {\n  role: undefined,\n  // BForm props\n  floating: undefined,\n  id: undefined,\n  novalidate: undefined,\n  validated: undefined,\n  // End BForm props\n})\nconst props = useDefaults(_props, 'BNavForm')\n\nconst emit = defineEmits<{\n  submit: [value: Event]\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst submitted = (e: Readonly<Event>) => {\n  emit('submit', e)\n}\n</script>\n","<template>\n  <li class=\"nav-item\">\n    <BLink\n      class=\"nav-link\"\n      :class=\"linkClass\"\n      :tabindex=\"props.disabled ? -1 : undefined\"\n      :aria-disabled=\"props.disabled ? true : undefined\"\n      v-bind=\"{...computedLinkProps, ...linkAttrs}\"\n      @click=\"emit('click', $event)\"\n    >\n      <slot />\n    </BLink>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport type {BNavItemProps} from '../../types/ComponentProps'\nimport {pick} from '../../utils/object'\nimport {useDefaults} from '../../composables/useDefaults'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<BNavItemProps>(), {\n  // Link props\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  linkAttrs: undefined,\n  linkClass: undefined,\n  opacity: undefined,\n  stretched: false,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BNavItem')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\n\nconst computedLinkProps = computed(() =>\n  pick(props, [\n    'active',\n    'activeClass',\n    'append',\n    'disabled',\n    'href',\n    'icon',\n    'opacity',\n    'opacityHover',\n    'rel',\n    'replace',\n    'routerComponentName',\n    'target',\n    'to',\n    'underlineOffset',\n    'underlineOffsetHover',\n    'underlineOpacity',\n    'underlineOpacityHover',\n    'underlineVariant',\n    'variant',\n  ])\n)\ncomputedLinkProps.value.activeClass\n</script>\n","<template>\n  <li class=\"nav-item dropdown\">\n    <BDropdown\n      ref=\"dropdown\"\n      v-bind=\"props\"\n      v-model=\"modelValue\"\n      is-nav\n      @show=\"emit('show', $event)\"\n      @shown=\"emit('shown')\"\n      @hide=\"emit('hide', $event)\"\n      @hidden=\"emit('hidden')\"\n      @hide-prevented=\"emit('hide-prevented')\"\n      @show-prevented=\"emit('show-prevented')\"\n      @click=\"emit('click', $event)\"\n      @toggle=\"emit('toggle')\"\n    >\n      <template #button-content>\n        <slot name=\"button-content\" />\n      </template>\n      <template #toggle-text>\n        <slot name=\"toggle-text\" />\n      </template>\n      <template #default>\n        <slot :hide=\"hide\" :show=\"show\" />\n      </template>\n    </BDropdown>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {ref} from 'vue'\nimport {BvTriggerableEvent} from '../../utils'\nimport BDropdown from '../BDropdown/BDropdown.vue'\nimport type {BDropdownProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<Omit<BDropdownProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  autoClose: true,\n  block: false,\n  boundary: 'clippingAncestors',\n  boundaryPadding: undefined,\n  center: false,\n  teleportTo: undefined,\n  teleportDisabled: false,\n  disabled: false,\n  dropend: false,\n  dropstart: false,\n  dropup: false,\n  end: false,\n  floatingMiddleware: undefined,\n  id: undefined,\n  isNav: true,\n  lazy: false,\n  menuClass: undefined,\n  noCaret: false,\n  noFlip: false,\n  noShift: false,\n  noSize: false,\n  offset: 0,\n  role: 'menu',\n  size: 'md',\n  split: false,\n  splitButtonType: 'button',\n  splitClass: undefined,\n  splitDisabled: undefined,\n  splitHref: undefined,\n  splitTo: undefined,\n  splitVariant: undefined,\n  strategy: 'absolute',\n  text: undefined,\n  toggleClass: undefined,\n  toggleText: 'Toggle dropdown',\n  variant: 'link',\n})\nconst props = useDefaults(_props, 'BNavItemDropdown')\n\nconst emit = defineEmits<{\n  'click': [event: MouseEvent]\n  'hidden': []\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': []\n  'toggle': []\n}>()\n\nconst modelValue = defineModel<Exclude<BDropdownProps['modelValue'], undefined>>({default: false})\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'button-content'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: {hide: () => void; show: () => void}) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'toggle-text'?: (props: Record<string, never>) => any\n}>()\nconst dropdown = ref<InstanceType<typeof BDropdown> | null>(null)\n\nconst hide = () => {\n  dropdown.value?.hide()\n}\nconst show = () => {\n  dropdown.value?.show()\n}\nconst toggle = () => {\n  dropdown.value?.toggle()\n}\n\ndefineExpose({\n  hide,\n  show,\n  toggle,\n})\n</script>\n","<template>\n  <li class=\"navbar-text\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavTextProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BNavTextProps>(), {text: undefined})\nconst props = useDefaults(_props, 'BNavText')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,SAAS;AAYT,UAAA,QAAQ,YAAY,QAAQ,MAAM;AAOxC,UAAM,YAAY,aAAa,MAAM,MAAM,KAAK;AAE1C,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM,SAAS,CAAC,MAAM;AAAA,MACnC,oBAAoB,CAAC,MAAM,YAAY,MAAM,cAAc,MAAM;AAAA,MACjE,qBAAqB,CAAC,MAAM,YAAY,MAAM,cAAc,MAAM,SAAS,CAAC,MAAM;AAAA,MAClF,eAAe,MAAM;AAAA,MACrB,YAAY,CAAC,MAAM,YAAY,MAAM;AAAA,MACrC,iBAAiB,CAAC,MAAM,YAAY,MAAM;AAAA,MAC1C,CAAC,UAAU,KAAK,GAAG,CAAC,MAAM,YAAY,MAAM,UAAU;AAAA,MACtD,SAAS,MAAM;AAAA,MACf,iBAAiB,MAAM;AAAA,IACvB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF,UAAM,SAAS;AAST,UAAA,QAAQ,YAAY,QAAQ,UAAU;AAE5C,UAAM,OAAO;AASP,UAAA,YAAY,CAAC,MAAuB;AACxC,WAAK,UAAU,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBlB,UAAM,SAAS;AA0BT,UAAA,QAAQ,YAAY,QAAQ,UAAU;AAE5C,UAAM,OAAO;AAIb,UAAM,oBAAoB;AAAA,MAAS,MACjC,KAAK,OAAO;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAEH,sBAAkB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9CxB,UAAM,SAAS;AAuCT,UAAA,QAAQ,YAAY,QAAQ,kBAAkB;AAEpD,UAAM,OAAO;AAWP,UAAA,aAAaA,8BAA8E;AAU3F,UAAA,WAAW,IAA2C,IAAI;AAEhE,UAAM,OAAO,MAAM;;AACjB,qBAAS,UAAT,mBAAgB;AAAA,IAAK;AAEvB,UAAM,OAAO,MAAM;;AACjB,qBAAS,UAAT,mBAAgB;AAAA,IAAK;AAEvB,UAAM,SAAS,MAAM;;AACnB,qBAAS,UAAT,mBAAgB;AAAA,IAAO;AAGZ,aAAA;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtGD,UAAM,SAAS;AACT,UAAA,QAAQ,YAAY,QAAQ,UAAU;;;;;;;;;;"}

package/dist/BNavbarToggle.vue_vue_type_script_setup_true_lang-CR21XBTk.mjs

@@ -0,0 +1,195 @@
+import { computed, toValue, defineComponent, provide, toRef, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementBlock, renderSlot, mergeProps, withDirectives, createElementVNode } from "vue";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { n as navbarInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { _ as _sfc_main$4 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+import { u as useBLinkHelper } from "./useBLinkHelper-Bvtov_sk.mjs";
+import { u as useAlignment } from "./useAlignment-Cw-9AVid.mjs";
+import { vBToggle } from "./src/directives/BToggle/index.mjs";
+const useContainerClasses = (value) => computed(() => {
+  const resolvedValue = toValue(value);
+  return {
+    container: resolvedValue === true,
+    [`container-${resolvedValue}`]: typeof resolvedValue === "string"
+  };
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "BNavbar",
+  props: {
+    autoClose: { type: Boolean, default: true },
+    container: { type: [Boolean, String], default: "fluid" },
+    fixed: { default: void 0 },
+    print: { type: Boolean, default: false },
+    sticky: { default: void 0 },
+    tag: { default: "nav" },
+    toggleable: { type: [Boolean, String], default: false },
+    variant: { default: null }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavbar");
+    const computedRole = computed(() => props.tag === "nav" ? void 0 : "navigation");
+    const containerClass = useContainerClasses(() => props.container);
+    const computedClasses = computed(() => ({
+      "d-print": props.print,
+      [`sticky-${props.sticky}`]: props.sticky !== void 0,
+      [`bg-${props.variant}`]: props.variant !== null,
+      [`fixed-${props.fixed}`]: props.fixed !== void 0,
+      "navbar-expand": props.toggleable === false,
+      [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === "string"
+    }));
+    provide(navbarInjectionKey, {
+      tag: toRef(() => props.tag),
+      autoClose: toRef(() => props.autoClose)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(["navbar", computedClasses.value]),
+        role: computedRole.value
+      }, {
+        default: withCtx(() => [
+          unref(props).container !== false ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(containerClass))
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 8, ["class", "role"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BNavbarBrand",
+  props: {
+    tag: { default: "div" },
+    active: { type: Boolean, default: void 0 },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: { default: void 0 },
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: void 0 },
+    variant: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavbarBrand");
+    const { computedLink, computedLinkProps } = useBLinkHelper(props, [
+      "active",
+      "activeClass",
+      "append",
+      "disabled",
+      "href",
+      "rel",
+      "replace",
+      "routerComponentName",
+      "target",
+      "to",
+      "variant",
+      "opacity",
+      "opacityHover",
+      "underlineVariant",
+      "underlineOffset",
+      "underlineOffsetHover",
+      "underlineOpacity",
+      "underlineOpacityHover",
+      "icon"
+    ]);
+    const computedTag = computed(() => computedLink.value ? _sfc_main$4 : props.tag);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ class: "navbar-brand" }, unref(computedLinkProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BNavbarNav",
+  props: {
+    align: { default: void 0 },
+    fill: { type: Boolean, default: false },
+    justified: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    tag: { default: "ul" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavbarNav");
+    const alignment = useAlignment(() => props.align);
+    const computedClasses = computed(() => ({
+      "nav-fill": props.fill,
+      "nav-justified": props.justified,
+      [alignment.value]: props.align !== void 0,
+      "small": props.small
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(["navbar-nav", computedClasses.value])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = ["disabled", "aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BNavbarToggle",
+  props: {
+    disabled: { type: Boolean, default: false },
+    label: { default: "Toggle navigation" },
+    target: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BNavbarToggle");
+    const emit = __emit;
+    const computedClasses = computed(() => ({
+      disabled: props.disabled
+    }));
+    const onClick = (e) => {
+      if (!props.disabled) {
+        emit("click", e);
+      }
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("button", {
+        class: normalizeClass(["navbar-toggler", computedClasses.value]),
+        type: "button",
+        disabled: unref(props).disabled,
+        "aria-label": unref(props).label,
+        onClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "navbar-toggler-icon" }, null, -1))
+        ])
+      ], 10, _hoisted_1)), [
+        [unref(vBToggle), !unref(props).disabled ? unref(props).target : void 0]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main$3 as _,
+  _sfc_main$2 as a,
+  _sfc_main$1 as b,
+  _sfc_main as c
+};
+//# sourceMappingURL=BNavbarToggle.vue_vue_type_script_setup_true_lang-CR21XBTk.mjs.map

package/dist/BNavbarToggle.vue_vue_type_script_setup_true_lang-CR21XBTk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BNavbarToggle.vue_vue_type_script_setup_true_lang-CR21XBTk.mjs","sources":["../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.vue"],"sourcesContent":["import type {Breakpoint} from '../types/BreakpointProps'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useContainerClasses = (value: MaybeRefOrGetter<boolean | Breakpoint | 'fluid'>) =>\n  computed(() => {\n    const resolvedValue = toValue(value)\n    return {\n      container: resolvedValue === true,\n      [`container-${resolvedValue}`]: typeof resolvedValue === 'string',\n    }\n  })\n","<template>\n  <component :is=\"props.tag\" class=\"navbar\" :class=\"computedClasses\" :role=\"computedRole\">\n    <div v-if=\"props.container !== false\" :class=\"containerClass\">\n      <slot />\n    </div>\n    <slot v-else />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, toRef} from 'vue'\nimport type {BNavbarProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n  autoClose: true,\n  container: 'fluid',\n  fixed: undefined,\n  print: false,\n  sticky: undefined,\n  tag: 'nav',\n  toggleable: false,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst computedClasses = computed(() => ({\n  'd-print': props.print,\n  [`sticky-${props.sticky}`]: props.sticky !== undefined,\n  [`bg-${props.variant}`]: props.variant !== null,\n  [`fixed-${props.fixed}`]: props.fixed !== undefined,\n  'navbar-expand': props.toggleable === false,\n  [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n}))\n\nprovide(navbarInjectionKey, {\n  tag: toRef(() => props.tag),\n  autoClose: toRef(() => props.autoClose),\n})\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"navbar-brand\" v-bind=\"computedLinkProps\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport BLink from '../BLink/BLink.vue'\nimport type {BNavbarBrandProps} from '../../types/ComponentProps'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<BNavbarBrandProps>(), {\n  tag: 'div',\n  // Link props\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  stretched: false,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BNavbarBrand')\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'append',\n  'disabled',\n  'href',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'target',\n  'to',\n  'variant',\n  'opacity',\n  'opacityHover',\n  'underlineVariant',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'icon',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n</script>\n","<template>\n  <ul class=\"navbar-nav\" :class=\"computedClasses\">\n    <slot />\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BNavbarNavProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BNavbarNavProps>(), {\n  align: undefined,\n  fill: false,\n  justified: false,\n  small: false,\n  tag: 'ul',\n})\nconst props = useDefaults(_props, 'BNavbarNav')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst alignment = useAlignment(() => props.align)\n\nconst computedClasses = computed(() => ({\n  'nav-fill': props.fill,\n  'nav-justified': props.justified,\n  [alignment.value]: props.align !== undefined,\n  'small': props.small,\n}))\n</script>\n","<template>\n  <button\n    v-b-toggle=\"!props.disabled ? props.target : undefined\"\n    class=\"navbar-toggler\"\n    type=\"button\"\n    :class=\"computedClasses\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.label\"\n    @click=\"onClick\"\n  >\n    <slot>\n      <span class=\"navbar-toggler-icon\" />\n    </slot>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BNavbarToggleProps} from '../../types/ComponentProps'\nimport {vBToggle} from '../../directives'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n  label: 'Toggle navigation',\n  disabled: false,\n  target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\n\ndefineSlots<{\n  // TODO this scoped slot is {expanded: boolean}\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  disabled: props.disabled,\n}))\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled) {\n    emit('click', e)\n  }\n}\n</script>\n"],"names":["BLink"],"mappings":";;;;;;;AAGO,MAAM,sBAAsB,CAAC,UAClC,SAAS,MAAM;AACP,QAAA,gBAAgB,QAAQ,KAAK;AAC5B,SAAA;AAAA,IACL,WAAW,kBAAkB;AAAA,IAC7B,CAAC,aAAa,aAAa,EAAE,GAAG,OAAO,kBAAkB;AAAA,EAAA;AAE7D,CAAC;;;;;;;;;;;;;;ACMH,UAAM,SAAS;AAUT,UAAA,QAAQ,YAAY,QAAQ,SAAS;AAO3C,UAAM,eAAe,SAAS,MAAO,MAAM,QAAQ,QAAQ,SAAY,YAAa;AAEpF,UAAM,iBAAiB,oBAAoB,MAAM,MAAM,SAAS;AAE1D,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,WAAW,MAAM;AAAA,MACjB,CAAC,UAAU,MAAM,MAAM,EAAE,GAAG,MAAM,WAAW;AAAA,MAC7C,CAAC,MAAM,MAAM,OAAO,EAAE,GAAG,MAAM,YAAY;AAAA,MAC3C,CAAC,SAAS,MAAM,KAAK,EAAE,GAAG,MAAM,UAAU;AAAA,MAC1C,iBAAiB,MAAM,eAAe;AAAA,MACtC,CAAC,iBAAiB,MAAM,UAAU,EAAE,GAAG,OAAO,MAAM,eAAe;AAAA,IACnE,EAAA;AAEF,YAAQ,oBAAoB;AAAA,MAC1B,KAAK,MAAM,MAAM,MAAM,GAAG;AAAA,MAC1B,WAAW,MAAM,MAAM,MAAM,SAAS;AAAA,IAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/BD,UAAM,SAAS;AAyBT,UAAA,QAAQ,YAAY,QAAQ,cAAc;AAEhD,UAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,cAAc,SAAS,MAAO,aAAa,QAAQA,cAAQ,MAAM,GAAI;;;;;;;;;;;;;;;;;;;;;ACvD3E,UAAM,SAAS;AAOT,UAAA,QAAQ,YAAY,QAAQ,YAAY;AAO9C,UAAM,YAAY,aAAa,MAAM,MAAM,KAAK;AAE1C,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,CAAC,UAAU,KAAK,GAAG,MAAM,UAAU;AAAA,MACnC,SAAS,MAAM;AAAA,IACf,EAAA;;;;;;;;;;;;;;;;;;;;ACXF,UAAM,SAAS;AAKT,UAAA,QAAQ,YAAY,QAAQ,eAAe;AAEjD,UAAM,OAAO;AAUP,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,UAAU,MAAM;AAAA,IAChB,EAAA;AAEI,UAAA,UAAU,CAAC,MAAkC;AAC7C,UAAA,CAAC,MAAM,UAAU;AACnB,aAAK,SAAS,CAAC;AAAA,MACjB;AAAA,IAAA;;;;;;;;;;;;;;;;;;"}

package/dist/BNavbarToggle.vue_vue_type_script_setup_true_lang-yRlMSYbT.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("./useDefaults-Cd8OVIUI.js"),t=require("./keys-BgAe7wbu.js"),l=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),o=require("./useBLinkHelper-BxI4evA6.js"),n=require("./useAlignment-BTUJZ_9x.js"),i=require("./src/directives/BToggle/index.umd.js"),r=e.defineComponent({__name:"BNavbar",props:{autoClose:{type:Boolean,default:!0},container:{type:[Boolean,String],default:"fluid"},fixed:{default:void 0},print:{type:Boolean,default:!1},sticky:{default:void 0},tag:{default:"nav"},toggleable:{type:[Boolean,String],default:!1},variant:{default:null}},setup(l){const o=l,n=a.useDefaults(o,"BNavbar"),i=e.computed((()=>"nav"===n.tag?void 0:"navigation")),r=(d=()=>n.container,e.computed((()=>{const a=e.toValue(d);return{container:!0===a,[`container-${a}`]:"string"==typeof a}})));var d;const u=e.computed((()=>({"d-print":n.print,[`sticky-${n.sticky}`]:void 0!==n.sticky,[`bg-${n.variant}`]:null!==n.variant,[`fixed-${n.fixed}`]:void 0!==n.fixed,"navbar-expand":!1===n.toggleable,[`navbar-expand-${n.toggleable}`]:"string"==typeof n.toggleable})));return e.provide(t.navbarInjectionKey,{tag:e.toRef((()=>n.tag)),autoClose:e.toRef((()=>n.autoClose))}),(a,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n).tag),{class:e.normalizeClass(["navbar",u.value]),role:i.value},{default:e.withCtx((()=>[!1!==e.unref(n).container?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r))},[e.renderSlot(a.$slots,"default")],2)):e.renderSlot(a.$slots,"default",{key:1})])),_:3},8,["class","role"]))}}),d=e.defineComponent({__name:"BNavbarBrand",props:{tag:{default:"div"},active:{type:Boolean,default:void 0},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:void 0},noRel:{type:Boolean},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0},variant:{default:void 0}},setup(t){const n=t,i=a.useDefaults(n,"BNavbarBrand"),{computedLink:r,computedLinkProps:d}=o.useBLinkHelper(i,["active","activeClass","append","disabled","href","rel","replace","routerComponentName","target","to","variant","opacity","opacityHover","underlineVariant","underlineOffset","underlineOffsetHover","underlineOpacity","underlineOpacityHover","icon"]),u=e.computed((()=>r.value?l._sfc_main:i.tag));return(a,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),e.mergeProps({class:"navbar-brand"},e.unref(d)),{default:e.withCtx((()=>[e.renderSlot(a.$slots,"default")])),_:3},16))}}),u=e.defineComponent({__name:"BNavbarNav",props:{align:{default:void 0},fill:{type:Boolean,default:!1},justified:{type:Boolean,default:!1},small:{type:Boolean,default:!1},tag:{default:"ul"}},setup(t){const l=t,o=a.useDefaults(l,"BNavbarNav"),i=n.useAlignment((()=>o.align)),r=e.computed((()=>({"nav-fill":o.fill,"nav-justified":o.justified,[i.value]:void 0!==o.align,small:o.small})));return(a,t)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["navbar-nav",r.value])},[e.renderSlot(a.$slots,"default")],2))}}),s=["disabled","aria-label"],f=e.defineComponent({__name:"BNavbarToggle",props:{disabled:{type:Boolean,default:!1},label:{default:"Toggle navigation"},target:{default:void 0}},emits:["click"],setup(t,{emit:l}){const o=t,n=a.useDefaults(o,"BNavbarToggle"),r=l,d=e.computed((()=>({disabled:n.disabled}))),u=e=>{n.disabled||r("click",e)};return(a,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["navbar-toggler",d.value]),type:"button",disabled:e.unref(n).disabled,"aria-label":e.unref(n).label,onClick:u},[e.renderSlot(a.$slots,"default",{},(()=>[t[0]||(t[0]=e.createElementVNode("span",{class:"navbar-toggler-icon"},null,-1))]))],10,s)),[[e.unref(i.vBToggle),e.unref(n).disabled?void 0:e.unref(n).target]])}});exports._sfc_main=r,exports._sfc_main$1=d,exports._sfc_main$2=u,exports._sfc_main$3=f;
+//# sourceMappingURL=BNavbarToggle.vue_vue_type_script_setup_true_lang-yRlMSYbT.js.map

package/dist/BNavbarToggle.vue_vue_type_script_setup_true_lang-yRlMSYbT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BNavbarToggle.vue_vue_type_script_setup_true_lang-yRlMSYbT.js","sources":["../src/components/BNavbar/BNavbar.vue","../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"navbar\" :class=\"computedClasses\" :role=\"computedRole\">\n    <div v-if=\"props.container !== false\" :class=\"containerClass\">\n      <slot />\n    </div>\n    <slot v-else />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, toRef} from 'vue'\nimport type {BNavbarProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n  autoClose: true,\n  container: 'fluid',\n  fixed: undefined,\n  print: false,\n  sticky: undefined,\n  tag: 'nav',\n  toggleable: false,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst computedClasses = computed(() => ({\n  'd-print': props.print,\n  [`sticky-${props.sticky}`]: props.sticky !== undefined,\n  [`bg-${props.variant}`]: props.variant !== null,\n  [`fixed-${props.fixed}`]: props.fixed !== undefined,\n  'navbar-expand': props.toggleable === false,\n  [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n}))\n\nprovide(navbarInjectionKey, {\n  tag: toRef(() => props.tag),\n  autoClose: toRef(() => props.autoClose),\n})\n</script>\n","import type {Breakpoint} from '../types/BreakpointProps'\nimport {computed, type MaybeRefOrGetter, toValue} from 'vue'\n\nexport const useContainerClasses = (value: MaybeRefOrGetter<boolean | Breakpoint | 'fluid'>) =>\n  computed(() => {\n    const resolvedValue = toValue(value)\n    return {\n      container: resolvedValue === true,\n      [`container-${resolvedValue}`]: typeof resolvedValue === 'string',\n    }\n  })\n","<template>\n  <component :is=\"computedTag\" class=\"navbar-brand\" v-bind=\"computedLinkProps\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport BLink from '../BLink/BLink.vue'\nimport type {BNavbarBrandProps} from '../../types/ComponentProps'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<BNavbarBrandProps>(), {\n  tag: 'div',\n  // Link props\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  stretched: false,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BNavbarBrand')\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'append',\n  'disabled',\n  'href',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'target',\n  'to',\n  'variant',\n  'opacity',\n  'opacityHover',\n  'underlineVariant',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'icon',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n</script>\n","<template>\n  <ul class=\"navbar-nav\" :class=\"computedClasses\">\n    <slot />\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BNavbarNavProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BNavbarNavProps>(), {\n  align: undefined,\n  fill: false,\n  justified: false,\n  small: false,\n  tag: 'ul',\n})\nconst props = useDefaults(_props, 'BNavbarNav')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst alignment = useAlignment(() => props.align)\n\nconst computedClasses = computed(() => ({\n  'nav-fill': props.fill,\n  'nav-justified': props.justified,\n  [alignment.value]: props.align !== undefined,\n  'small': props.small,\n}))\n</script>\n","<template>\n  <button\n    v-b-toggle=\"!props.disabled ? props.target : undefined\"\n    class=\"navbar-toggler\"\n    type=\"button\"\n    :class=\"computedClasses\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.label\"\n    @click=\"onClick\"\n  >\n    <slot>\n      <span class=\"navbar-toggler-icon\" />\n    </slot>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BNavbarToggleProps} from '../../types/ComponentProps'\nimport {vBToggle} from '../../directives'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n  label: 'Toggle navigation',\n  disabled: false,\n  target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\n\ndefineSlots<{\n  // TODO this scoped slot is {expanded: boolean}\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  disabled: props.disabled,\n}))\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled) {\n    emit('click', e)\n  }\n}\n</script>\n"],"names":["_props","__props","props","useDefaults","computedRole","computed","tag","containerClass","value","container","resolvedValue","toValue","computedClasses","print","sticky","variant","fixed","toggleable","provide","navbarInjectionKey","toRef","autoClose","computedLink","computedLinkProps","useBLinkHelper","computedTag","BLink","alignment","useAlignment","align","fill","justified","small","emit","__emit","disabled","onClick","e"],"mappings":"0mBAgBA,MAAMA,EAASC,EAUTC,EAAQC,EAAAA,YAAYH,EAAQ,WAO5BI,EAAeC,EAASA,UAAA,IAAqB,QAAdH,EAAMI,SAAgB,EAAY,eAEjEC,GChC8BC,EDgCO,IAAMN,EAAMO,UC/BrDJ,EAAAA,UAAS,KACD,MAAAK,EAAgBC,UAAQH,GACvB,MAAA,CACLC,WAA6B,IAAlBC,EACX,CAAC,aAAaA,KAA2C,iBAAlBA,EAAkB,KAL5B,IAACF,EDkC9B,MAAAI,EAAkBP,EAAAA,UAAS,KAAO,CACtC,UAAWH,EAAMW,MACjB,CAAC,UAAUX,EAAMY,eAA4B,IAAjBZ,EAAMY,OAClC,CAAC,MAAMZ,EAAMa,WAA8B,OAAlBb,EAAMa,QAC/B,CAAC,SAASb,EAAMc,cAA0B,IAAhBd,EAAMc,MAChC,iBAAsC,IAArBd,EAAMe,WACvB,CAAC,iBAAiBf,EAAMe,cAA2C,iBAArBf,EAAMe,sBAGtDC,EAAAA,QAAQC,EAAAA,mBAAoB,CAC1Bb,IAAKc,EAAAA,OAAM,IAAMlB,EAAMI,MACvBe,UAAWD,EAAAA,OAAM,IAAMlB,EAAMmB,ymCE9B/B,MAAMrB,EAASC,EAyBTC,EAAQC,EAAAA,YAAYH,EAAQ,iBAE5BsB,aAACA,EAAcC,kBAAAA,GAAqBC,EAAAA,eAAetB,EAAO,CAC9D,SACA,cACA,SACA,WACA,OACA,MACA,UACA,sBACA,SACA,KACA,UACA,UACA,eACA,mBACA,kBACA,uBACA,mBACA,wBACA,SAGIuB,EAAcpB,EAASA,UAAA,IAAOiB,EAAad,MAAQkB,YAAQxB,EAAMI,oZCvDvE,MAAMN,EAASC,EAOTC,EAAQC,EAAAA,YAAYH,EAAQ,cAO5B2B,EAAYC,EAAAA,cAAa,IAAM1B,EAAM2B,QAErCjB,EAAkBP,EAAAA,UAAS,KAAO,CACtC,WAAYH,EAAM4B,KAClB,gBAAiB5B,EAAM6B,UACvB,CAACJ,EAAUnB,YAAwB,IAAhBN,EAAM2B,MACzBG,MAAS9B,EAAM8B,4WCVjB,MAAMhC,EAASC,EAKTC,EAAQC,EAAAA,YAAYH,EAAQ,iBAE5BiC,EAAOC,EAUPtB,EAAkBP,EAAAA,UAAS,KAAO,CACtC8B,SAAUjC,EAAMiC,aAGZC,EAAWC,IACVnC,EAAMiC,UACTF,EAAK,QAASI,EAChB"}

package/dist/BOffcanvas.vue_vue_type_script_setup_true_lang-BS8m5QFs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("./index-CnY1um_J.js"),o=require("./useSafeScrollLock-Ib_fUIsz.js"),l=require("./useDefaults-Cd8OVIUI.js"),t=require("./useId-z7cQCT28.js"),s=require("./classes-CXBJXuVd.js"),r=require("./BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js"),n=require("./BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js"),d=require("./dom-C-F8jHop.js"),u=["id","aria-labelledby"],c=["id"],i="offcanvas-fallback-focus",v=e.defineComponent({inheritAttrs:!1,__name:"BOffcanvas",props:e.mergeModels({hideBackdrop:{type:Boolean,default:!1},bodyAttrs:{default:void 0},bodyClass:{default:void 0},bodyScrolling:{type:Boolean,default:!1},footerClass:{default:void 0},headerClass:{default:void 0},headerCloseClass:{default:void 0},headerCloseLabel:{default:"Close"},headerCloseVariant:{default:"secondary"},id:{default:void 0},lazy:{type:Boolean,default:!1},noCloseOnBackdrop:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},noFocus:{type:Boolean,default:!1},noHeader:{type:Boolean,default:!1},noTrap:{type:Boolean,default:!1},noHeaderClose:{type:Boolean,default:!1},placement:{default:"start"},shadow:{type:[String,Boolean],default:!1},title:{default:void 0},responsive:{},width:{default:void 0},teleportDisabled:{type:Boolean,default:!1},teleportTo:{default:"body"}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:e.mergeModels(["close","esc","hidden","hide","hide-prevented","show","show-prevented","shown"],["update:modelValue"]),setup(v,{expose:f,emit:p}){const m=v,h=l.useDefaults(m,"BOffcanvas"),k=p,y=e.useSlots(),b=e.useModel(v,"modelValue"),B=t.useId((()=>h.id),"offcanvas"),C=a.useBreakpoints(a.breakpointsBootstrapV5),g=C.greaterOrEqual((()=>h.responsive??"xs")),w=C.smallerOrEqual((()=>h.responsive??"xs")),_=e.computed((()=>void 0!==h.responsive&&g.value));o.useSafeScrollLock(b,(()=>h.bodyScrolling||_.value));const E=e.ref(null),S=e.ref(null);a.onKeyStroke("Escape",(()=>{R("esc")}),{target:E});const{focused:V}=a.useFocus(E,{initialValue:b.value&&!1===h.noFocus}),P=e.ref(b.value),{needsFallback:T}=o.useActivatedFocusTrap({element:E,isActive:P,noTrap:()=>h.noTrap||_.value,fallbackFocus:{classSelector:i,ref:S}}),z=e.ref(!1),x=e.ref(!1),F=e.computed((()=>(void 0===h.responsive||!_.value)&&!1===h.hideBackdrop&&!0===b.value)),N=e.computed((()=>!1===h.lazy||!0===h.lazy&&!0===z.value||!0===h.lazy&&!0===b.value)),$=e.computed((()=>!d.isEmptySlot(y["header-close"]))),q=e.computed((()=>[{"text-reset":!$.value},h.headerCloseClass])),j=e.computed((()=>({variant:$.value?h.headerCloseVariant:void 0,class:q.value}))),O=e.computed((()=>!0===x.value?null:{enterToClass:"showing",enterFromClass:"",leaveToClass:"hiding show",leaveFromClass:"show"})),A=e.computed((()=>!d.isEmptySlot(y.footer))),L=e.computed((()=>[void 0===h.responsive?"offcanvas":`offcanvas-${h.responsive}`,`offcanvas-${h.placement}`,{show:b.value&&!0===P.value,[`shadow-${h.shadow}`]:!!h.shadow}])),D=e.computed((()=>({width:h.width}))),H=e.computed((()=>({visible:b.value,placement:h.placement,hide:R}))),M=(e,a={})=>new s.BvTriggerableEvent(e,{cancelable:!1,target:E.value||null,relatedTarget:null,trigger:null,...a,componentId:B.value}),R=(e="")=>{if("backdrop"===e&&h.noCloseOnBackdrop||"esc"===e&&h.noCloseOnEsc)return void k("hide-prevented");const a=M("hide",{cancelable:""!==e,trigger:e});"close"===e&&k(e,a),"esc"===e&&k(e,a),k("hide",a),a.defaultPrevented?k("hide-prevented"):b.value=!1},I=()=>{const e=M("show",{cancelable:!0});if(k("show",e),e.defaultPrevented)return b.value=!1,void k("show-prevented");b.value=!0},K=()=>I(),X=()=>{P.value=!0,e.nextTick((()=>{!1===h.noFocus&&(V.value=!0)})),k("shown",M("shown")),!0===h.lazy&&(z.value=!0)},G=()=>{x.value=!1,P.value=!1},J=()=>{k("hidden",M("hidden")),!0===h.lazy&&(z.value=!1)};return a.useEventListener(E,"bv-toggle",(()=>{b.value?R():I()})),e.watch(g,(e=>{void 0!==h.responsive&&(b.value=e)})),e.watch(w,(e=>{void 0===h.responsive&&!0===e||(x.value=!0)})),f({hide:R,show:I}),(a,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(h).teleportTo,disabled:e.unref(h).teleportDisabled||_.value},[e.createVNode(e.Transition,e.mergeProps(O.value,{onBeforeEnter:K,onAfterEnter:X,onLeave:G,onAfterLeave:J}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps({id:e.unref(B),ref_key:"element",ref:E,"aria-modal":"true",role:"dialog",class:L.value,style:D.value,tabindex:"-1","aria-labelledby":`${e.unref(B)}-offcanvas-label`,"data-bs-backdrop":"false"},a.$attrs),[N.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(h).noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["offcanvas-header",e.unref(h).headerClass])},[e.renderSlot(a.$slots,"header",e.normalizeProps(e.guardReactiveProps(H.value)),(()=>[e.createElementVNode("h5",{id:`${e.unref(B)}-offcanvas-label`,class:"offcanvas-title"},[e.renderSlot(a.$slots,"title",e.normalizeProps(e.guardReactiveProps(H.value)),(()=>[e.createTextVNode(e.toDisplayString(e.unref(h).title),1)]))],8,c),e.unref(h).noHeaderClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[$.value?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},j.value,{onClick:o[0]||(o[0]=e=>R("close"))}),{default:e.withCtx((()=>[e.renderSlot(a.$slots,"header-close")])),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1,"aria-label":e.unref(h).headerCloseLabel},j.value,{onClick:o[1]||(o[1]=e=>R("close"))}),null,16,["aria-label"]))],64))]))],2)),e.createElementVNode("div",e.mergeProps({class:["offcanvas-body",e.unref(h).bodyClass]},e.unref(h).bodyAttrs),[e.renderSlot(a.$slots,"default",e.normalizeProps(e.guardReactiveProps(H.value)))],16),A.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(h).footerClass)},[e.renderSlot(a.$slots,"footer",e.normalizeProps(e.guardReactiveProps(H.value)))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(T)?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"fallbackFocusElement",ref:S,class:e.normalizeClass(i),tabindex:"0",style:{width:"0",height:"0",overflow:"hidden"}},null,512)):e.createCommentVNode("",!0)],16,u),[[e.vShow,b.value||_.value]])])),_:3},16),F.value?e.renderSlot(a.$slots,"backdrop",{key:0},(()=>[e.createElementVNode("div",{class:"offcanvas-backdrop fade show",onClick:o[2]||(o[2]=e=>R("backdrop"))})])):e.createCommentVNode("",!0)],8,["to","disabled"]))}});exports._sfc_main=v;
+//# sourceMappingURL=BOffcanvas.vue_vue_type_script_setup_true_lang-BS8m5QFs.js.map

package/dist/BOffcanvas.vue_vue_type_script_setup_true_lang-BS8m5QFs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BOffcanvas.vue_vue_type_script_setup_true_lang-BS8m5QFs.js","sources":["../src/components/BOffcanvas/BOffcanvas.vue"],"sourcesContent":["<template>\n  <Teleport :to=\"props.teleportTo\" :disabled=\"props.teleportDisabled || isOpenByBreakpoint\">\n    <Transition\n      v-bind=\"transitionProps\"\n      @before-enter=\"OnBeforeEnter\"\n      @after-enter=\"OnAfterEnter\"\n      @leave=\"onLeave\"\n      @after-leave=\"OnAfterLeave\"\n    >\n      <div\n        v-show=\"modelValue || isOpenByBreakpoint\"\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=\"lazyShowing\">\n          <div v-if=\"!props.noHeader\" class=\"offcanvas-header\" :class=\"props.headerClass\">\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 v-if=\"hasHeaderCloseSlot\" v-bind=\"headerCloseAttrs\" @click=\"hide('close')\">\n                  <slot name=\"header-close\" />\n                </BButton>\n                <BCloseButton\n                  v-else\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=\"showBackdrop\" name=\"backdrop\">\n      <div class=\"offcanvas-backdrop fade show\" @click=\"hide('backdrop')\" />\n    </slot>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  breakpointsBootstrapV5,\n  onKeyStroke,\n  useBreakpoints,\n  useEventListener,\n  useFocus,\n} from '@vueuse/core'\nimport {useActivatedFocusTrap} from '../../composables/useActivatedFocusTrap'\nimport {computed, nextTick, ref, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BOffcanvasProps} from '../../types/ComponentProps'\nimport {BvTriggerableEvent} from '../../utils'\nimport BButton from '../BButton/BButton.vue'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport {useSafeScrollLock} from '../../composables/useSafeScrollLock'\nimport {isEmptySlot} from '../../utils/dom'\nimport type {Placement} from '../../types/Alignment'\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  hideBackdrop: false,\n  bodyAttrs: undefined,\n  bodyClass: undefined,\n  bodyScrolling: false,\n  footerClass: undefined,\n  headerClass: undefined,\n  headerCloseClass: undefined,\n  headerCloseLabel: 'Close',\n  headerCloseVariant: 'secondary',\n  id: undefined,\n  lazy: false,\n  noCloseOnBackdrop: false,\n  noCloseOnEsc: false,\n  noTrap: false,\n  noFocus: false,\n  noHeader: false,\n  noHeaderClose: false,\n  placement: 'start',\n  shadow: false,\n  teleportDisabled: false,\n  teleportTo: 'body',\n  title: undefined,\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BOffcanvas')\n\nconst emit = defineEmits<{\n  'close': [value: BvTriggerableEvent]\n  'esc': [value: BvTriggerableEvent]\n  'hidden': [value: BvTriggerableEvent]\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': [value: BvTriggerableEvent]\n}>()\n\ntype SharedSlotsData = {\n  visible: boolean\n  placement: Placement\n  hide: (trigger?: string) => void\n}\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'backdrop'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: SharedSlotsData) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'footer'?: (props: SharedSlotsData) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'header'?: (props: SharedSlotsData) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'header-close'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'title'?: (props: SharedSlotsData) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BOffcanvasProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'offcanvas')\n\nconst breakpoints = useBreakpoints(breakpointsBootstrapV5)\nconst greaterOrEqualToBreakpoint = breakpoints.greaterOrEqual(() => props.responsive ?? 'xs')\nconst smallerOrEqualToBreakpoint = breakpoints.smallerOrEqual(() => props.responsive ?? 'xs')\n\nconst isOpenByBreakpoint = computed(\n  () => props.responsive !== undefined && greaterOrEqualToBreakpoint.value\n)\nuseSafeScrollLock(modelValue, () => props.bodyScrolling || isOpenByBreakpoint.value)\n\nconst element = ref<HTMLElement | null>(null)\nconst fallbackFocusElement = ref<HTMLElement | null>(null)\n\nonKeyStroke(\n  'Escape',\n  () => {\n    hide('esc')\n  },\n  {target: element}\n)\n\nconst {focused} = useFocus(element, {\n  initialValue: modelValue.value && props.noFocus === false,\n})\n\nconst isActive = ref(modelValue.value)\n\nconst fallbackClassSelector = 'offcanvas-fallback-focus'\nconst {needsFallback} = useActivatedFocusTrap({\n  element,\n  isActive,\n  noTrap: () => props.noTrap || isOpenByBreakpoint.value,\n  fallbackFocus: {\n    classSelector: fallbackClassSelector,\n    ref: fallbackFocusElement,\n  },\n})\n\nconst lazyLoadCompleted = ref(false)\nconst wasClosedByBreakpointChange = ref(false)\n\nconst showBackdrop = computed(\n  () =>\n    (props.responsive === undefined || !isOpenByBreakpoint.value) &&\n    props.hideBackdrop === false &&\n    modelValue.value === true\n)\n\nconst lazyShowing = computed(\n  () =>\n    props.lazy === false ||\n    (props.lazy === true && lazyLoadCompleted.value === true) ||\n    (props.lazy === true && modelValue.value === true)\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}))\nconst transitionProps = computed(() =>\n  wasClosedByBreakpointChange.value === true\n    ? null\n    : {\n        enterToClass: 'showing',\n        enterFromClass: '',\n        leaveToClass: 'hiding show',\n        leaveFromClass: 'show',\n      }\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: modelValue.value && isActive.value === true,\n    [`shadow-${props.shadow}`]: !!props.shadow,\n  },\n])\n\nconst computedStyles = computed(() => ({\n  width: props.width,\n}))\n\nconst sharedSlots = computed<SharedSlotsData>(() => ({\n  visible: modelValue.value,\n  placement: props.placement,\n  hide,\n}))\n\nconst buildTriggerableEvent = (\n  type: string,\n  opts: Partial<BvTriggerableEvent> = {}\n): BvTriggerableEvent =>\n  new BvTriggerableEvent(type, {\n    cancelable: false,\n    target: element.value || null,\n    relatedTarget: null,\n    trigger: null,\n    ...opts,\n    componentId: computedId.value,\n  })\n\nconst hide = (trigger = '') => {\n  if (\n    (trigger === 'backdrop' && props.noCloseOnBackdrop) ||\n    (trigger === 'esc' && props.noCloseOnEsc)\n  ) {\n    emit('hide-prevented')\n    return\n  }\n\n  const event = buildTriggerableEvent('hide', {cancelable: trigger !== '', trigger})\n\n  if (trigger === 'close') {\n    emit(trigger, event)\n  }\n  if (trigger === 'esc') {\n    emit(trigger, event)\n  }\n  emit('hide', event)\n\n  if (event.defaultPrevented) {\n    emit('hide-prevented')\n    return\n  }\n\n  modelValue.value = false\n}\n\nconst show = () => {\n  const event = buildTriggerableEvent('show', {cancelable: true})\n  emit('show', event)\n  if (event.defaultPrevented) {\n    modelValue.value = false\n    emit('show-prevented')\n    return\n  }\n  modelValue.value = true\n}\n\nconst focus = () => {\n  nextTick(() => {\n    if (props.noFocus === false) {\n      focused.value = true\n    }\n  })\n}\n\nconst OnBeforeEnter = () => show()\nconst OnAfterEnter = () => {\n  isActive.value = true\n  focus()\n  emit('shown', buildTriggerableEvent('shown'))\n  if (props.lazy === true) lazyLoadCompleted.value = true\n}\nconst onLeave = () => {\n  wasClosedByBreakpointChange.value = false\n  isActive.value = false\n}\nconst OnAfterLeave = () => {\n  emit('hidden', buildTriggerableEvent('hidden'))\n  if (props.lazy === true) lazyLoadCompleted.value = false\n}\nuseEventListener(element, 'bv-toggle', () => {\n  modelValue.value ? hide() : show()\n})\n\nwatch(greaterOrEqualToBreakpoint, (newValue) => {\n  if (props.responsive === undefined) return\n  modelValue.value = newValue\n})\nwatch(smallerOrEqualToBreakpoint, (newValue) => {\n  if (props.responsive === undefined && newValue === true) return\n  wasClosedByBreakpointChange.value = true\n})\n\ndefineExpose({\n  hide,\n  show,\n})\n</script>\n"],"names":["fallbackClassSelector","_props","__props","props","useDefaults","emit","__emit","slots","_useSlots","modelValue","_useModel","computedId","useId","id","breakpoints","useBreakpoints","breakpointsBootstrapV5","greaterOrEqualToBreakpoint","greaterOrEqual","responsive","smallerOrEqualToBreakpoint","smallerOrEqual","isOpenByBreakpoint","computed","value","useSafeScrollLock","bodyScrolling","element","ref","fallbackFocusElement","index","onKeyStroke","hide","target","focused","useFocus","initialValue","noFocus","isActive","needsFallback","useActivatedFocusTrap","noTrap","fallbackFocus","classSelector","lazyLoadCompleted","wasClosedByBreakpointChange","showBackdrop","hideBackdrop","lazyShowing","lazy","hasHeaderCloseSlot","isEmptySlot","headerCloseClasses","headerCloseClass","headerCloseAttrs","variant","headerCloseVariant","class","transitionProps","enterToClass","enterFromClass","leaveToClass","leaveFromClass","hasFooterSlot","footer","computedClasses","placement","show","shadow","computedStyles","width","sharedSlots","visible","buildTriggerableEvent","type","opts","BvTriggerableEvent","cancelable","relatedTarget","trigger","componentId","noCloseOnBackdrop","noCloseOnEsc","event","defaultPrevented","OnBeforeEnter","OnAfterEnter","nextTick","onLeave","OnAfterLeave","newValue","__expose"],"mappings":"mbA4LMA,EAAwB,qkCA3F9B,MAAMC,EAASC,EAyBTC,EAAQC,EAAAA,YAAYH,EAAQ,cAE5BI,EAAOC,EAiBPC,EAAQC,EAAAA,WAeRC,EAAaC,EAAAA,yBAIbC,EAAaC,EAAAA,OAAM,IAAMT,EAAMU,IAAI,aAEnCC,EAAcC,iBAAeC,EAAAA,wBAC7BC,EAA6BH,EAAYI,gBAAe,IAAMf,EAAMgB,YAAc,OAClFC,EAA6BN,EAAYO,gBAAe,IAAMlB,EAAMgB,YAAc,OAElFG,EAAqBC,EAAAA,UACzB,SAA2B,IAArBpB,EAAMgB,YAA4BF,EAA2BO,QAErEC,EAAAA,kBAAkBhB,GAAY,IAAMN,EAAMuB,eAAiBJ,EAAmBE,QAExE,MAAAG,EAAUC,MAAwB,MAClCC,EAAuBD,MAAwB,MAErDE,EAAAC,YACE,UACA,KACEC,EAAK,MAAK,GAEZ,CAACC,OAAQN,IAGX,MAAMO,QAACA,GAAWC,EAAAA,SAASR,EAAS,CAClCS,aAAc3B,EAAWe,QAA2B,IAAlBrB,EAAMkC,UAGpCC,EAAWV,EAAAA,IAAInB,EAAWe,QAG1Be,cAACA,GAAiBC,wBAAsB,CAC5Cb,UACAW,WACAG,OAAQ,IAAMtC,EAAMsC,QAAUnB,EAAmBE,MACjDkB,cAAe,CACbC,cAAe3C,EACf4B,IAAKC,KAIHe,EAAoBhB,OAAI,GACxBiB,EAA8BjB,OAAI,GAElCkB,EAAevB,EAAAA,UACnB,UACwB,IAArBpB,EAAMgB,aAA6BG,EAAmBE,SAChC,IAAvBrB,EAAM4C,eACe,IAArBtC,EAAWe,QAGTwB,EAAczB,EAAAA,UAClB,KACiB,IAAfpB,EAAM8C,OACU,IAAf9C,EAAM8C,OAA6C,IAA5BL,EAAkBpB,QAC1B,IAAfrB,EAAM8C,OAAsC,IAArBxC,EAAWe,QAGjC0B,EAAqB3B,EAAAA,UAAS,KAAO4B,cAAY5C,EAAM,mBACvD6C,EAAqB7B,EAAAA,UAAS,IAAM,CACxC,CAAC,cAAe2B,EAAmB1B,OACnCrB,EAAMkD,oBAEFC,EAAmB/B,EAAAA,UAAS,KAAO,CACvCgC,QAASL,EAAmB1B,MAAQrB,EAAMqD,wBAAqB,EAC/DC,MAAOL,EAAmB5B,UAEtBkC,EAAkBnC,EAAAA,UAAS,KACO,IAAtCsB,EAA4BrB,MACxB,KACA,CACEmC,aAAc,UACdC,eAAgB,GAChBC,aAAc,cACdC,eAAgB,UAIlBC,EAAgBxC,EAAAA,UAAS,KAAO4B,EAAYA,YAAA5C,EAAMyD,UAClDC,EAAkB1C,EAAAA,UAAS,IAAM,MAChB,IAArBpB,EAAMgB,WAA2B,YAAc,aAAahB,EAAMgB,aAClE,aAAahB,EAAM+D,YACnB,CACEC,KAAM1D,EAAWe,QAA4B,IAAnBc,EAASd,MACnC,CAAC,UAAUrB,EAAMiE,YAAajE,EAAMiE,WAIlCC,EAAiB9C,EAAAA,UAAS,KAAO,CACrC+C,MAAOnE,EAAMmE,UAGTC,EAAchD,EAAAA,UAA0B,KAAO,CACnDiD,QAAS/D,EAAWe,MACpB0C,UAAW/D,EAAM+D,UACjBlC,WAGIyC,EAAwB,CAC5BC,EACAC,EAAoC,CAAA,IAEpC,IAAIC,qBAAmBF,EAAM,CAC3BG,YAAY,EACZ5C,OAAQN,EAAQH,OAAS,KACzBsD,cAAe,KACfC,QAAS,QACNJ,EACHK,YAAarE,EAAWa,QAGtBQ,EAAO,CAAC+C,EAAU,MACtB,GACe,aAAZA,GAA0B5E,EAAM8E,mBACpB,QAAZF,GAAqB5E,EAAM+E,aAG5B,YADA7E,EAAK,kBAID,MAAA8E,EAAQV,EAAsB,OAAQ,CAACI,WAAwB,KAAZE,EAAgBA,YAEzD,UAAZA,GACF1E,EAAK0E,EAASI,GAEA,QAAZJ,GACF1E,EAAK0E,EAASI,GAEhB9E,EAAK,OAAQ8E,GAETA,EAAMC,iBACR/E,EAAK,kBAIPI,EAAWe,OAAQ,CAAA,EAGf2C,EAAO,KACX,MAAMgB,EAAQV,EAAsB,OAAQ,CAACI,YAAY,IAEzD,GADAxE,EAAK,OAAQ8E,GACTA,EAAMC,iBAGR,OAFA3E,EAAWe,OAAQ,OACnBnB,EAAK,kBAGPI,EAAWe,OAAQ,CAAA,EAWf6D,EAAgB,IAAMlB,IACtBmB,EAAe,KACnBhD,EAASd,OAAQ,EATjB+D,EAAAA,UAAS,MACe,IAAlBpF,EAAMkC,UACRH,EAAQV,OAAQ,EAClB,IAQGnB,EAAA,QAASoE,EAAsB,WACjB,IAAftE,EAAM8C,OAAeL,EAAkBpB,OAAQ,EAAA,EAE/CgE,EAAU,KACd3C,EAA4BrB,OAAQ,EACpCc,EAASd,OAAQ,CAAA,EAEbiE,EAAe,KACdpF,EAAA,SAAUoE,EAAsB,YAClB,IAAftE,EAAM8C,OAAeL,EAAkBpB,OAAQ,EAAA,4BAEpCG,EAAS,aAAa,KAC1BlB,EAAAe,MAAQQ,IAASmC,GAAK,YAG7BlD,GAA6ByE,SACR,IAArBvF,EAAMgB,aACVV,EAAWe,MAAQkE,EAAA,YAEftE,GAA6BsE,SACR,IAArBvF,EAAMgB,aAAyC,IAAbuE,IACtC7C,EAA4BrB,OAAQ,EAAA,IAGzBmE,EAAA,CACX3D,OACAmC"}