bootstrap-vue-next 0.45.9 → 0.45.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BNavbar-BLWaZJRP.js → BNavbar-BbOcUVPq.js} +5 -2
- package/dist/{BNavbar-BLWaZJRP.js.map → BNavbar-BbOcUVPq.js.map} +1 -1
- package/dist/{BNavbar-xYaikQVY.mjs → BNavbar-DRdsCZSv.mjs} +5 -2
- package/dist/{BNavbar-xYaikQVY.mjs.map → BNavbar-DRdsCZSv.mjs.map} +1 -1
- package/dist/bootstrap-vue-next.mjs +1 -1
- package/dist/bootstrap-vue-next.umd.js +1 -1
- package/dist/components/BNavbar/BNavbarNav.vue.d.mts +2 -2
- package/dist/components/BNavbar/BNavbarNav.vue.d.ts +2 -2
- package/dist/src/components/BNavbar/index.mjs +1 -1
- package/dist/src/components/BNavbar/index.umd.js +1 -1
- package/dist/src/components/index.mjs +1 -1
- package/dist/src/components/index.umd.js +1 -1
- package/package.json +1 -1
|
@@ -159,7 +159,10 @@ var BNavbarNav_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
159
159
|
"small": props.small
|
|
160
160
|
}));
|
|
161
161
|
return (_ctx, _cache) => {
|
|
162
|
-
return (0, vue.openBlock)(), (0, vue.
|
|
162
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: (0, vue.normalizeClass)(["navbar-nav", computedClasses.value]) }, {
|
|
163
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
164
|
+
_: 3
|
|
165
|
+
}, 8, ["class"]);
|
|
163
166
|
};
|
|
164
167
|
}
|
|
165
168
|
});
|
|
@@ -242,4 +245,4 @@ Object.defineProperty(exports, "BNavbar_default", {
|
|
|
242
245
|
}
|
|
243
246
|
});
|
|
244
247
|
|
|
245
|
-
//# sourceMappingURL=BNavbar-
|
|
248
|
+
//# sourceMappingURL=BNavbar-BbOcUVPq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BNavbar-BLWaZJRP.js","names":[],"sources":["../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\n})\n</script>\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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\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 {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 <ul class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 class=\"navbar-toggler\"\n type=\"button\"\n :class=\"computedClasses\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.label\"\n @click=\"onClick\"\n >\n <slot :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n","<template>\n <button\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 :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BNavbar-BbOcUVPq.js","names":[],"sources":["../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\n})\n</script>\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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n</script>\n","<template>\n <component :is=\"props.tag\" class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 <component :is=\"props.tag\" class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 class=\"navbar-toggler\"\n type=\"button\"\n :class=\"computedClasses\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.label\"\n @click=\"onClick\"\n >\n <slot :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n","<template>\n <button\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 :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n"],"mappings":"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"}
|
|
@@ -158,7 +158,10 @@ var BNavbarNav_default = /* @__PURE__ */ defineComponent({
|
|
|
158
158
|
"small": props.small
|
|
159
159
|
}));
|
|
160
160
|
return (_ctx, _cache) => {
|
|
161
|
-
return openBlock(),
|
|
161
|
+
return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), { class: normalizeClass(["navbar-nav", computedClasses.value]) }, {
|
|
162
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
163
|
+
_: 3
|
|
164
|
+
}, 8, ["class"]);
|
|
162
165
|
};
|
|
163
166
|
}
|
|
164
167
|
});
|
|
@@ -218,4 +221,4 @@ var BNavbarToggle_default = /* @__PURE__ */ defineComponent({
|
|
|
218
221
|
//#endregion
|
|
219
222
|
export { BNavbar_default as i, BNavbarNav_default as n, BNavbarBrand_default as r, BNavbarToggle_default as t };
|
|
220
223
|
|
|
221
|
-
//# sourceMappingURL=BNavbar-
|
|
224
|
+
//# sourceMappingURL=BNavbar-DRdsCZSv.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BNavbar-xYaikQVY.mjs","names":[],"sources":["../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\n})\n</script>\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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\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 {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 <ul class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 class=\"navbar-toggler\"\n type=\"button\"\n :class=\"computedClasses\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.label\"\n @click=\"onClick\"\n >\n <slot :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n","<template>\n <button\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 :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n"],"mappings":";;;;;;;;AAGA,IAAa,uBAAuB,UAClC,eAAe;CACb,MAAM,gBAAgB,QAAQ,MAAM;AACpC,QAAO;EACL,WAAW,kBAAkB;GAC5B,aAAa,kBAAkB,OAAO,kBAAkB;EAC1D;EACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECiBJ,MAAM,QAAQ,YAVC,SAUmB,UAAS;EAG3C,MAAM,eAAe,eAAgB,MAAM,QAAQ,QAAQ,KAAA,IAAY,aAAa;EAEpF,MAAM,iBAAiB,0BAA0B,MAAM,UAAS;EAEhE,MAAM,eAAe,uBACnB,gBAAgB,EACd,WAAW,MAAM,SAClB,EAAC,CACJ;EACA,MAAM,kBAAkB,eAAe,CACrC,aAAa,OACb;GACE,WAAW,MAAM;IAChB,UAAU,MAAM,WAAW,MAAM,WAAW,KAAA;IAC5C,SAAS,MAAM,UAAU,MAAM,UAAU,KAAA;GAC1C,iBAAiB,MAAM,eAAe;IACrC,iBAAiB,MAAM,eAAe,OAAO,MAAM,eAAe;GACpE,CACF,CAAA;AAED,UAAQ,oBAAoB;GAC1B,KAAK,YAAY,MAAM,IAAI;GAC3B,aAAa,YAAY,MAAM,YAAA;GAChC,CAAA;;uBApDC,YAKY,wBALI,MAAA,MAAK,CAAC,IAAG,EAAA;IAAE,OAAK,eAAA,CAAC,UAAiB,gBAAA,MAAe,CAAA;IAAG,MAAM,aAAA;;2BAGlE,CAFK,MAAA,MAAK,CAAC,cAAS,SAAA,WAAA,EAA1B,mBAEM,OAAA;;KAFiC,OAAK,eAAE,MAAA,eAAc,CAAA;QAC1D,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAEV,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEiCnB,MAAM,QAAQ,YAzBC,SAyBmB,eAAc;EAGhD,MAAM,EAAC,cAAc,sBAAqB,eAAe,MAAK;EAE9D,MAAM,cAAc,eAAgB,aAAa,QAAQ,gBAAQ,MAAM,IAAI;;uBA1CzE,YAEY,wBAFI,YAAA,MAAW,EAA3B,WAEY,EAFiB,OAAM,gBAAc,EAAS,MAAA,kBAAiB,CAAA,EAAA;2BACjE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EEiBZ,MAAM,QAAQ,YAPC,SAOmB,aAAY;EAG9C,MAAM,YAAY,mBAAmB,MAAM,MAAK;EAEhD,MAAM,kBAAkB,gBAAgB;GACtC,YAAY,MAAM;GAClB,iBAAiB,MAAM;IACtB,UAAU,QAAQ,MAAM,UAAU,KAAA;GACnC,SAAS,MAAM;GAChB,EAAC;;uBA5BA,mBAEK,MAAA,EAFD,OAAK,eAAA,CAAC,cAAqB,gBAAA,MAAe,CAAA,EAAA,EAAA,CAC5C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;EEyBZ,MAAM,QAAQ,YALC,SAKmB,gBAAe;EACjD,MAAM,OAAO;EAGb,MAAM,kBAAkB,gBAAgB,EACtC,UAAU,MAAM,UACjB,EAAC;EAEF,MAAM,eAAe,OAAO,qBAAqB,KAAI;EAErD,MAAM,mBAAmB,eAAe;AACtC,OAAI,CAAC,MAAM,UAAU,CAAC,aAAc,QAAO;AAC3C,OAAI,OAAO,MAAM,WAAW,SAC1B,QAAO,iBAAiB,aAAa,QAAQ,MAAM,OAAM;AAE3D,UAAO,MAAM,OAAO,MAAM,WAAW,iBAAiB,aAAa,QAAQ,OAAO,CAAA;IACnF;EACD,MAAM,qBAAqB;AACzB,OAAI,CAAC,MAAM,UAAU,CAAC,aAAc;AACpC,OAAI,OAAO,MAAM,WAAW,UAAU;AACpC,sBAAkB,aAAa,QAAQ,MAAM,OAAO,EAAE,QAAO;AAC7D;;AAEF,SAAM,OAAO,SAAS,WAAW;AAC/B,sBAAkB,aAAa,QAAQ,OAAO,EAAE,QAAO;KACxD;;EAGH,MAAM,WAAW,MAAkC;AACjD,OAAI,CAAC,MAAM,UAAU;AACnB,SAAK,SAAS,EAAC;AACf,kBAAa;;;;uBAzDf,mBAWS,UAAA;IAVP,OAAK,eAAA,CAAC,kBAEE,gBAAA,MAAe,CAAA;IADvB,MAAK;IAEJ,UAAU,MAAA,MAAK,CAAC;IAChB,cAAY,MAAA,MAAK,CAAC;IACX;OAER,WAEO,KAAA,QAAA,WAAA,EAFA,UAAU,iBAAA,OAAgB,QAE1B,CAAA,OAAA,OAAA,OAAA,KADL,mBAAoC,QAAA,EAA9B,OAAM,uBAAqB,EAAA,MAAA,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}
|
|
1
|
+
{"version":3,"file":"BNavbar-DRdsCZSv.mjs","names":[],"sources":["../src/composables/useContainerClasses.ts","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbar.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarBrand.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarNav.vue","../src/components/BNavbar/BNavbarToggle.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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\n})\n</script>\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 {useDefaults} from '../../composables/useDefaults'\nimport {useContainerClasses} from '../../composables/useContainerClasses'\nimport {navbarInjectionKey} from '../../utils/keys'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BNavbarProps, BNavbarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarProps>(), {\n container: 'fluid',\n fixed: undefined,\n noAutoClose: false,\n print: false,\n sticky: undefined,\n tag: 'nav',\n toggleable: false,\n variant: null,\n})\nconst props = useDefaults(_props, 'BNavbar')\ndefineSlots<BNavbarSlots>()\n\nconst computedRole = computed(() => (props.tag === 'nav' ? undefined : 'navigation'))\n\nconst containerClass = useContainerClasses(() => props.container)\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n bgVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n colorClasses.value,\n {\n 'd-print': props.print,\n [`sticky-${props.sticky}`]: props.sticky !== undefined,\n [`fixed-${props.fixed}`]: props.fixed !== undefined,\n 'navbar-expand': props.toggleable === false,\n [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',\n },\n])\n\nprovide(navbarInjectionKey, {\n tag: toRef(() => props.tag),\n noAutoClose: toRef(() => props.noAutoClose),\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\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 {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BNavbarBrandProps, BNavbarBrandSlots} from '../../types'\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')\ndefineSlots<BNavbarBrandSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n</script>\n","<template>\n <component :is=\"props.tag\" class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 <component :is=\"props.tag\" class=\"navbar-nav\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BNavbarNavProps, BNavbarNavSlots} from '../../types'\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')\ndefineSlots<BNavbarNavSlots>()\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 class=\"navbar-toggler\"\n type=\"button\"\n :class=\"computedClasses\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.label\"\n @click=\"onClick\"\n >\n <slot :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n","<template>\n <button\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 :expanded=\"collapseExpanded\">\n <span class=\"navbar-toggler-icon\" />\n </slot>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide, getShowHideValue} from '../../utils/registryAccess'\nimport type {BNavbarToggleEmits, BNavbarToggleProps, BNavbarToggleSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BNavbarToggleProps>(), {\n label: 'Toggle navigation',\n disabled: false,\n target: undefined,\n})\nconst props = useDefaults(_props, 'BNavbarToggle')\nconst emit = defineEmits<BNavbarToggleEmits>()\ndefineSlots<BNavbarToggleSlots>()\n\nconst computedClasses = computed(() => ({\n disabled: props.disabled,\n}))\n\nconst showHideData = inject(showHideRegistryKey, null)\n\nconst collapseExpanded = computed(() => {\n if (!props.target || !showHideData) return false\n if (typeof props.target === 'string') {\n return getShowHideValue(showHideData.values, props.target)\n }\n return props.target.some((target) => getShowHideValue(showHideData.values, target))\n})\nconst toggleExpand = () => {\n if (!props.target || !showHideData) return\n if (typeof props.target === 'string') {\n getActiveShowHide(showHideData.values, props.target)?.toggle()\n return\n }\n props.target.forEach((target) => {\n getActiveShowHide(showHideData.values, target)?.toggle()\n })\n}\n\nconst onClick = (e: Readonly<MouseEvent>): void => {\n if (!props.disabled) {\n emit('click', e)\n toggleExpand()\n }\n}\n</script>\n"],"mappings":"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"}
|
|
@@ -55,7 +55,7 @@ import { t as BInputGroupText_default } from "./BInputGroup-DiTSexkT.mjs";
|
|
|
55
55
|
import { n as BListGroup_default, t as BListGroupItem_default } from "./BListGroup-DwTLpNiD.mjs";
|
|
56
56
|
import { useScrollLock } from "./src/composables/useScrollLock/index.mjs";
|
|
57
57
|
import { a as BNav_default, i as BNavForm_default, n as BNavItemDropdown_default, r as BNavItem_default, t as BNavText_default } from "./BNav-DfYvjfRK.mjs";
|
|
58
|
-
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "./BNavbar-
|
|
58
|
+
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "./BNavbar-DRdsCZSv.mjs";
|
|
59
59
|
import { t as BOffcanvas_default } from "./BOffcanvas-CF-dWeez.mjs";
|
|
60
60
|
import { t as BOverlay_default } from "./BOverlay-Bh2PIN_q.mjs";
|
|
61
61
|
import { a as directiveNames, i as composablesWithExternalPath, n as componentsWithExternalPath, o as directivesWithExternalPath, r as composableNames, t as componentNames } from "./BootstrapVueOptions-Dt1TQdih.mjs";
|
|
@@ -56,7 +56,7 @@ const require_BInputGroup$1 = require("./BInputGroup-D4fW324B.js");
|
|
|
56
56
|
const require_BListGroup = require("./BListGroup-C8JOzHTz.js");
|
|
57
57
|
const require_src_composables_useScrollLock_index = require("./src/composables/useScrollLock/index.umd.js");
|
|
58
58
|
const require_BNav = require("./BNav-DCLambmM.js");
|
|
59
|
-
const require_BNavbar = require("./BNavbar-
|
|
59
|
+
const require_BNavbar = require("./BNavbar-BbOcUVPq.js");
|
|
60
60
|
const require_BOffcanvas = require("./BOffcanvas-C7HenFW0.js");
|
|
61
61
|
const require_BOverlay = require("./BOverlay-Bh4ldxgt.js");
|
|
62
62
|
const require_BootstrapVueOptions = require("./BootstrapVueOptions-DeViqxoD.js");
|
|
@@ -3,7 +3,7 @@ declare function __VLS_template(): {
|
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: Readonly<BNavbarNavSlots> & BNavbarNavSlots;
|
|
5
5
|
refs: {};
|
|
6
|
-
rootEl:
|
|
6
|
+
rootEl: any;
|
|
7
7
|
};
|
|
8
8
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
9
9
|
declare const __VLS_component: import('vue').DefineComponent<BNavbarNavProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BNavbarNavProps> & Readonly<{}>, {
|
|
@@ -12,7 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<BNavbarNavProps, {}
|
|
|
12
12
|
small: boolean;
|
|
13
13
|
align: import('../..').AlignmentJustifyContent;
|
|
14
14
|
justified: boolean;
|
|
15
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
17
|
export default _default;
|
|
18
18
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -3,7 +3,7 @@ declare function __VLS_template(): {
|
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: Readonly<BNavbarNavSlots> & BNavbarNavSlots;
|
|
5
5
|
refs: {};
|
|
6
|
-
rootEl:
|
|
6
|
+
rootEl: any;
|
|
7
7
|
};
|
|
8
8
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
9
9
|
declare const __VLS_component: import('vue').DefineComponent<BNavbarNavProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BNavbarNavProps> & Readonly<{}>, {
|
|
@@ -12,7 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<BNavbarNavProps, {}
|
|
|
12
12
|
small: boolean;
|
|
13
13
|
align: import('../..').AlignmentJustifyContent;
|
|
14
14
|
justified: boolean;
|
|
15
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
17
|
export default _default;
|
|
18
18
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "../../../BNavbar-
|
|
1
|
+
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "../../../BNavbar-DRdsCZSv.mjs";
|
|
2
2
|
export { BNavbar_default as BNavbar, BNavbarBrand_default as BNavbarBrand, BNavbarNav_default as BNavbarNav, BNavbarToggle_default as BNavbarToggle };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_BNavbar = require("../../../BNavbar-
|
|
2
|
+
const require_BNavbar = require("../../../BNavbar-BbOcUVPq.js");
|
|
3
3
|
exports.BNavbar = require_BNavbar.BNavbar_default;
|
|
4
4
|
exports.BNavbarBrand = require_BNavbar.BNavbarBrand_default;
|
|
5
5
|
exports.BNavbarNav = require_BNavbar.BNavbarNav_default;
|
|
@@ -53,7 +53,7 @@ import { t as BInputGroupText_default } from "../../BInputGroup-DiTSexkT.mjs";
|
|
|
53
53
|
import "./BLink/index.mjs";
|
|
54
54
|
import { n as BListGroup_default, t as BListGroupItem_default } from "../../BListGroup-DwTLpNiD.mjs";
|
|
55
55
|
import { a as BNav_default, i as BNavForm_default, n as BNavItemDropdown_default, r as BNavItem_default, t as BNavText_default } from "../../BNav-DfYvjfRK.mjs";
|
|
56
|
-
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "../../BNavbar-
|
|
56
|
+
import { i as BNavbar_default, n as BNavbarNav_default, r as BNavbarBrand_default, t as BNavbarToggle_default } from "../../BNavbar-DRdsCZSv.mjs";
|
|
57
57
|
import { t as BOffcanvas_default } from "../../BOffcanvas-CF-dWeez.mjs";
|
|
58
58
|
import { t as BOverlay_default } from "../../BOverlay-Bh2PIN_q.mjs";
|
|
59
59
|
import { t as BPagination_default } from "../../BPagination-D75q-ZNg.mjs";
|
|
@@ -54,7 +54,7 @@ const require_BInputGroup$1 = require("../../BInputGroup-D4fW324B.js");
|
|
|
54
54
|
require("./BLink/index.umd.js");
|
|
55
55
|
const require_BListGroup = require("../../BListGroup-C8JOzHTz.js");
|
|
56
56
|
const require_BNav = require("../../BNav-DCLambmM.js");
|
|
57
|
-
const require_BNavbar = require("../../BNavbar-
|
|
57
|
+
const require_BNavbar = require("../../BNavbar-BbOcUVPq.js");
|
|
58
58
|
const require_BOffcanvas = require("../../BOffcanvas-C7HenFW0.js");
|
|
59
59
|
const require_BOverlay = require("../../BOverlay-Bh4ldxgt.js");
|
|
60
60
|
const require_BPagination = require("../../BPagination-fbjFAtxu.js");
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "bootstrap-vue-next",
|
|
3
3
|
"displayName": "BootstrapVueNext",
|
|
4
4
|
"description": "Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development",
|
|
5
|
-
"version": "0.45.
|
|
5
|
+
"version": "0.45.10",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "./dist/bootstrap-vue-next.umd.js",
|
|
8
8
|
"module": "./dist/bootstrap-vue-next.mjs",
|