bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BBadge-Dfkx4SMN.mjs

@@ -0,0 +1,139 @@
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-GuDw8a_O.mjs";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-DoYZ8dBl.mjs";
+import { t as ConditionalWrapper_default } from "./ConditionalWrapper-BR9CKZNU.mjs";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/BBadge/BBadge.vue
+var BBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "BBadge",
+	props: {
+		dotIndicator: {
+			type: Boolean,
+			default: false
+		},
+		pill: {
+			type: Boolean,
+			default: false
+		},
+		placement: { default: void 0 },
+		tag: { default: "span" },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: { type: Boolean },
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		variant: { default: "secondary" },
+		bgVariant: { default: null },
+		textVariant: { default: null }
+	},
+	setup(__props) {
+		const props = useDefaults(__props, "BBadge");
+		const { computedLink, computedLinkProps } = useBLinkHelper(props, [
+			"active",
+			"activeClass",
+			"disabled",
+			"exactActiveClass",
+			"href",
+			"icon",
+			"noRel",
+			"opacity",
+			"opacityHover",
+			"noPrefetch",
+			"prefetch",
+			"prefetchOn",
+			"prefetchedClass",
+			"rel",
+			"replace",
+			"routerComponentName",
+			"stretched",
+			"target",
+			"to",
+			"underlineOffset",
+			"underlineOffsetHover",
+			"underlineOpacity",
+			"underlineOpacityHover",
+			"underlineVariant"
+		]);
+		const computedTag = computed(() => computedLink.value ? BLink_default : props.tag);
+		const placementClasses = computed(() => {
+			const pos = props.placement ?? (props.dotIndicator ? "top-end" : void 0);
+			return [
+				"position-absolute",
+				"translate-middle",
+				{
+					"start-0 top-0": pos === "top-start",
+					"start-0 top-50": pos === "start",
+					"start-0 top-100": pos === "bottom-start",
+					"start-50 top-0": pos === "top",
+					"start-50 top-100": pos === "bottom",
+					"start-100 top-0": pos === "top-end",
+					"start-100 top-50": pos === "end",
+					"start-100 top-100": pos === "bottom-end"
+				}
+			];
+		});
+		const colorClasses = useColorVariantClasses(props);
+		const computedClasses = computed(() => [
+			colorClasses.value,
+			props.placement !== void 0 || props.dotIndicator === true ? placementClasses.value : void 0,
+			{
+				"active": props.active,
+				"disabled": props.disabled,
+				"rounded-pill": props.pill,
+				"p-2 border border-light rounded-circle": props.dotIndicator,
+				"text-decoration-none": computedLink.value
+			}
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ class: ["badge", computedClasses.value] }, unref(computedLinkProps)), {
+				default: withCtx(() => [createVNode(ConditionalWrapper_default, mergeProps({
+					skip: unref(props).dotIndicator !== true,
+					tag: "span"
+				}, unref(props).dotIndicator ? { class: "visually-hidden" } : {}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["skip"])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { BBadge_default as t };
+
+//# sourceMappingURL=BBadge-Dfkx4SMN.mjs.map

package/dist/BBadge-Dfkx4SMN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBadge-Dfkx4SMN.mjs","names":[],"sources":["../src/components/BBadge/BBadge.vue","../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BBadgeProps} from '../../types/ComponentProps'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator === true ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BBadgeProps} from '../../types/ComponentProps'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator === true ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ,YAlCC,SAkCmB,SAAQ;EAG1C,MAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;GAC9D;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,cAAc,eAAgB,aAAa,QAAQ,gBAAQ,MAAM,IAAI;EAE3E,MAAM,mBAAmB,eAAe;GAEtC,MAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY,KAAA;AACjE,UAAO;IACL;IACA;IACA;KACE,iBAAiB,QAAQ;KACzB,kBAAkB,QAAQ;KAC1B,mBAAmB,QAAQ;KAC3B,kBAAkB,QAAQ;KAC1B,oBAAoB,QAAQ;KAC5B,mBAAmB,QAAQ;KAC3B,oBAAoB,QAAQ;KAC5B,qBAAqB,QAAQ;;IAEjC;IACD;EAED,MAAM,eAAe,uBAAuB,MAAK;EACjD,MAAM,kBAAkB,eAAe;GACrC,aAAa;GACb,MAAM,cAAc,KAAA,KAAa,MAAM,iBAAiB,OAAO,iBAAiB,QAAQ,KAAA;GACxF;IACE,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,gBAAgB,MAAM;IACtB,0CAA0C,MAAM;IAChD,wBAAwB,aAAa;;GAExC,CAAA;;uBArHC,YAQY,wBARI,YAAA,MAAW,EAA3B,WAQY,EARiB,OAAK,CAAC,SAAgB,gBAAA,MAAe,EAAA,EAAU,MAAA,kBAAiB,CAAA,EAAA;2BAOtE,CANrB,YAMqB,4BANrB,WAMqB;KALlB,MAAM,MAAA,MAAK,CAAC,iBAAY;KACzB,KAAI;OACI,MAAA,MAAK,CAAC,eAAY,EAAA,OAAA,mBAAA,GAAA,EAAA,CAAA,EAAA;4BAElB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/BBreadcrumb-1Wxpf1iy.js

@@ -0,0 +1,166 @@
+require("./chunk-CoQrYLCe.js");
+const require_src_composables_useBreadcrumb_index = require("./src/composables/useBreadcrumb/index.umd.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_object = require("./object-CPeShLVx.js");
+const require_BLink = require("./BLink-DW7s8W_N.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumbItem.vue
+var BBreadcrumbItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BBreadcrumbItem",
+	props: {
+		ariaCurrent: { default: "location" },
+		text: { default: void 0 },
+		active: {
+			type: Boolean,
+			default: false
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: { type: Boolean },
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		variant: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = require_useDefaults.useDefaults(__props, "BBreadcrumbItem");
+		const emit = __emit;
+		const computedClasses = (0, vue.computed)(() => ({ active: props.active }));
+		const computedTag = (0, vue.computed)(() => props.active ? "span" : require_BLink.BLink_default);
+		const computedAriaCurrent = (0, vue.computed)(() => props.active ? props.ariaCurrent : void 0);
+		const computedLinkProps = (0, vue.computed)(() => computedTag.value !== "span" ? require_object.pick(props, [
+			"active",
+			"activeClass",
+			"disabled",
+			"exactActiveClass",
+			"href",
+			"icon",
+			"noRel",
+			"opacity",
+			"opacityHover",
+			"noPrefetch",
+			"prefetch",
+			"prefetchOn",
+			"prefetchedClass",
+			"rel",
+			"replace",
+			"routerComponentName",
+			"stretched",
+			"target",
+			"to",
+			"underlineOffset",
+			"underlineOffsetHover",
+			"underlineOpacity",
+			"underlineOpacityHover",
+			"underlineVariant",
+			"variant"
+		]) : {});
+		const clicked = (e) => {
+			if (props.disabled || props.active) {
+				e.preventDefault();
+				e.stopImmediatePropagation();
+				return;
+			}
+			if (!props.disabled) emit("click", e);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { class: (0, vue.normalizeClass)(["breadcrumb-item", computedClasses.value]) }, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(computedTag.value), (0, vue.mergeProps)({ "aria-current": computedAriaCurrent.value }, computedLinkProps.value, { onClick: clicked }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
+				_: 3
+			}, 16, ["aria-current"]))], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumb.vue
+var BBreadcrumb_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BBreadcrumb",
+	props: {
+		items: { default: void 0 },
+		id: { default: void 0 },
+		olAttrs: { default: void 0 },
+		olClass: { default: void 0 }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BBreadcrumb");
+		const breadcrumb = require_src_composables_useBreadcrumb_index.useBreadcrumb(() => props.id || null);
+		const breadcrumbItemObjects = (0, vue.computed)(() => {
+			const localItems = props.items || breadcrumb.items?.value || [];
+			let activeDefined = false;
+			return localItems.map((item, idx) => {
+				if (typeof item === "string") {
+					item = { text: item };
+					if (idx < localItems.length - 1) item.href = "#";
+				}
+				if (item.active) activeDefined = true;
+				if (!item.active && !activeDefined) item.active = idx + 1 === localItems.length;
+				return item;
+			});
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
+				id: (0, vue.unref)(props).id,
+				"aria-label": "breadcrumb"
+			}, [(0, vue.createElementVNode)("ol", (0, vue.mergeProps)({ class: ["breadcrumb", (0, vue.unref)(props).olClass] }, (0, vue.unref)(props).olAttrs), [
+				(0, vue.renderSlot)(_ctx.$slots, "prepend"),
+				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(breadcrumbItemObjects.value, (item, i) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)(BBreadcrumbItem_default, (0, vue.mergeProps)({ key: i }, { ref_for: true }, item), {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.text), 1)]),
+						_: 2
+					}, 1040);
+				}), 128)),
+				(0, vue.renderSlot)(_ctx.$slots, "default"),
+				(0, vue.renderSlot)(_ctx.$slots, "append")
+			], 16)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BBreadcrumbItem_default", {
+	enumerable: true,
+	get: function() {
+		return BBreadcrumbItem_default;
+	}
+});
+Object.defineProperty(exports, "BBreadcrumb_default", {
+	enumerable: true,
+	get: function() {
+		return BBreadcrumb_default;
+	}
+});
+
+//# sourceMappingURL=BBreadcrumb-1Wxpf1iy.js.map

