bootstrap-vue-next 0.45.0 → 0.45.2

package/dist/BFormGroup-ayltvQts.mjs

@@ -0,0 +1,499 @@
+import { d as formGroupKey } from "./keys-CQKrwmvN.mjs";
+import { s as isVisible, t as attemptFocus } from "./dom-AhkaSoh8.mjs";
+import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
+import { t as useId$1 } from "./useId-BKZFSYm8.mjs";
+import { a as upperFirst } from "./stringUtils-D4eEDlt1.mjs";
+import { t as useAriaInvalid } from "./useAriaInvalid-apOwgexm.mjs";
+import { t as useStateClass } from "./useStateClass-DxlL_m2E.mjs";
+import { t as BCol_default } from "./BCol-VPaTVLsM.mjs";
+import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "./BFormValidFeedback-DWkakzVO.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRef, unref, useSlots, useTemplateRef, withCtx } from "vue";
+//#region src/utils/props.ts
+/**
+* Use data last parameters to allow for currying
+*
+* @param suffix
+* @param value
+* @returns
+*/
+var suffixPropName = (suffix, value) => value + (suffix ? upperFirst(suffix) : "");
+//#endregion
+//#region src/components/BFormGroupContent.vue
+var BFormGroupContent_default = /* @__PURE__ */ defineComponent({
+	__name: "BFormGroupContent",
+	props: {
+		invalidFeedback: {},
+		validFeedback: {},
+		description: {},
+		feedbackAriaLive: {},
+		state: { type: [Boolean, null] },
+		tooltip: { type: Boolean },
+		invalidFeedbackId: {},
+		validFeedbackId: {},
+		descriptionId: {}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const hasInvalidFeedbackSlot = computed(() => !!slots["invalid-feedback"]);
+		const hasValidFeedbackSlot = computed(() => !!slots["valid-feedback"]);
+		const hasDescriptionSlot = computed(() => !!slots["description"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				hasInvalidFeedbackSlot.value || __props.invalidFeedback ? (openBlock(), createBlock(BFormInvalidFeedback_default, {
+					key: 0,
+					id: __props.invalidFeedbackId,
+					"aria-live": __props.feedbackAriaLive,
+					state: __props.state,
+					tooltip: __props.tooltip
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "invalid-feedback", {}, () => [createTextVNode(toDisplayString(__props.invalidFeedback), 1)])]),
+					_: 3
+				}, 8, [
+					"id",
+					"aria-live",
+					"state",
+					"tooltip"
+				])) : createCommentVNode("", true),
+				hasValidFeedbackSlot.value || __props.validFeedback ? (openBlock(), createBlock(BFormValidFeedback_default, {
+					key: 1,
+					id: __props.validFeedbackId,
+					"aria-live": __props.feedbackAriaLive,
+					state: __props.state,
+					tooltip: __props.tooltip
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "valid-feedback", {}, () => [createTextVNode(toDisplayString(__props.validFeedback), 1)])]),
+					_: 3
+				}, 8, [
+					"id",
+					"aria-live",
+					"state",
+					"tooltip"
+				])) : createCommentVNode("", true),
+				hasDescriptionSlot.value || __props.description ? (openBlock(), createBlock(BFormText_default, {
+					key: 2,
+					id: __props.descriptionId
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])]),
+					_: 3
+				}, 8, ["id"])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/BFormGroupLabel.vue
+var BFormGroupLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "BFormGroupLabel",
+	props: {
+		label: {},
+		labelTag: {},
+		labelId: {},
+		computedLabelFor: {},
+		isFieldset: { type: Boolean },
+		isHorizontal: { type: Boolean },
+		labelColProps: {},
+		labelAlignClasses: {},
+		labelClasses: {}
+	},
+	emits: ["legendClick"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return __props.isHorizontal ? (openBlock(), createBlock(BCol_default, mergeProps({ key: 0 }, __props.labelColProps, {
+				id: __props.labelId,
+				tag: __props.labelTag,
+				for: __props.computedLabelFor || null,
+				tabindex: __props.isFieldset ? "-1" : null,
+				class: [__props.labelAlignClasses, __props.labelClasses],
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.isFieldset ? (e) => emit("legendClick", e) : void 0)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]),
+				_: 3
+			}, 16, [
+				"id",
+				"tag",
+				"for",
+				"tabindex",
+				"class"
+			])) : (openBlock(), createBlock(resolveDynamicComponent(__props.labelTag), {
+				key: 1,
+				id: __props.labelId,
+				for: __props.computedLabelFor || null,
+				tabindex: __props.isFieldset ? "-1" : null,
+				class: normalizeClass(__props.labelClasses),
+				onClick: _cache[1] || (_cache[1] = ($event) => __props.isFieldset ? (e) => emit("legendClick", e) : void 0)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]),
+				_: 3
+			}, 8, [
+				"id",
+				"for",
+				"tabindex",
+				"class"
+			]));
+		};
+	}
+});
+//#endregion
+//#region src/components/BFormGroup/BFormGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	ref: "_content",
+	class: "form-floating"
+};
+//#endregion
+//#region src/components/BFormGroup/BFormGroup.vue
+var BFormGroup_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "BFormGroup",
+	props: {
+		contentCols: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelCols: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelAlign: { default: void 0 },
+		ariaInvalid: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		description: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		feedbackAriaLive: { default: "assertive" },
+		floating: {
+			type: Boolean,
+			default: false
+		},
+		id: { default: void 0 },
+		invalidFeedback: { default: void 0 },
+		label: { default: void 0 },
+		labelClass: { default: void 0 },
+		labelFor: { default: void 0 },
+		labelSize: { default: void 0 },
+		labelVisuallyHidden: {
+			type: Boolean,
+			default: false
+		},
+		state: {
+			type: [Boolean, null],
+			default: null
+		},
+		tooltip: {
+			type: Boolean,
+			default: false
+		},
+		validFeedback: { default: void 0 },
+		validated: {
+			type: Boolean,
+			default: false
+		},
+		contentColsSm: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		contentColsMd: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		contentColsLg: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		contentColsXl: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelColsSm: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelColsMd: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelColsLg: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelColsXl: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: void 0
+		},
+		labelAlignSm: { default: void 0 },
+		labelAlignMd: { default: void 0 },
+		labelAlignLg: { default: void 0 },
+		labelAlignXl: { default: void 0 }
+	},
+	setup(__props) {
+		const INPUTS = [
+			"input",
+			"select",
+			"textarea"
+		];
+		const props = useDefaults(__props, "BFormGroup");
+		const slots = useSlots();
+		const computedState = toRef(() => props.state);
+		const computedDisabled = toRef(() => props.disabled);
+		const childId = ref([]);
+		provide(formGroupKey, (id) => {
+			childId.value = [id];
+			return {
+				state: computedState,
+				disabled: computedDisabled
+			};
+		});
+		const computedLabelFor = computed(() => {
+			if (props.labelFor !== void 0) return props.labelFor;
+			if (childId.value[0] && childId.value[0].value) return childId.value[0].value;
+			return null;
+		});
+		const breakPoints = [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		];
+		const getColProps = (props, prefix) => breakPoints.reduce((result, breakpoint) => {
+			let propValue = props[suffixPropName(breakpoint === "xs" ? "" : breakpoint, `${prefix}Cols`)];
+			propValue = propValue === "" ? true : propValue || false;
+			if (!(typeof propValue === "boolean") && propValue !== "auto") {
+				const val = Number.parseInt(propValue);
+				propValue = Number.isNaN(val) ? 0 : val;
+				propValue = propValue > 0 ? propValue : false;
+			}
+			if (propValue) if (breakpoint === "xs") result[typeof propValue === "boolean" ? "col" : "cols"] = propValue;
+			else result[breakpoint || (typeof propValue === "boolean" ? "col" : "cols")] = propValue;
+			return result;
+		}, {});
+		const content = useTemplateRef("_content");
+		const contentColProps = computed(() => getColProps(props, "content"));
+		const labelAlignClasses = computed(() => ((props, prefix) => breakPoints.reduce((result, breakpoint) => {
+			const propValue = props[suffixPropName(breakpoint === "xs" ? "" : breakpoint, `${prefix}Align`)] || null;
+			if (propValue) if (breakpoint === "xs") result.push(`text-${propValue}`);
+			else result.push(`text-${breakpoint}-${propValue}`);
+			return result;
+		}, []))(props, "label"));
+		const labelColProps = computed(() => getColProps(props, "label"));
+		const isHorizontal = computed(() => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0);
+		const stateClass = useStateClass(computedState);
+		const computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState);
+		const onLegendClick = (event) => {
+			if (computedLabelFor.value || content.value === null) return;
+			const { target } = event;
+			const tagName = target ? target.tagName : "";
+			if ([
+				...INPUTS,
+				"a",
+				"button",
+				"label"
+			].indexOf(tagName) !== -1) return;
+			const contentElement = isHorizontal.value && content.value && "$el" in content.value ? content.value.$el : content.value;
+			if (!contentElement) return;
+			const inputs = [...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join())].filter(isVisible);
+			const [inp] = inputs;
+			if (inputs.length === 1 && inp instanceof HTMLElement) attemptFocus(inp);
+		};
+		const computedId = useId$1(() => props.id);
+		const labelId = useId$1(void 0, "_BV_label_");
+		const labelTag = computed(() => !computedLabelFor.value ? "legend" : "label");
+		const labelClasses = computed(() => [
+			isHorizontal.value ? "col-form-label" : "form-label",
+			{
+				"bv-no-focus-ring": !computedLabelFor.value,
+				"col-form-label": isHorizontal.value || !computedLabelFor.value,
+				"pt-0": !isHorizontal.value && !computedLabelFor.value,
+				"d-block": !isHorizontal.value && computedLabelFor.value,
+				[`col-form-label-${props.labelSize}`]: !!props.labelSize,
+				"visually-hidden": props.labelVisuallyHidden
+			},
+			isHorizontal.value ? null : labelAlignClasses.value,
+			props.labelClass
+		]);
+		const invalidFeedbackId = useId$1(void 0, "_BV_feedback_invalid_");
+		const validFeedbackId = useId$1(void 0, "_BV_feedback_valid_");
+		const descriptionId = useId$1(void 0, "_BV_description_");
+		const isFieldset = computed(() => !computedLabelFor.value);
+		const labelShowing = computed(() => !!slots.label || !!props.label || isHorizontal.value);
+		const labelComponentProps = computed(() => ({
+			label: props.label,
+			labelTag: labelTag.value,
+			labelId: labelId.value,
+			computedLabelFor: computedLabelFor.value,
+			isFieldset: isFieldset.value,
+			isHorizontal: isHorizontal.value,
+			labelColProps: labelColProps.value,
+			labelAlignClasses: labelAlignClasses.value,
+			labelClasses: labelClasses.value
+		}));
+		const contentComponentProps = computed(() => ({
+			invalidFeedback: props.invalidFeedback,
+			validFeedback: props.validFeedback,
+			description: props.description,
+			feedbackAriaLive: props.feedbackAriaLive,
+			state: computedState.value,
+			tooltip: props.tooltip,
+			invalidFeedbackId: invalidFeedbackId.value,
+			validFeedbackId: validFeedbackId.value,
+			descriptionId: descriptionId.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(isFieldset.value ? "fieldset" : "div"), mergeProps({
+				id: unref(computedId),
+				disabled: isFieldset.value ? unref(props).disabled : null,
+				role: isFieldset.value ? null : "group",
+				"aria-invalid": unref(computedAriaInvalid),
+				"aria-labelledby": isFieldset.value && isHorizontal.value ? unref(labelId) : null
+			}, _ctx.$attrs, { class: [[unref(stateClass), { "was-validated": unref(props).validated }], "b-form-group"] }), {
+				default: withCtx(() => [isHorizontal.value ? (openBlock(), createBlock(BFormRow_default, { key: 0 }, {
+					default: withCtx(() => [labelShowing.value ? (openBlock(), createBlock(BFormGroupLabel_default, mergeProps({ key: 0 }, labelComponentProps.value, { onLegendClick }), createSlots({ _: 2 }, [slots.label ? {
+						name: "label",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+						key: "0"
+					} : void 0]), 1040)) : createCommentVNode("", true), createVNode(BCol_default, mergeProps(contentColProps.value, { ref: "_content" }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+							id: unref(computedId),
+							ariaDescribedby: null,
+							descriptionId: unref(descriptionId),
+							labelId: unref(labelId)
+						}), createVNode(BFormGroupContent_default, normalizeProps(guardReactiveProps(contentComponentProps.value)), createSlots({ _: 2 }, [
+							slots["invalid-feedback"] ? {
+								name: "invalid-feedback",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "invalid-feedback")]),
+								key: "0"
+							} : void 0,
+							slots["valid-feedback"] ? {
+								name: "valid-feedback",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "valid-feedback")]),
+								key: "1"
+							} : void 0,
+							slots.description ? {
+								name: "description",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+								key: "2"
+							} : void 0
+						]), 1040)]),
+						_: 3
+					}, 16)]),
+					_: 3
+				})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(props).floating && !isHorizontal.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+					renderSlot(_ctx.$slots, "default", {
+						id: unref(computedId),
+						ariaDescribedby: null,
+						descriptionId: unref(descriptionId),
+						labelId: unref(labelId)
+					}),
+					labelShowing.value ? (openBlock(), createBlock(BFormGroupLabel_default, mergeProps({ key: 0 }, labelComponentProps.value, { onLegendClick }), createSlots({ _: 2 }, [slots.label ? {
+						name: "label",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+						key: "0"
+					} : void 0]), 1040)) : createCommentVNode("", true),
+					createVNode(BFormGroupContent_default, normalizeProps(guardReactiveProps(contentComponentProps.value)), createSlots({ _: 2 }, [
+						slots["invalid-feedback"] ? {
+							name: "invalid-feedback",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "invalid-feedback")]),
+							key: "0"
+						} : void 0,
+						slots["valid-feedback"] ? {
+							name: "valid-feedback",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "valid-feedback")]),
+							key: "1"
+						} : void 0,
+						slots.description ? {
+							name: "description",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+							key: "2"
+						} : void 0
+					]), 1040)
+				], 512)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					labelShowing.value ? (openBlock(), createBlock(BFormGroupLabel_default, mergeProps({ key: 0 }, labelComponentProps.value, { onLegendClick }), createSlots({ _: 2 }, [slots.label ? {
+						name: "label",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+						key: "0"
+					} : void 0]), 1040)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default", {
+						id: unref(computedId),
+						ariaDescribedby: null,
+						descriptionId: unref(descriptionId),
+						labelId: unref(labelId)
+					}),
+					createVNode(BFormGroupContent_default, normalizeProps(guardReactiveProps(contentComponentProps.value)), createSlots({ _: 2 }, [
+						slots["invalid-feedback"] ? {
+							name: "invalid-feedback",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "invalid-feedback")]),
+							key: "0"
+						} : void 0,
+						slots["valid-feedback"] ? {
+							name: "valid-feedback",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "valid-feedback")]),
+							key: "1"
+						} : void 0,
+						slots.description ? {
+							name: "description",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+							key: "2"
+						} : void 0
+					]), 1040)
+				], 64))], 64))]),
+				_: 3
+			}, 16, [
+				"id",
+				"disabled",
+				"role",
+				"aria-invalid",
+				"aria-labelledby",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { BFormGroup_default as t };
+
+//# sourceMappingURL=BFormGroup-ayltvQts.mjs.map

package/dist/BFormGroup-ayltvQts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormGroup-ayltvQts.mjs","names":["$attrs"],"sources":["../src/utils/props.ts","../src/components/BFormGroupContent.vue","../src/components/BFormGroupContent.vue","../src/components/BFormGroupLabel.vue","../src/components/BFormGroupLabel.vue","../src/components/BFormGroup/BFormGroup.vue","../src/components/BFormGroup/BFormGroup.vue"],"sourcesContent":["// Suffix can be a falsey value so nothing is appended to string\n// (helps when looping over props & some shouldn't change)\n\nimport {upperFirst} from './stringUtils'\n\n/**\n * Use data last parameters to allow for currying\n *\n * @param suffix\n * @param value\n * @returns\n */\nexport const suffixPropName = (suffix: string, value: string): string =>\n  value + (suffix ? upperFirst(suffix) : '')\n","<template>\n  <BFormInvalidFeedback\n    v-if=\"hasInvalidFeedbackSlot || invalidFeedback\"\n    :id=\"invalidFeedbackId\"\n    :aria-live=\"feedbackAriaLive\"\n    :state=\"state\"\n    :tooltip=\"tooltip\"\n  >\n    <slot name=\"invalid-feedback\">{{ invalidFeedback }}</slot>\n  </BFormInvalidFeedback>\n  <BFormValidFeedback\n    v-if=\"hasValidFeedbackSlot || validFeedback\"\n    :id=\"validFeedbackId\"\n    :aria-live=\"feedbackAriaLive\"\n    :state=\"state\"\n    :tooltip=\"tooltip\"\n  >\n    <slot name=\"valid-feedback\">{{ validFeedback }}</slot>\n  </BFormValidFeedback>\n  <BFormText v-if=\"hasDescriptionSlot || description\" :id=\"descriptionId\">\n    <slot name=\"description\">{{ description }}</slot>\n  </BFormText>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, useSlots} from 'vue'\nimport type {ValidationState} from '../types'\nimport BFormInvalidFeedback from './BForm/BFormInvalidFeedback.vue'\nimport BFormValidFeedback from './BForm/BFormValidFeedback.vue'\nimport BFormText from './BForm/BFormText.vue'\n\ndefineProps<{\n  invalidFeedback: string | undefined\n  validFeedback: string | undefined\n  description: string | undefined\n  feedbackAriaLive: string | undefined\n  state: ValidationState | undefined\n  tooltip: boolean | undefined\n  invalidFeedbackId: string | undefined\n  validFeedbackId: string | undefined\n  descriptionId: string | undefined\n}>()\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ndefineSlots<{\n  'invalid-feedback'?: (props: Record<string, never>) => any\n  'valid-feedback'?: (props: Record<string, never>) => any\n  'description'?: (props: Record<string, never>) => any\n}>()\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nconst slots = useSlots()\nconst hasInvalidFeedbackSlot = computed(() => !!slots['invalid-feedback'])\nconst hasValidFeedbackSlot = computed(() => !!slots['valid-feedback'])\nconst hasDescriptionSlot = computed(() => !!slots['description'])\n</script>\n","<template>\n  <BFormInvalidFeedback\n    v-if=\"hasInvalidFeedbackSlot || invalidFeedback\"\n    :id=\"invalidFeedbackId\"\n    :aria-live=\"feedbackAriaLive\"\n    :state=\"state\"\n    :tooltip=\"tooltip\"\n  >\n    <slot name=\"invalid-feedback\">{{ invalidFeedback }}</slot>\n  </BFormInvalidFeedback>\n  <BFormValidFeedback\n    v-if=\"hasValidFeedbackSlot || validFeedback\"\n    :id=\"validFeedbackId\"\n    :aria-live=\"feedbackAriaLive\"\n    :state=\"state\"\n    :tooltip=\"tooltip\"\n  >\n    <slot name=\"valid-feedback\">{{ validFeedback }}</slot>\n  </BFormValidFeedback>\n  <BFormText v-if=\"hasDescriptionSlot || description\" :id=\"descriptionId\">\n    <slot name=\"description\">{{ description }}</slot>\n  </BFormText>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, useSlots} from 'vue'\nimport type {ValidationState} from '../types'\nimport BFormInvalidFeedback from './BForm/BFormInvalidFeedback.vue'\nimport BFormValidFeedback from './BForm/BFormValidFeedback.vue'\nimport BFormText from './BForm/BFormText.vue'\n\ndefineProps<{\n  invalidFeedback: string | undefined\n  validFeedback: string | undefined\n  description: string | undefined\n  feedbackAriaLive: string | undefined\n  state: ValidationState | undefined\n  tooltip: boolean | undefined\n  invalidFeedbackId: string | undefined\n  validFeedbackId: string | undefined\n  descriptionId: string | undefined\n}>()\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ndefineSlots<{\n  'invalid-feedback'?: (props: Record<string, never>) => any\n  'valid-feedback'?: (props: Record<string, never>) => any\n  'description'?: (props: Record<string, never>) => any\n}>()\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nconst slots = useSlots()\nconst hasInvalidFeedbackSlot = computed(() => !!slots['invalid-feedback'])\nconst hasValidFeedbackSlot = computed(() => !!slots['valid-feedback'])\nconst hasDescriptionSlot = computed(() => !!slots['description'])\n</script>\n","<template>\n  <BCol\n    v-if=\"isHorizontal\"\n    v-bind=\"labelColProps\"\n    :id=\"labelId\"\n    :tag=\"labelTag\"\n    :for=\"computedLabelFor || null\"\n    :tabindex=\"isFieldset ? '-1' : null\"\n    :class=\"[labelAlignClasses, labelClasses]\"\n    @click=\"isFieldset ? (e: MouseEvent) => emit('legendClick', e) : undefined\"\n  >\n    <slot name=\"label\">{{ label }}</slot>\n  </BCol>\n  <component\n    :is=\"labelTag\"\n    v-else\n    :id=\"labelId\"\n    :for=\"computedLabelFor || null\"\n    :tabindex=\"isFieldset ? '-1' : null\"\n    :class=\"labelClasses\"\n    @click=\"isFieldset ? (e: MouseEvent) => emit('legendClick', e) : undefined\"\n  >\n    <slot name=\"label\">{{ label }}</slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {ClassValue} from '../types/AnyValuedAttributes'\nimport BCol from './BContainer/BCol.vue'\n\ndefineProps<{\n  label: string | undefined\n  labelTag: string\n  labelId: string | undefined\n  computedLabelFor: string | null\n  isFieldset: boolean\n  isHorizontal: boolean\n  labelColProps: Record<string, unknown>\n  labelAlignClasses: string[]\n  labelClasses: ClassValue\n}>()\n\nconst emit = defineEmits<{\n  legendClick: [event: MouseEvent]\n}>()\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ndefineSlots<{\n  label?: (props: Record<string, never>) => any\n}>()\n/* eslint-enable @typescript-eslint/no-explicit-any */\n</script>\n","<template>\n  <BCol\n    v-if=\"isHorizontal\"\n    v-bind=\"labelColProps\"\n    :id=\"labelId\"\n    :tag=\"labelTag\"\n    :for=\"computedLabelFor || null\"\n    :tabindex=\"isFieldset ? '-1' : null\"\n    :class=\"[labelAlignClasses, labelClasses]\"\n    @click=\"isFieldset ? (e: MouseEvent) => emit('legendClick', e) : undefined\"\n  >\n    <slot name=\"label\">{{ label }}</slot>\n  </BCol>\n  <component\n    :is=\"labelTag\"\n    v-else\n    :id=\"labelId\"\n    :for=\"computedLabelFor || null\"\n    :tabindex=\"isFieldset ? '-1' : null\"\n    :class=\"labelClasses\"\n    @click=\"isFieldset ? (e: MouseEvent) => emit('legendClick', e) : undefined\"\n  >\n    <slot name=\"label\">{{ label }}</slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {ClassValue} from '../types/AnyValuedAttributes'\nimport BCol from './BContainer/BCol.vue'\n\ndefineProps<{\n  label: string | undefined\n  labelTag: string\n  labelId: string | undefined\n  computedLabelFor: string | null\n  isFieldset: boolean\n  isHorizontal: boolean\n  labelColProps: Record<string, unknown>\n  labelAlignClasses: string[]\n  labelClasses: ClassValue\n}>()\n\nconst emit = defineEmits<{\n  legendClick: [event: MouseEvent]\n}>()\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ndefineSlots<{\n  label?: (props: Record<string, never>) => any\n}>()\n/* eslint-enable @typescript-eslint/no-explicit-any */\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <BFormGroupLabel\n        v-if=\"labelShowing\"\n        v-bind=\"labelComponentProps\"\n        @legend-click=\"onLegendClick\"\n      >\n        <template v-if=\"slots.label\" #label>\n          <slot name=\"label\" />\n        </template>\n      </BFormGroupLabel>\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupLabel\n          v-if=\"labelShowing\"\n          v-bind=\"labelComponentProps\"\n          @legend-click=\"onLegendClick\"\n        >\n          <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n          </template>\n        </BFormGroupLabel>\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </div>\n      <template v-else>\n        <BFormGroupLabel\n          v-if=\"labelShowing\"\n          v-bind=\"labelComponentProps\"\n          @legend-click=\"onLegendClick\"\n        >\n          <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n          </template>\n        </BFormGroupLabel>\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\nimport BFormGroupContent from '../BFormGroupContent.vue'\nimport BFormGroupLabel from '../BFormGroupLabel.vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n\nconst labelShowing = computed(() => !!slots.label || !!props.label || isHorizontal.value)\n\nconst labelComponentProps = computed(() => ({\n  label: props.label,\n  labelTag: labelTag.value,\n  labelId: labelId.value,\n  computedLabelFor: computedLabelFor.value,\n  isFieldset: isFieldset.value,\n  isHorizontal: isHorizontal.value,\n  labelColProps: labelColProps.value,\n  labelAlignClasses: labelAlignClasses.value,\n  labelClasses: labelClasses.value,\n}))\n\nconst contentComponentProps = computed(() => ({\n  invalidFeedback: props.invalidFeedback,\n  validFeedback: props.validFeedback,\n  description: props.description,\n  feedbackAriaLive: props.feedbackAriaLive,\n  state: computedState.value,\n  tooltip: props.tooltip,\n  invalidFeedbackId: invalidFeedbackId.value,\n  validFeedbackId: validFeedbackId.value,\n  descriptionId: descriptionId.value,\n}))\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <BFormGroupLabel\n        v-if=\"labelShowing\"\n        v-bind=\"labelComponentProps\"\n        @legend-click=\"onLegendClick\"\n      >\n        <template v-if=\"slots.label\" #label>\n          <slot name=\"label\" />\n        </template>\n      </BFormGroupLabel>\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupLabel\n          v-if=\"labelShowing\"\n          v-bind=\"labelComponentProps\"\n          @legend-click=\"onLegendClick\"\n        >\n          <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n          </template>\n        </BFormGroupLabel>\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </div>\n      <template v-else>\n        <BFormGroupLabel\n          v-if=\"labelShowing\"\n          v-bind=\"labelComponentProps\"\n          @legend-click=\"onLegendClick\"\n        >\n          <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n          </template>\n        </BFormGroupLabel>\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <BFormGroupContent v-bind=\"contentComponentProps\">\n          <template v-if=\"slots['invalid-feedback']\" #invalid-feedback>\n            <slot name=\"invalid-feedback\" />\n          </template>\n          <template v-if=\"slots['valid-feedback']\" #valid-feedback>\n            <slot name=\"valid-feedback\" />\n          </template>\n          <template v-if=\"slots.description\" #description>\n            <slot name=\"description\" />\n          </template>\n        </BFormGroupContent>\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\nimport BFormGroupContent from '../BFormGroupContent.vue'\nimport BFormGroupLabel from '../BFormGroupLabel.vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n\nconst labelShowing = computed(() => !!slots.label || !!props.label || isHorizontal.value)\n\nconst labelComponentProps = computed(() => ({\n  label: props.label,\n  labelTag: labelTag.value,\n  labelId: labelId.value,\n  computedLabelFor: computedLabelFor.value,\n  isFieldset: isFieldset.value,\n  isHorizontal: isHorizontal.value,\n  labelColProps: labelColProps.value,\n  labelAlignClasses: labelAlignClasses.value,\n  labelClasses: labelClasses.value,\n}))\n\nconst contentComponentProps = computed(() => ({\n  invalidFeedback: props.invalidFeedback,\n  validFeedback: props.validFeedback,\n  description: props.description,\n  feedbackAriaLive: props.feedbackAriaLive,\n  state: computedState.value,\n  tooltip: props.tooltip,\n  invalidFeedbackId: invalidFeedbackId.value,\n  validFeedbackId: validFeedbackId.value,\n  descriptionId: descriptionId.value,\n}))\n</script>\n"],"mappings":"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"}

package/dist/{BFormInput-BuRSGYdY.js → BFormInput-DNuvqbFQ.js}

@@ -1,7 +1,7 @@
 require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
 const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
-const require_useFormInput = require("./useFormInput-CsR38QR6.js");
+const require_useFormInput = require("./useFormInput-D31FCDxr.js");
 let vue = require("vue");
 //#region src/components/BFormInput/BFormInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -139,4 +139,4 @@ Object.defineProperty(exports, "BFormInput_default", {
 	}
 });
 
