bootstrap-vue-next 0.45.8 → 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/{BTable-DOpSWDaC.js → BTable-BCWW00u_.js} +2 -5
- package/dist/{BTable-DOpSWDaC.js.map → BTable-BCWW00u_.js.map} +1 -1
- package/dist/{BTable-CzMtFdt5.mjs → BTable-DUHxxWv5.mjs} +2 -5
- package/dist/{BTable-CzMtFdt5.mjs.map → BTable-DUHxxWv5.mjs.map} +1 -1
- package/dist/bootstrap-vue-next.mjs +2 -2
- package/dist/bootstrap-vue-next.umd.js +2 -2
- 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/BTable/index.mjs +1 -1
- package/dist/src/components/BTable/index.umd.js +1 -1
- package/dist/src/components/index.mjs +2 -2
- package/dist/src/components/index.umd.js +2 -2
- 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":"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"}
|
|
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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"}
|
|
@@ -1691,10 +1691,7 @@ var BTable_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
1691
1691
|
};
|
|
1692
1692
|
const computedLiteProps = (0, vue.computed)(() => ({
|
|
1693
1693
|
...require_object.pick(props, [...bTableLiteProps, ...bTableSimpleProps]),
|
|
1694
|
-
tableAttrs: {
|
|
1695
|
-
ariaBusy: busyModel.value,
|
|
1696
|
-
"aria-multiselectable": props.selectable && props.selectMode !== "single" ? true : void 0
|
|
1697
|
-
},
|
|
1694
|
+
tableAttrs: { ariaBusy: busyModel.value },
|
|
1698
1695
|
items: computedDisplayItems.value,
|
|
1699
1696
|
fields: computedFields.value,
|
|
1700
1697
|
tableClass: tableClasses.value,
|
|
@@ -1903,4 +1900,4 @@ Object.defineProperty(exports, "BTr_default", {
|
|
|
1903
1900
|
}
|
|
1904
1901
|
});
|
|
1905
1902
|
|
|
1906
|
-
//# sourceMappingURL=BTable-
|
|
1903
|
+
//# sourceMappingURL=BTable-BCWW00u_.js.map
|