package/dist/BBreadcrumb-1Wxpf1iy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBreadcrumb-1Wxpf1iy.js","names":[],"sources":["../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumb.vue","../src/components/BBreadcrumb/BBreadcrumb.vue"],"sourcesContent":["<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: 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, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: 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, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\nimport type {BBreadcrumbSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n  return items\n})\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\nimport type {BBreadcrumbSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n  return items\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ,oBAAA,YA5BC,SA4BmB,kBAAiB;EACnD,MAAM,OAAO;EAGb,MAAM,mBAAA,GAAA,IAAA,iBAAkC,EACtC,QAAQ,MAAM,QACf,EAAC;EAEF,MAAM,eAAA,GAAA,IAAA,gBAA8B,MAAM,SAAS,SAAS,cAAA,cAAM;EAElE,MAAM,uBAAA,GAAA,IAAA,gBAAsC,MAAM,SAAS,MAAM,cAAc,KAAA,EAAU;EAEzF,MAAM,qBAAA,GAAA,IAAA,gBACJ,YAAY,UAAU,SAClB,eAAA,KAAK,OAAO;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA,GACD,EAAC,CACP;EAEA,MAAM,WAAW,MAAkC;AACjD,OAAI,MAAM,YAAY,MAAM,QAAQ;AAClC,MAAE,gBAAe;AACjB,MAAE,0BAAyB;AAC3B;;AAEF,OAAI,CAAC,MAAM,SAAU,MAAK,SAAS,EAAC;;;4DAzF/B,MAAA,EAXD,QAAA,GAAA,IAAA,gBAAK,CAAC,mBAA0B,gBAAA,MAAe,CAAA,EAAA,EAAA,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,yBAE1C,YAAA,MAAW,GAAA,GAAA,IAAA,YAQN,EAPT,gBAAc,oBAAA,OAAmB,EAC1B,kBAAA,OAAiB,EACxB,SAAO,SAAO,CAAA,EAAA;oCAIR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,WAAA,EAAA,QAAA,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;EEmBrB,MAAM,QAAQ,oBAAA,YANC,SAMmB,cAAa;EAG/C,MAAM,aAAa,4CAAA,oBAAoB,MAAM,MAAM,KAAI;EAEvD,MAAM,yBAAA,GAAA,IAAA,gBAAyD;GAC7D,MAAM,aAAa,MAAM,SAAS,WAAW,OAAO,SAAS,EAAC;GAC9D,IAAI,gBAAgB;AAcpB,UAbc,WAAW,KAAK,MAAM,QAAQ;AAC1C,QAAI,OAAO,SAAS,UAAU;AAC5B,YAAO,EAAC,MAAM,MAAI;AAClB,SAAI,MAAM,WAAW,SAAS,EAAG,MAAK,OAAO;;AAE/C,QAAI,KAAK,OAAQ,iBAAgB;AAGjC,QAAI,CAAC,KAAK,UAAU,CAAC,cACnB,MAAK,SAAS,MAAM,MAAM,WAAW;AAEvC,WAAO;KACR;IAEF;;4DAxCO,OAAA;IATA,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IAAI,cAAW;mCAQxB,OAAA,GAAA,IAAA,YAAA,EAPD,OAAK,CAAC,eAAA,GAAA,IAAA,OAAqB,MAAK,CAAC,QAAO,EAAA,GAAA,GAAA,IAAA,OAAU,MAAK,CAAC,QAAO,EAAA;wBAC1C,KAAA,QAAA,UAAA;2DAGL,IAAA,UAAA,OAAA,GAAA,IAAA,YAFmB,sBAAA,QAAZ,MAAM,MAAC;uDAEd,0BAAA,GAAA,IAAA,YAAA,EAF2C,KAAK,GAAC,EAAA,EAAA,SAAA,MAAA,EAAU,KAAI,EAAA;sCAChE,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,iBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;;;wBAEN,KAAA,QAAA,UAAA;wBACc,KAAA,QAAA,SAAA"}

package/dist/BBreadcrumb-CR35-KcI.mjs

@@ -0,0 +1,154 @@
+import { useBreadcrumb } from "./src/composables/useBreadcrumb/index.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { a as pick } from "./object-B9ZW1_9f.mjs";
+import { t as BLink_default } from "./BLink-DoYZ8dBl.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumbItem.vue
+var BBreadcrumbItem_default = /* @__PURE__ */ defineComponent({
+	__name: "BBreadcrumbItem",
+	props: {
+		ariaCurrent: { default: "location" },
+		text: { default: void 0 },
+		active: {
+			type: Boolean,
+			default: false
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: { type: Boolean },
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		variant: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = useDefaults(__props, "BBreadcrumbItem");
+		const emit = __emit;
+		const computedClasses = computed(() => ({ active: props.active }));
+		const computedTag = computed(() => props.active ? "span" : BLink_default);
+		const computedAriaCurrent = computed(() => props.active ? props.ariaCurrent : void 0);
+		const computedLinkProps = computed(() => computedTag.value !== "span" ? pick(props, [
+			"active",
+			"activeClass",
+			"disabled",
+			"exactActiveClass",
+			"href",
+			"icon",
+			"noRel",
+			"opacity",
+			"opacityHover",
+			"noPrefetch",
+			"prefetch",
+			"prefetchOn",
+			"prefetchedClass",
+			"rel",
+			"replace",
+			"routerComponentName",
+			"stretched",
+			"target",
+			"to",
+			"underlineOffset",
+			"underlineOffsetHover",
+			"underlineOpacity",
+			"underlineOpacityHover",
+			"underlineVariant",
+			"variant"
+		]) : {});
+		const clicked = (e) => {
+			if (props.disabled || props.active) {
+				e.preventDefault();
+				e.stopImmediatePropagation();
+				return;
+			}
+			if (!props.disabled) emit("click", e);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(["breadcrumb-item", computedClasses.value]) }, [(openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ "aria-current": computedAriaCurrent.value }, computedLinkProps.value, { onClick: clicked }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(props).text), 1)])]),
+				_: 3
+			}, 16, ["aria-current"]))], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+//#endregion
+//#region src/components/BBreadcrumb/BBreadcrumb.vue
+var BBreadcrumb_default = /* @__PURE__ */ defineComponent({
+	__name: "BBreadcrumb",
+	props: {
+		items: { default: void 0 },
+		id: { default: void 0 },
+		olAttrs: { default: void 0 },
+		olClass: { default: void 0 }
+	},
+	setup(__props) {
+		const props = useDefaults(__props, "BBreadcrumb");
+		const breadcrumb = useBreadcrumb(() => props.id || null);
+		const breadcrumbItemObjects = computed(() => {
+			const localItems = props.items || breadcrumb.items?.value || [];
+			let activeDefined = false;
+			return localItems.map((item, idx) => {
+				if (typeof item === "string") {
+					item = { text: item };
+					if (idx < localItems.length - 1) item.href = "#";
+				}
+				if (item.active) activeDefined = true;
+				if (!item.active && !activeDefined) item.active = idx + 1 === localItems.length;
+				return item;
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				id: unref(props).id,
+				"aria-label": "breadcrumb"
+			}, [createElementVNode("ol", mergeProps({ class: ["breadcrumb", unref(props).olClass] }, unref(props).olAttrs), [
+				renderSlot(_ctx.$slots, "prepend"),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbItemObjects.value, (item, i) => {
+					return openBlock(), createBlock(BBreadcrumbItem_default, mergeProps({ key: i }, { ref_for: true }, item), {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.text), 1)]),
+						_: 2
+					}, 1040);
+				}), 128)),
+				renderSlot(_ctx.$slots, "default"),
+				renderSlot(_ctx.$slots, "append")
+			], 16)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { BBreadcrumbItem_default as n, BBreadcrumb_default as t };
+
+//# sourceMappingURL=BBreadcrumb-CR35-KcI.mjs.map