-//# sourceMappingURL=BFormInput-BuRSGYdY.js.map
+//# sourceMappingURL=BFormInput-DNuvqbFQ.js.map

package/dist/BFormInput-DNuvqbFQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormInput-DNuvqbFQ.js","names":[],"sources":["../src/components/BFormInput/BFormInput.vue","../src/components/BFormInput/BFormInput.vue"],"sourcesContent":["<template>\n  <input\n    :id=\"computedId\"\n    ref=\"_input\"\n    :value=\"modelValue\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :list=\"props.type !== 'password' ? props.list : undefined\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    @input=\"onInput\"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport type {BFormInputProps} from '../../types'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {inputGroupKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BFormInputProps, 'modelValue'>>(), {\n  max: undefined,\n  min: undefined,\n  step: undefined,\n  type: 'text',\n  // CommonInputProps\n  ariaInvalid: undefined,\n  autocomplete: undefined,\n  autofocus: false,\n  debounce: 0,\n  debounceMaxWait: Number.NaN,\n  disabled: false,\n  form: undefined,\n  formatter: undefined,\n  id: undefined,\n  lazyFormatter: false,\n  list: undefined,\n  modelValue: '',\n  name: undefined,\n  placeholder: undefined,\n  plaintext: false,\n  readonly: false,\n  required: false,\n  size: undefined,\n  state: undefined,\n  // End CommonInputProps\n})\nconst props = useDefaults(_props, 'BFormInput')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormInputProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst inInputGroup = inject(inputGroupKey, false)\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  onChange,\n  onBlur,\n  stateClass,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => {\n  const isRange = props.type === 'range'\n  const isColor = props.type === 'color'\n  return [\n    stateClass.value,\n    {\n      'form-range': isRange,\n      'form-control': isColor || (!props.plaintext && !isRange) || (isRange && inInputGroup),\n      'form-control-color': isColor,\n      'form-control-plaintext': props.plaintext && !isRange && !isColor,\n      [`form-control-${props.size}`]: !!props.size,\n    },\n  ]\n})\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n","<template>\n  <input\n    :id=\"computedId\"\n    ref=\"_input\"\n    :value=\"modelValue\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :type=\"props.type\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :list=\"props.type !== 'password' ? props.list : undefined\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    @input=\"onInput\"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, inject, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport type {BFormInputProps} from '../../types'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {inputGroupKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BFormInputProps, 'modelValue'>>(), {\n  max: undefined,\n  min: undefined,\n  step: undefined,\n  type: 'text',\n  // CommonInputProps\n  ariaInvalid: undefined,\n  autocomplete: undefined,\n  autofocus: false,\n  debounce: 0,\n  debounceMaxWait: Number.NaN,\n  disabled: false,\n  form: undefined,\n  formatter: undefined,\n  id: undefined,\n  lazyFormatter: false,\n  list: undefined,\n  modelValue: '',\n  name: undefined,\n  placeholder: undefined,\n  plaintext: false,\n  readonly: false,\n  required: false,\n  size: undefined,\n  state: undefined,\n  // End CommonInputProps\n})\nconst props = useDefaults(_props, 'BFormInput')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormInputProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst inInputGroup = inject(inputGroupKey, false)\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  onChange,\n  onBlur,\n  stateClass,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => {\n  const isRange = props.type === 'range'\n  const isColor = props.type === 'color'\n  return [\n    stateClass.value,\n    {\n      'form-range': isRange,\n      'form-control': isColor || (!props.plaintext && !isRange) || (isRange && inInputGroup),\n      'form-control-color': isColor,\n      'form-control-plaintext': props.plaintext && !isRange && !isColor,\n      [`form-control-${props.size}`]: !!props.size,\n    },\n  ]\n})\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,QAAQ,oBAAA,YA3BC,SA2BmB,aAAY;EAE9C,MAAM,CAAC,YAAY,mBAAA,GAAA,IAAA,UAGlB,SAAA,cAAC,EAEA,MAAM,MAAM,qBAAA,eAAe,GAAG,eAAe,EAC9C,CAAA;EAED,MAAM,SAAA,GAAA,IAAA,gBAAuB,SAAQ;EAErC,MAAM,gBAAA,GAAA,IAAA,QAAsB,aAAA,eAAe,MAAK;EAEhD,MAAM,EACJ,YACA,qBACA,SACA,UACA,QACA,YACA,OACA,MACA,eACE,qBAAA,aAAa,OAAO,OAAO,YAAY,eAAc;EAEzD,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,MAAM,UAAU,MAAM,SAAS;GAC/B,MAAM,UAAU,MAAM,SAAS;AAC/B,UAAO,CACL,WAAW,OACX;IACE,cAAc;IACd,gBAAgB,WAAY,CAAC,MAAM,aAAa,CAAC,WAAa,WAAW;IACzE,sBAAsB;IACtB,0BAA0B,MAAM,aAAa,CAAC,WAAW,CAAC;KACzD,gBAAgB,MAAM,SAAS,CAAC,CAAC,MAAM;IACzC,CACH;IACD;AAED,WAAa;GACX;GACA,SAAS;GACT,eAAe;GACf;GACD,CAAA;;4DApFG,SAAA;IArBC,KAAA,GAAA,IAAA,OAAI,WAAU;IACf,KAAI;IACH,QAAA,GAAA,IAAA,OAAO,WAAU;IACjB,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAe;IACtB,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC,QAAQ,KAAA;IACpB,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC,QAAQ,KAAA;IACpB,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC;IACZ,WAAA,GAAA,IAAA,OAAU,WAAU;IACpB,cAAA,GAAA,IAAA,OAAa,MAAK,CAAC;IACnB,WAAA,GAAA,IAAA,OAAU,MAAK,CAAC,YAAY,KAAA;IAC5B,eAAA,GAAA,IAAA,OAAc,MAAK,CAAC,gBAAgB,KAAA;IACpC,WAAA,GAAA,IAAA,OAAU,MAAK,CAAC,aAAA,GAAA,IAAA,OAAY,MAAK,CAAC;IAClC,MAAA,GAAA,IAAA,OAAK,MAAK,CAAC;IACX,MAAA,GAAA,IAAA,OAAK,MAAK,CAAC;IACX,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC;IACZ,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC,SAAI,cAAA,GAAA,IAAA,OAAkB,MAAK,CAAC,OAAO,KAAA;IAC/C,kBAAA,GAAA,IAAA,OAAe,MAAK,CAAC,YAAY,KAAA;IACjC,iBAAA,GAAA,IAAA,OAAc,oBAAmB;IACjC,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,UAAA,GAAA,IAAA,OAAE,QAAA,KAAA,GAAA,IAAA,OAAA,QAAA,CAAA,GAAA,KAAO;IACd,UAAM,OAAA,OAAA,OAAA,MAAA,GAAA,UAAA,GAAA,IAAA,OAAE,SAAA,KAAA,GAAA,IAAA,OAAA,SAAA,CAAA,GAAA,KAAQ;IAChB,QAAI,OAAA,OAAA,OAAA,MAAA,GAAA,UAAA,GAAA,IAAA,OAAE,OAAA,KAAA,GAAA,IAAA,OAAA,OAAA,CAAA,GAAA,KAAM"}

package/dist/{BFormInput-Dg9dbwHp.mjs → BFormInput-NKko58M2.mjs}

@@ -1,6 +1,6 @@
 import { p as inputGroupKey } from "./keys-CQKrwmvN.mjs";
 import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
-import { n as normalizeInput, t as useFormInput } from "./useFormInput-BgJCT9k_.mjs";
+import { n as normalizeInput, t as useFormInput } from "./useFormInput-CA4FYoV7.mjs";
 import { computed, createElementBlock, defineComponent, inject, mergeModels, normalizeClass, openBlock, unref, useModel, useTemplateRef } from "vue";
 //#region src/components/BFormInput/BFormInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -133,4 +133,4 @@ var BFormInput_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BFormInput_default as t };
 
-//# sourceMappingURL=BFormInput-Dg9dbwHp.mjs.map
+//# sourceMappingURL=BFormInput-NKko58M2.mjs.map