package/dist/BBreadcrumb-CR35-KcI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBreadcrumb-CR35-KcI.mjs","names":[],"sources":["../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumb.vue","../src/components/BBreadcrumb/BBreadcrumb.vue"],"sourcesContent":["<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: 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, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: 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, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\nimport type {BBreadcrumbSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n  return items\n})\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\nimport type {BBreadcrumbSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n  return items\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ,YA5BC,SA4BmB,kBAAiB;EACnD,MAAM,OAAO;EAGb,MAAM,kBAAkB,gBAAgB,EACtC,QAAQ,MAAM,QACf,EAAC;EAEF,MAAM,cAAc,eAAgB,MAAM,SAAS,SAAS,cAAM;EAElE,MAAM,sBAAsB,eAAgB,MAAM,SAAS,MAAM,cAAc,KAAA,EAAU;EAEzF,MAAM,oBAAoB,eACxB,YAAY,UAAU,SAClB,KAAK,OAAO;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA,GACD,EAAC,CACP;EAEA,MAAM,WAAW,MAAkC;AACjD,OAAI,MAAM,YAAY,MAAM,QAAQ;AAClC,MAAE,gBAAe;AACjB,MAAE,0BAAyB;AAC3B;;AAEF,OAAI,CAAC,MAAM,SAAU,MAAK,SAAS,EAAC;;;uBApGpC,mBAWK,MAAA,EAXD,OAAK,eAAA,CAAC,mBAA0B,gBAAA,MAAe,CAAA,EAAA,EAAA,EAAA,WAAA,EACjD,YASY,wBARL,YAAA,MAAW,EADlB,WASY,EAPT,gBAAc,oBAAA,OAAmB,EAC1B,kBAAA,OAAiB,EACxB,SAAO,SAAO,CAAA,EAAA;2BAIR,CAFP,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,MAAA,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;EEmBrB,MAAM,QAAQ,YANC,SAMmB,cAAa;EAG/C,MAAM,aAAa,oBAAoB,MAAM,MAAM,KAAI;EAEvD,MAAM,wBAAwB,eAAiC;GAC7D,MAAM,aAAa,MAAM,SAAS,WAAW,OAAO,SAAS,EAAC;GAC9D,IAAI,gBAAgB;AAcpB,UAbc,WAAW,KAAK,MAAM,QAAQ;AAC1C,QAAI,OAAO,SAAS,UAAU;AAC5B,YAAO,EAAC,MAAM,MAAI;AAClB,SAAI,MAAM,WAAW,SAAS,EAAG,MAAK,OAAO;;AAE/C,QAAI,KAAK,OAAQ,iBAAgB;AAGjC,QAAI,CAAC,KAAK,UAAU,CAAC,cACnB,MAAK,SAAS,MAAM,MAAM,WAAW;AAEvC,WAAO;KACR;IAEF;;uBAjDC,mBASM,OAAA;IATA,IAAI,MAAA,MAAK,CAAC;IAAI,cAAW;OAC7B,mBAOK,MAPL,WAOK,EAPD,OAAK,CAAC,cAAqB,MAAA,MAAK,CAAC,QAAO,EAAA,EAAU,MAAA,MAAK,CAAC,QAAO,EAAA;IACjE,WAAuB,KAAA,QAAA,UAAA;sBACvB,mBAEkB,UAAA,MAAA,WAFmB,sBAAA,QAAZ,MAAM,MAAC;yBAAhC,YAEkB,yBAFlB,WAEkB,EAF2C,KAAK,GAAC,EAAA,EAAA,SAAA,MAAA,EAAU,KAAI,EAAA;6BAChE,CAAA,gBAAA,gBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;;;IAEd,WAAQ,KAAA,QAAA,UAAA;IACR,WAAsB,KAAA,QAAA,SAAA"}