bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BFormTextarea-BtXarcjA.js

@@ -0,0 +1,203 @@
+require("./chunk-CoQrYLCe.js");
+const require_dist = require("./dist-B_c893QG.js");
+const require_dom = require("./dom-Bs6DzM72.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useFormInput = require("./useFormInput-AX7ikSmn.js");
+let vue = require("vue");
+//#region src/composables/useTextareaResize.ts
+var useTextareaResize = (input, { maxRows, noAutoShrink, rows }) => {
+	const height = (0, vue.ref)(0);
+	const maxRowsNumber = require_dist.useToNumber((0, vue.computed)(() => (0, vue.toValue)(maxRows) || NaN), {
+		method: "parseInt",
+		nanToZero: true
+	});
+	const rowsNumber = require_dist.useToNumber(rows, {
+		method: "parseInt",
+		nanToZero: true
+	});
+	const computedMinRows = (0, vue.computed)(() => Math.max(rowsNumber.value || 2, 2));
+	const computedMaxRows = (0, vue.computed)(() => Math.max(computedMinRows.value, maxRowsNumber.value || 0));
+	const computedRows = (0, vue.computed)(() => computedMinRows.value === computedMaxRows.value ? computedMinRows.value : null);
+	const handleHeightChange = async () => {
+		if (!input.value || !require_dom.isVisible(input.value)) {
+			height.value = null;
+			return;
+		}
+		const computedStyle = getComputedStyle(input.value);
+		const lineHeight = Number.parseFloat(computedStyle.lineHeight) || 1;
+		const border = (Number.parseFloat(computedStyle.borderTopWidth) || 0) + (Number.parseFloat(computedStyle.borderBottomWidth) || 0);
+		const padding = (Number.parseFloat(computedStyle.paddingTop) || 0) + (Number.parseFloat(computedStyle.paddingBottom) || 0);
+		const offset = border + padding;
+		const minHeight = lineHeight * computedMinRows.value + offset;
+		const oldHeight = input.value.style.height || computedStyle.height;
+		height.value = "auto";
+		await (0, vue.nextTick)();
+		if (!input.value) return;
+		const { scrollHeight } = input.value;
+		height.value = oldHeight;
+		await (0, vue.nextTick)();
+		if (!input.value) return;
+		const contentRows = Math.max((scrollHeight - padding) / lineHeight, 2);
+		const rows = Math.min(Math.max(contentRows, computedMinRows.value), computedMaxRows.value);
+		const newHeight = Math.max(Math.ceil(rows * lineHeight + offset), minHeight);
+		if ((0, vue.toValue)(noAutoShrink) && (Number.parseFloat(oldHeight.toString()) || 0) > newHeight) {
+			height.value = oldHeight;
+			return;
+		}
+		height.value = `${newHeight}px`;
+	};
+	(0, vue.onMounted)(handleHeightChange);
+	return {
+		onInput: handleHeightChange,
+		computedStyles: (0, vue.computed)(() => ({
+			resize: "none",
+			height: typeof height.value === "string" ? height.value : height.value ? `${height.value}px` : void 0
+		})),
+		computedRows
+	};
+};
+//#endregion
+//#region src/components/BFormTextarea/BFormTextarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"name",
+	"form",
+	"value",
+	"disabled",
+	"placeholder",
+	"required",
+	"autocomplete",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"rows",
+	"wrap"
+];
+//#endregion
+//#region src/components/BFormTextarea/BFormTextarea.vue
+var BFormTextarea_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormTextarea",
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
+		noResize: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 2 },
+		wrap: { default: "soft" },
+		noAutoShrink: {
+			type: Boolean,
+			default: false
+		},
+		maxRows: { default: void 0 },
+		ariaInvalid: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		autocomplete: { default: void 0 },
+		autofocus: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		form: { default: void 0 },
+		formatter: {
+			type: Function,
+			default: void 0
+		},
+		id: { default: void 0 },
+		lazyFormatter: {
+			type: Boolean,
+			default: false
+		},
+		list: { default: void 0 },
+		name: { default: void 0 },
+		placeholder: { default: void 0 },
+		plaintext: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: void 0 },
+		state: {
+			type: [Boolean, null],
+			default: void 0
+		},
+		debounce: { default: 0 },
+		debounceMaxWait: { default: NaN }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = require_useDefaults.useDefaults(__props, "BFormTextarea");
+		const [modelValue, modelModifiers] = (0, vue.useModel)(__props, "modelValue", { set: (v) => require_useFormInput.normalizeInput(v, modelModifiers) });
+		const input = (0, vue.useTemplateRef)("_input");
+		const { computedId, computedAriaInvalid, onInput, stateClass, onChange, onBlur, focus, blur, isDisabled } = require_useFormInput.useFormInput(props, input, modelValue, modelModifiers);
+		const computedClasses = (0, vue.computed)(() => [
+			stateClass.value,
+			props.plaintext ? "form-control-plaintext" : "form-control",
+			{ [`form-control-${props.size}`]: !!props.size }
+		]);
+		const { computedStyles: resizeStyles, onInput: handleHeightChange, computedRows } = useTextareaResize(input, {
+			maxRows: () => props.maxRows,
+			rows: () => props.rows,
+			noAutoShrink: () => props.noAutoShrink
+		});
+		const computedStyles = (0, vue.computed)(() => ({
+			resize: props.noResize ? "none" : void 0,
+			...props.maxRows || props.noAutoShrink ? resizeStyles.value : void 0
+		}));
+		__expose({
+			blur,
+			element: input,
+			flushDebounce: onBlur,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+				id: (0, vue.unref)(computedId),
+				ref: "_input",
+				class: (0, vue.normalizeClass)(computedClasses.value),
+				name: (0, vue.unref)(props).name || void 0,
+				form: (0, vue.unref)(props).form || void 0,
+				value: (0, vue.unref)(modelValue) ?? void 0,
+				disabled: (0, vue.unref)(isDisabled),
+				placeholder: (0, vue.unref)(props).placeholder,
+				required: (0, vue.unref)(props).required || void 0,
+				autocomplete: (0, vue.unref)(props).autocomplete || void 0,
+				readonly: (0, vue.unref)(props).readonly || (0, vue.unref)(props).plaintext,
+				"aria-required": (0, vue.unref)(props).required || void 0,
+				"aria-invalid": (0, vue.unref)(computedAriaInvalid),
+				rows: (0, vue.unref)(computedRows) || 2,
+				style: (0, vue.normalizeStyle)(computedStyles.value),
+				wrap: (0, vue.unref)(props).wrap || void 0,
+				onInput: _cache[0] || (_cache[0] = (e) => {
+					(0, vue.unref)(onInput)(e);
+					(0, vue.unref)(handleHeightChange)();
+				}),
+				onChange: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(onChange) && (0, vue.unref)(onChange)(...args)),
+				onBlur: _cache[2] || (_cache[2] = (...args) => (0, vue.unref)(onBlur) && (0, vue.unref)(onBlur)(...args))
+			}, null, 46, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BFormTextarea_default", {
+	enumerable: true,
+	get: function() {
+		return BFormTextarea_default;
+	}
+});
+
+//# sourceMappingURL=BFormTextarea-BtXarcjA.js.map

package/dist/BFormTextarea-BtXarcjA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormTextarea-BtXarcjA.js","names":[],"sources":["../src/composables/useTextareaResize.ts","../src/components/BFormTextarea/BFormTextarea.vue","../src/components/BFormTextarea/BFormTextarea.vue"],"sourcesContent":["import {useToNumber} from '@vueuse/core'\nimport type {Numberish} from '../types/CommonTypes'\nimport {\n  computed,\n  type CSSProperties,\n  type MaybeRefOrGetter,\n  nextTick,\n  onMounted,\n  ref,\n  type ShallowRef,\n  toValue,\n} from 'vue'\nimport {isVisible} from '../utils/dom'\n\nexport const useTextareaResize = (\n  input: Readonly<ShallowRef<HTMLTextAreaElement | null>>,\n  {\n    maxRows,\n    noAutoShrink,\n    rows,\n  }: {\n    rows: MaybeRefOrGetter<Numberish>\n    maxRows: MaybeRefOrGetter<Numberish | undefined>\n    noAutoShrink: MaybeRefOrGetter<boolean>\n  }\n) => {\n  const height = ref<number | null | string>(0)\n  const maxRowsNumber = useToNumber(\n    computed(() => toValue(maxRows) || Number.NaN),\n    {\n      method: 'parseInt',\n      nanToZero: true,\n    }\n  )\n  const rowsNumber = useToNumber(rows, {\n    method: 'parseInt',\n    nanToZero: true,\n  })\n  const computedMinRows = computed(() => Math.max(rowsNumber.value || 2, 2))\n  const computedMaxRows = computed(() => Math.max(computedMinRows.value, maxRowsNumber.value || 0))\n  const computedRows = computed(() =>\n    computedMinRows.value === computedMaxRows.value ? computedMinRows.value : null\n  )\n\n  const handleHeightChange = async () => {\n    // Element must be visible (not hidden) and in document\n    // Must be checked after above checks\n    if (!input.value || !isVisible(input.value)) {\n      height.value = null\n      return\n    }\n\n    // Get current computed styles\n    const computedStyle = getComputedStyle(input.value)\n    // Height of one line of text in px\n    const lineHeight = Number.parseFloat(computedStyle.lineHeight) || 1\n    // Calculate height of border and padding\n    const border =\n      (Number.parseFloat(computedStyle.borderTopWidth) || 0) +\n      (Number.parseFloat(computedStyle.borderBottomWidth) || 0)\n    const padding =\n      (Number.parseFloat(computedStyle.paddingTop) || 0) +\n      (Number.parseFloat(computedStyle.paddingBottom) || 0)\n    // Calculate offset\n    const offset = border + padding\n    // Minimum height for min rows (which must be 2 rows or greater for cross-browser support)\n    const minHeight = lineHeight * computedMinRows.value + offset\n\n    // Get the current style height (with `px` units)\n    const oldHeight = input.value.style.height || computedStyle.height\n    // Probe scrollHeight by temporarily changing the height to `auto`\n    height.value = 'auto'\n    await nextTick() // We need to wait for the dom to update. These cannot be batched in the same tick\n    // Re-check input.value after await since the element may have been unmounted\n    // (e.g., during SSR hydration when BFormGroup re-renders its wrapper element)\n    if (!input.value) return\n    const {scrollHeight} = input.value\n    // Place the original old height back on the element, just in case `computedProp`\n    // returns the same value as before\n    height.value = oldHeight\n    await nextTick() // We need to wait for the dom to update. These cannot be batched in the same tick\n    if (!input.value) return\n\n    // Calculate content height in 'rows' (scrollHeight includes padding but not border)\n    const contentRows = Math.max((scrollHeight - padding) / lineHeight, 2)\n    // Calculate number of rows to display (limited within min/max rows)\n    const rows = Math.min(Math.max(contentRows, computedMinRows.value), computedMaxRows.value)\n    // Calculate the required height of the textarea including border and padding (in pixels)\n    const newHeight = Math.max(Math.ceil(rows * lineHeight + offset), minHeight)\n\n    // Computed height remains the larger of `oldHeight` and new `height`,\n    // when height is in `sticky` mode (prop `no-auto-shrink` is true)\n    if (toValue(noAutoShrink) && (Number.parseFloat(oldHeight.toString()) || 0) > newHeight) {\n      height.value = oldHeight\n      return\n    }\n\n    // Return the new computed CSS height in px units\n    height.value = `${newHeight}px`\n  }\n\n  onMounted(handleHeightChange)\n\n  const computedStyles = computed<CSSProperties>(() => ({\n    resize: 'none',\n    height:\n      typeof height.value === 'string'\n        ? height.value\n        : height.value\n          ? `${height.value}px`\n          : undefined,\n  }))\n\n  return {\n    onInput: handleHeightChange,\n    computedStyles,\n    computedRows,\n  }\n}\n","<template>\n  <textarea\n    :id=\"computedId\"\n    ref=\"_input\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :value=\"modelValue ?? undefined\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :rows=\"computedRows || 2\"\n    :style=\"computedStyles\"\n    :wrap=\"props.wrap || undefined\"\n    @input=\"\n      (e) => {\n        onInput(e)\n        handleHeightChange()\n      }\n    \"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormTextareaProps} from '../../types/ComponentProps'\nimport {computed, type CSSProperties, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {useTextareaResize} from '../../composables/useTextareaResize'\n\nconst _props = withDefaults(defineProps<Omit<BFormTextareaProps, 'modelValue'>>(), {\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  noResize: false,\n  noAutoShrink: false,\n  maxRows: undefined,\n  rows: 2,\n  wrap: 'soft',\n})\nconst props = useDefaults(_props, 'BFormTextarea')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormTextareaProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  stateClass,\n  onChange,\n  onBlur,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  props.plaintext ? 'form-control-plaintext' : 'form-control',\n  {\n    [`form-control-${props.size}`]: !!props.size,\n  },\n])\n\nconst {\n  computedStyles: resizeStyles,\n  onInput: handleHeightChange,\n  computedRows,\n} = useTextareaResize(input, {\n  maxRows: () => props.maxRows,\n  rows: () => props.rows,\n  noAutoShrink: () => props.noAutoShrink,\n})\n\nconst computedStyles = computed<CSSProperties>(() => ({\n  resize: props.noResize ? 'none' : undefined,\n  ...(props.maxRows || props.noAutoShrink ? resizeStyles.value : undefined),\n}))\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n","<template>\n  <textarea\n    :id=\"computedId\"\n    ref=\"_input\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :value=\"modelValue ?? undefined\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :rows=\"computedRows || 2\"\n    :style=\"computedStyles\"\n    :wrap=\"props.wrap || undefined\"\n    @input=\"\n      (e) => {\n        onInput(e)\n        handleHeightChange()\n      }\n    \"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormTextareaProps} from '../../types/ComponentProps'\nimport {computed, type CSSProperties, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {useTextareaResize} from '../../composables/useTextareaResize'\n\nconst _props = withDefaults(defineProps<Omit<BFormTextareaProps, 'modelValue'>>(), {\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  noResize: false,\n  noAutoShrink: false,\n  maxRows: undefined,\n  rows: 2,\n  wrap: 'soft',\n})\nconst props = useDefaults(_props, 'BFormTextarea')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormTextareaProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  stateClass,\n  onChange,\n  onBlur,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  props.plaintext ? 'form-control-plaintext' : 'form-control',\n  {\n    [`form-control-${props.size}`]: !!props.size,\n  },\n])\n\nconst {\n  computedStyles: resizeStyles,\n  onInput: handleHeightChange,\n  computedRows,\n} = useTextareaResize(input, {\n  maxRows: () => props.maxRows,\n  rows: () => props.rows,\n  noAutoShrink: () => props.noAutoShrink,\n})\n\nconst computedStyles = computed<CSSProperties>(() => ({\n  resize: props.noResize ? 'none' : undefined,\n  ...(props.maxRows || props.noAutoShrink ? resizeStyles.value : undefined),\n}))\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n"],"mappings":"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"}

package/dist/BFormTextarea-ClcoJrSM.mjs

@@ -0,0 +1,197 @@
+import { L as useToNumber } from "./dist-Dn5blevd.mjs";
+import { s as isVisible } from "./dom-AhkaSoh8.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { n as normalizeInput, t as useFormInput } from "./useFormInput-DeJGz9t9.mjs";
+import { computed, createElementBlock, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, toValue, unref, useModel, useTemplateRef } from "vue";
+//#region src/composables/useTextareaResize.ts
+var useTextareaResize = (input, { maxRows, noAutoShrink, rows }) => {
+	const height = ref(0);
+	const maxRowsNumber = useToNumber(computed(() => toValue(maxRows) || NaN), {
+		method: "parseInt",
+		nanToZero: true
+	});
+	const rowsNumber = useToNumber(rows, {
+		method: "parseInt",
+		nanToZero: true
+	});
+	const computedMinRows = computed(() => Math.max(rowsNumber.value || 2, 2));
+	const computedMaxRows = computed(() => Math.max(computedMinRows.value, maxRowsNumber.value || 0));
+	const computedRows = computed(() => computedMinRows.value === computedMaxRows.value ? computedMinRows.value : null);
+	const handleHeightChange = async () => {
+		if (!input.value || !isVisible(input.value)) {
+			height.value = null;
+			return;
+		}
+		const computedStyle = getComputedStyle(input.value);
+		const lineHeight = Number.parseFloat(computedStyle.lineHeight) || 1;
+		const border = (Number.parseFloat(computedStyle.borderTopWidth) || 0) + (Number.parseFloat(computedStyle.borderBottomWidth) || 0);
+		const padding = (Number.parseFloat(computedStyle.paddingTop) || 0) + (Number.parseFloat(computedStyle.paddingBottom) || 0);
+		const offset = border + padding;
+		const minHeight = lineHeight * computedMinRows.value + offset;
+		const oldHeight = input.value.style.height || computedStyle.height;
+		height.value = "auto";
+		await nextTick();
+		if (!input.value) return;
+		const { scrollHeight } = input.value;
+		height.value = oldHeight;
+		await nextTick();
+		if (!input.value) return;
+		const contentRows = Math.max((scrollHeight - padding) / lineHeight, 2);
+		const rows = Math.min(Math.max(contentRows, computedMinRows.value), computedMaxRows.value);
+		const newHeight = Math.max(Math.ceil(rows * lineHeight + offset), minHeight);
+		if (toValue(noAutoShrink) && (Number.parseFloat(oldHeight.toString()) || 0) > newHeight) {
+			height.value = oldHeight;
+			return;
+		}
+		height.value = `${newHeight}px`;
+	};
+	onMounted(handleHeightChange);
+	return {
+		onInput: handleHeightChange,
+		computedStyles: computed(() => ({
+			resize: "none",
+			height: typeof height.value === "string" ? height.value : height.value ? `${height.value}px` : void 0
+		})),
+		computedRows
+	};
+};
+//#endregion
+//#region src/components/BFormTextarea/BFormTextarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"name",
+	"form",
+	"value",
+	"disabled",
+	"placeholder",
+	"required",
+	"autocomplete",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"rows",
+	"wrap"
+];
+//#endregion
+//#region src/components/BFormTextarea/BFormTextarea.vue
+var BFormTextarea_default = /* @__PURE__ */ defineComponent({
+	__name: "BFormTextarea",
+	props: /* @__PURE__ */ mergeModels({
+		noResize: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 2 },
+		wrap: { default: "soft" },
+		noAutoShrink: {
+			type: Boolean,
+			default: false
+		},
+		maxRows: { default: void 0 },
+		ariaInvalid: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		autocomplete: { default: void 0 },
+		autofocus: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		form: { default: void 0 },
+		formatter: {
+			type: Function,
+			default: void 0
+		},
+		id: { default: void 0 },
+		lazyFormatter: {
+			type: Boolean,
+			default: false
+		},
+		list: { default: void 0 },
+		name: { default: void 0 },
+		placeholder: { default: void 0 },
+		plaintext: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: void 0 },
+		state: {
+			type: [Boolean, null],
+			default: void 0
+		},
+		debounce: { default: 0 },
+		debounceMaxWait: { default: NaN }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = useDefaults(__props, "BFormTextarea");
+		const [modelValue, modelModifiers] = useModel(__props, "modelValue", { set: (v) => normalizeInput(v, modelModifiers) });
+		const input = useTemplateRef("_input");
+		const { computedId, computedAriaInvalid, onInput, stateClass, onChange, onBlur, focus, blur, isDisabled } = useFormInput(props, input, modelValue, modelModifiers);
+		const computedClasses = computed(() => [
+			stateClass.value,
+			props.plaintext ? "form-control-plaintext" : "form-control",
+			{ [`form-control-${props.size}`]: !!props.size }
+		]);
+		const { computedStyles: resizeStyles, onInput: handleHeightChange, computedRows } = useTextareaResize(input, {
+			maxRows: () => props.maxRows,
+			rows: () => props.rows,
+			noAutoShrink: () => props.noAutoShrink
+		});
+		const computedStyles = computed(() => ({
+			resize: props.noResize ? "none" : void 0,
+			...props.maxRows || props.noAutoShrink ? resizeStyles.value : void 0
+		}));
+		__expose({
+			blur,
+			element: input,
+			flushDebounce: onBlur,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("textarea", {
+				id: unref(computedId),
+				ref: "_input",
+				class: normalizeClass(computedClasses.value),
+				name: unref(props).name || void 0,
+				form: unref(props).form || void 0,
+				value: unref(modelValue) ?? void 0,
+				disabled: unref(isDisabled),
+				placeholder: unref(props).placeholder,
+				required: unref(props).required || void 0,
+				autocomplete: unref(props).autocomplete || void 0,
+				readonly: unref(props).readonly || unref(props).plaintext,
+				"aria-required": unref(props).required || void 0,
+				"aria-invalid": unref(computedAriaInvalid),
+				rows: unref(computedRows) || 2,
+				style: normalizeStyle(computedStyles.value),
+				wrap: unref(props).wrap || void 0,
+				onInput: _cache[0] || (_cache[0] = (e) => {
+					unref(onInput)(e);
+					unref(handleHeightChange)();
+				}),
+				onChange: _cache[1] || (_cache[1] = (...args) => unref(onChange) && unref(onChange)(...args)),
+				onBlur: _cache[2] || (_cache[2] = (...args) => unref(onBlur) && unref(onBlur)(...args))
+			}, null, 46, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { BFormTextarea_default as t };
+
+//# sourceMappingURL=BFormTextarea-ClcoJrSM.mjs.map

package/dist/BFormTextarea-ClcoJrSM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormTextarea-ClcoJrSM.mjs","names":[],"sources":["../src/composables/useTextareaResize.ts","../src/components/BFormTextarea/BFormTextarea.vue","../src/components/BFormTextarea/BFormTextarea.vue"],"sourcesContent":["import {useToNumber} from '@vueuse/core'\nimport type {Numberish} from '../types/CommonTypes'\nimport {\n  computed,\n  type CSSProperties,\n  type MaybeRefOrGetter,\n  nextTick,\n  onMounted,\n  ref,\n  type ShallowRef,\n  toValue,\n} from 'vue'\nimport {isVisible} from '../utils/dom'\n\nexport const useTextareaResize = (\n  input: Readonly<ShallowRef<HTMLTextAreaElement | null>>,\n  {\n    maxRows,\n    noAutoShrink,\n    rows,\n  }: {\n    rows: MaybeRefOrGetter<Numberish>\n    maxRows: MaybeRefOrGetter<Numberish | undefined>\n    noAutoShrink: MaybeRefOrGetter<boolean>\n  }\n) => {\n  const height = ref<number | null | string>(0)\n  const maxRowsNumber = useToNumber(\n    computed(() => toValue(maxRows) || Number.NaN),\n    {\n      method: 'parseInt',\n      nanToZero: true,\n    }\n  )\n  const rowsNumber = useToNumber(rows, {\n    method: 'parseInt',\n    nanToZero: true,\n  })\n  const computedMinRows = computed(() => Math.max(rowsNumber.value || 2, 2))\n  const computedMaxRows = computed(() => Math.max(computedMinRows.value, maxRowsNumber.value || 0))\n  const computedRows = computed(() =>\n    computedMinRows.value === computedMaxRows.value ? computedMinRows.value : null\n  )\n\n  const handleHeightChange = async () => {\n    // Element must be visible (not hidden) and in document\n    // Must be checked after above checks\n    if (!input.value || !isVisible(input.value)) {\n      height.value = null\n      return\n    }\n\n    // Get current computed styles\n    const computedStyle = getComputedStyle(input.value)\n    // Height of one line of text in px\n    const lineHeight = Number.parseFloat(computedStyle.lineHeight) || 1\n    // Calculate height of border and padding\n    const border =\n      (Number.parseFloat(computedStyle.borderTopWidth) || 0) +\n      (Number.parseFloat(computedStyle.borderBottomWidth) || 0)\n    const padding =\n      (Number.parseFloat(computedStyle.paddingTop) || 0) +\n      (Number.parseFloat(computedStyle.paddingBottom) || 0)\n    // Calculate offset\n    const offset = border + padding\n    // Minimum height for min rows (which must be 2 rows or greater for cross-browser support)\n    const minHeight = lineHeight * computedMinRows.value + offset\n\n    // Get the current style height (with `px` units)\n    const oldHeight = input.value.style.height || computedStyle.height\n    // Probe scrollHeight by temporarily changing the height to `auto`\n    height.value = 'auto'\n    await nextTick() // We need to wait for the dom to update. These cannot be batched in the same tick\n    // Re-check input.value after await since the element may have been unmounted\n    // (e.g., during SSR hydration when BFormGroup re-renders its wrapper element)\n    if (!input.value) return\n    const {scrollHeight} = input.value\n    // Place the original old height back on the element, just in case `computedProp`\n    // returns the same value as before\n    height.value = oldHeight\n    await nextTick() // We need to wait for the dom to update. These cannot be batched in the same tick\n    if (!input.value) return\n\n    // Calculate content height in 'rows' (scrollHeight includes padding but not border)\n    const contentRows = Math.max((scrollHeight - padding) / lineHeight, 2)\n    // Calculate number of rows to display (limited within min/max rows)\n    const rows = Math.min(Math.max(contentRows, computedMinRows.value), computedMaxRows.value)\n    // Calculate the required height of the textarea including border and padding (in pixels)\n    const newHeight = Math.max(Math.ceil(rows * lineHeight + offset), minHeight)\n\n    // Computed height remains the larger of `oldHeight` and new `height`,\n    // when height is in `sticky` mode (prop `no-auto-shrink` is true)\n    if (toValue(noAutoShrink) && (Number.parseFloat(oldHeight.toString()) || 0) > newHeight) {\n      height.value = oldHeight\n      return\n    }\n\n    // Return the new computed CSS height in px units\n    height.value = `${newHeight}px`\n  }\n\n  onMounted(handleHeightChange)\n\n  const computedStyles = computed<CSSProperties>(() => ({\n    resize: 'none',\n    height:\n      typeof height.value === 'string'\n        ? height.value\n        : height.value\n          ? `${height.value}px`\n          : undefined,\n  }))\n\n  return {\n    onInput: handleHeightChange,\n    computedStyles,\n    computedRows,\n  }\n}\n","<template>\n  <textarea\n    :id=\"computedId\"\n    ref=\"_input\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :value=\"modelValue ?? undefined\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :rows=\"computedRows || 2\"\n    :style=\"computedStyles\"\n    :wrap=\"props.wrap || undefined\"\n    @input=\"\n      (e) => {\n        onInput(e)\n        handleHeightChange()\n      }\n    \"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormTextareaProps} from '../../types/ComponentProps'\nimport {computed, type CSSProperties, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {useTextareaResize} from '../../composables/useTextareaResize'\n\nconst _props = withDefaults(defineProps<Omit<BFormTextareaProps, 'modelValue'>>(), {\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  noResize: false,\n  noAutoShrink: false,\n  maxRows: undefined,\n  rows: 2,\n  wrap: 'soft',\n})\nconst props = useDefaults(_props, 'BFormTextarea')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormTextareaProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  stateClass,\n  onChange,\n  onBlur,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  props.plaintext ? 'form-control-plaintext' : 'form-control',\n  {\n    [`form-control-${props.size}`]: !!props.size,\n  },\n])\n\nconst {\n  computedStyles: resizeStyles,\n  onInput: handleHeightChange,\n  computedRows,\n} = useTextareaResize(input, {\n  maxRows: () => props.maxRows,\n  rows: () => props.rows,\n  noAutoShrink: () => props.noAutoShrink,\n})\n\nconst computedStyles = computed<CSSProperties>(() => ({\n  resize: props.noResize ? 'none' : undefined,\n  ...(props.maxRows || props.noAutoShrink ? resizeStyles.value : undefined),\n}))\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n","<template>\n  <textarea\n    :id=\"computedId\"\n    ref=\"_input\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :value=\"modelValue ?? undefined\"\n    :disabled=\"isDisabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :rows=\"computedRows || 2\"\n    :style=\"computedStyles\"\n    :wrap=\"props.wrap || undefined\"\n    @input=\"\n      (e) => {\n        onInput(e)\n        handleHeightChange()\n      }\n    \"\n    @change=\"onChange\"\n    @blur=\"onBlur\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormTextareaProps} from '../../types/ComponentProps'\nimport {computed, type CSSProperties, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {useTextareaResize} from '../../composables/useTextareaResize'\n\nconst _props = withDefaults(defineProps<Omit<BFormTextareaProps, 'modelValue'>>(), {\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  noResize: false,\n  noAutoShrink: false,\n  maxRows: undefined,\n  rows: 2,\n  wrap: 'soft',\n})\nconst props = useDefaults(_props, 'BFormTextarea')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormTextareaProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst input = useTemplateRef('_input')\n\nconst {\n  computedId,\n  computedAriaInvalid,\n  onInput,\n  stateClass,\n  onChange,\n  onBlur,\n  focus,\n  blur,\n  isDisabled,\n} = useFormInput(props, input, modelValue, modelModifiers)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  props.plaintext ? 'form-control-plaintext' : 'form-control',\n  {\n    [`form-control-${props.size}`]: !!props.size,\n  },\n])\n\nconst {\n  computedStyles: resizeStyles,\n  onInput: handleHeightChange,\n  computedRows,\n} = useTextareaResize(input, {\n  maxRows: () => props.maxRows,\n  rows: () => props.rows,\n  noAutoShrink: () => props.noAutoShrink,\n})\n\nconst computedStyles = computed<CSSProperties>(() => ({\n  resize: props.noResize ? 'none' : undefined,\n  ...(props.maxRows || props.noAutoShrink ? resizeStyles.value : undefined),\n}))\n\ndefineExpose({\n  blur,\n  element: input,\n  flushDebounce: onBlur,\n  focus,\n})\n</script>\n"],"mappings":"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"}

package/dist/BFormValidFeedback-Ot8gdDST.js

@@ -0,0 +1,177 @@
+require("./chunk-CoQrYLCe.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useColorVariantClasses = require("./useColorVariantClasses-DVaQDVQC.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/BForm/BFormInvalidFeedback.vue
+var BFormInvalidFeedback_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormInvalidFeedback",
+	props: {
+		ariaLive: { default: void 0 },
+		forceShow: {
+			type: Boolean,
+			default: false
+		},
+		id: { default: void 0 },
+		role: { default: void 0 },
+		state: {
+			type: [Boolean, null],
+			default: null
+		},
+		tag: { default: "div" },
+		text: { default: void 0 },
+		tooltip: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BFormInvalidFeedback");
+		const computedShow = (0, vue.computed)(() => props.forceShow === true || props.state === false);
+		const computedClasses = (0, vue.computed)(() => ({
+			"d-block": computedShow.value,
+			"invalid-feedback": !props.tooltip,
+			"invalid-tooltip": props.tooltip
+		}));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), {
+				id: (0, vue.unref)(props).id,
+				role: (0, vue.unref)(props).role,
+				"aria-live": (0, vue.unref)(props).ariaLive,
+				"aria-atomic": (0, vue.unref)(props).ariaLive ? true : void 0,
+				class: (0, vue.normalizeClass)(computedClasses.value)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
+				_: 3
+			}, 8, [
+				"id",
+				"role",
+				"aria-live",
+				"aria-atomic",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BForm/BFormRow.vue
+var BFormRow_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormRow",
+	props: { tag: { default: "div" } },
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BFormRow");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: "row d-flex flex-wrap" }, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/BForm/BFormText.vue
+var BFormText_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormText",
+	props: {
+		id: { default: void 0 },
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		tag: { default: "small" },
+		text: { default: void 0 },
+		textVariant: { default: "body-secondary" }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BFormText");
+		const colorClasses = require_useColorVariantClasses.useColorVariantClasses(props);
+		const computedClasses = (0, vue.computed)(() => [colorClasses.value, { "form-text": !props.inline }]);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), {
+				id: (0, vue.unref)(props).id,
+				class: (0, vue.normalizeClass)(computedClasses.value)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
+				_: 3
+			}, 8, ["id", "class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BForm/BFormValidFeedback.vue
+var BFormValidFeedback_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormValidFeedback",
+	props: {
+		ariaLive: { default: void 0 },
+		forceShow: {
+			type: Boolean,
+			default: false
+		},
+		id: { default: void 0 },
+		role: { default: void 0 },
+		state: {
+			type: [Boolean, null],
+			default: null
+		},
+		tag: { default: "div" },
+		text: { default: void 0 },
+		tooltip: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BFormInvalidFeedback");
+		const computedShow = (0, vue.computed)(() => props.forceShow === true || props.state === true);
+		const computedClasses = (0, vue.computed)(() => ({
+			"d-block": computedShow.value,
+			"valid-feedback": !props.tooltip,
+			"valid-tooltip": props.tooltip
+		}));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), {
+				id: (0, vue.unref)(props).id,
+				role: (0, vue.unref)(props).role,
+				"aria-live": (0, vue.unref)(props).ariaLive,
+				"aria-atomic": (0, vue.unref)(props).ariaLive ? true : void 0,
+				class: (0, vue.normalizeClass)(computedClasses.value)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
+				_: 3
+			}, 8, [
+				"id",
+				"role",
+				"aria-live",
+				"aria-atomic",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BFormInvalidFeedback_default", {
+	enumerable: true,
+	get: function() {
+		return BFormInvalidFeedback_default;
+	}
+});
+Object.defineProperty(exports, "BFormRow_default", {
+	enumerable: true,
+	get: function() {
+		return BFormRow_default;
+	}
+});
+Object.defineProperty(exports, "BFormText_default", {
+	enumerable: true,
+	get: function() {
+		return BFormText_default;
+	}
+});
+Object.defineProperty(exports, "BFormValidFeedback_default", {
+	enumerable: true,
+	get: function() {
+		return BFormValidFeedback_default;
+	}
+});
+
+//# sourceMappingURL=BFormValidFeedback-Ot8gdDST.js.map

package/dist/BFormValidFeedback-Ot8gdDST.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormValidFeedback-Ot8gdDST.js","names":[],"sources":["../src/components/BForm/BFormInvalidFeedback.vue","../src/components/BForm/BFormInvalidFeedback.vue","../src/components/BForm/BFormRow.vue","../src/components/BForm/BFormRow.vue","../src/components/BForm/BFormText.vue","../src/components/BForm/BFormText.vue","../src/components/BForm/BFormValidFeedback.vue","../src/components/BForm/BFormValidFeedback.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"props.id\"\n    :role=\"props.role\"\n    :aria-live=\"props.ariaLive\"\n    :aria-atomic=\"props.ariaLive ? true : undefined\"\n    :class=\"computedClasses\"\n  >\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormInvalidFeedbackProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormInvalidFeedbackSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormInvalidFeedbackProps>(), {\n  ariaLive: undefined,\n  forceShow: false,\n  id: undefined,\n  role: undefined,\n  state: null,\n  tag: 'div',\n  text: undefined,\n  tooltip: false,\n})\nconst props = useDefaults(_props, 'BFormInvalidFeedback')\ndefineSlots<BFormInvalidFeedbackSlots>()\n\nconst computedShow = computed(() => props.forceShow === true || props.state === false)\n\nconst computedClasses = computed(() => ({\n  'd-block': computedShow.value,\n  'invalid-feedback': !props.tooltip,\n  'invalid-tooltip': props.tooltip,\n}))\n</script>\n","<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"props.id\"\n    :role=\"props.role\"\n    :aria-live=\"props.ariaLive\"\n    :aria-atomic=\"props.ariaLive ? true : undefined\"\n    :class=\"computedClasses\"\n  >\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormInvalidFeedbackProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormInvalidFeedbackSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormInvalidFeedbackProps>(), {\n  ariaLive: undefined,\n  forceShow: false,\n  id: undefined,\n  role: undefined,\n  state: null,\n  tag: 'div',\n  text: undefined,\n  tooltip: false,\n})\nconst props = useDefaults(_props, 'BFormInvalidFeedback')\ndefineSlots<BFormInvalidFeedbackSlots>()\n\nconst computedShow = computed(() => props.forceShow === true || props.state === false)\n\nconst computedClasses = computed(() => ({\n  'd-block': computedShow.value,\n  'invalid-feedback': !props.tooltip,\n  'invalid-tooltip': props.tooltip,\n}))\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"row d-flex flex-wrap\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormRowSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormRowProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BFormRowProps>(), {\n  tag: 'div',\n})\nconst props = useDefaults(_props, 'BFormRow')\ndefineSlots<BFormRowSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"row d-flex flex-wrap\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormRowSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormRowProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BFormRowProps>(), {\n  tag: 'div',\n})\nconst props = useDefaults(_props, 'BFormRow')\ndefineSlots<BFormRowSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" :id=\"props.id\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormTextProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BFormTextSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormTextProps>(), {\n  id: undefined,\n  inline: false,\n  tag: 'small',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BFormText')\ndefineSlots<BFormTextSlots>()\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'form-text': !props.inline,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :id=\"props.id\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormTextProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BFormTextSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormTextProps>(), {\n  id: undefined,\n  inline: false,\n  tag: 'small',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BFormText')\ndefineSlots<BFormTextSlots>()\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'form-text': !props.inline,\n  },\n])\n</script>\n","<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"props.id\"\n    :role=\"props.role\"\n    :aria-live=\"props.ariaLive\"\n    :aria-atomic=\"props.ariaLive ? true : undefined\"\n    :class=\"computedClasses\"\n  >\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormValidFeedbackProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormValidFeedbackSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormValidFeedbackProps>(), {\n  ariaLive: undefined,\n  forceShow: false,\n  id: undefined,\n  role: undefined,\n  state: null,\n  tag: 'div',\n  text: undefined,\n  tooltip: false,\n})\nconst props = useDefaults(_props, 'BFormInvalidFeedback')\ndefineSlots<BFormValidFeedbackSlots>()\n\nconst computedShow = computed(() => props.forceShow === true || props.state === true)\n\nconst computedClasses = computed(() => ({\n  'd-block': computedShow.value,\n  'valid-feedback': !props.tooltip,\n  'valid-tooltip': props.tooltip,\n}))\n</script>\n","<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"props.id\"\n    :role=\"props.role\"\n    :aria-live=\"props.ariaLive\"\n    :aria-atomic=\"props.ariaLive ? true : undefined\"\n    :class=\"computedClasses\"\n  >\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BFormValidFeedbackProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormValidFeedbackSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormValidFeedbackProps>(), {\n  ariaLive: undefined,\n  forceShow: false,\n  id: undefined,\n  role: undefined,\n  state: null,\n  tag: 'div',\n  text: undefined,\n  tooltip: false,\n})\nconst props = useDefaults(_props, 'BFormInvalidFeedback')\ndefineSlots<BFormValidFeedbackSlots>()\n\nconst computedShow = computed(() => props.forceShow === true || props.state === true)\n\nconst computedClasses = computed(() => ({\n  'd-block': computedShow.value,\n  'valid-feedback': !props.tooltip,\n  'valid-tooltip': props.tooltip,\n}))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ,oBAAA,YAVC,SAUmB,uBAAsB;EAGxD,MAAM,gBAAA,GAAA,IAAA,gBAA8B,MAAM,cAAc,QAAQ,MAAM,UAAU,MAAK;EAErF,MAAM,mBAAA,GAAA,IAAA,iBAAkC;GACtC,WAAW,aAAa;GACxB,oBAAoB,CAAC,MAAM;GAC3B,mBAAmB,MAAM;GAC1B,EAAC;;qGAtCO,MAAK,CAAC,IAAG,EAAA;IACb,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IACV,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC;IACZ,cAAA,GAAA,IAAA,OAAW,MAAK,CAAC;IACjB,gBAAA,GAAA,IAAA,OAAa,MAAK,CAAC,WAAQ,OAAU,KAAA;IACrC,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAA;;oCAID,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;;;;;;;;;;;;;;;;;;EEInB,MAAM,QAAQ,oBAAA,YAHC,SAGmB,WAAU;;qGAb1B,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,wBAAsB,EAAA;oCAC7C,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;EEoBZ,MAAM,QAAQ,oBAAA,YAPC,SAOmB,YAAW;EAG7C,MAAM,eAAe,+BAAA,uBAAuB,MAAK;EACjD,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CACrC,aAAa,OACb,EACE,aAAa,CAAC,MAAM,QACrB,CACF,CAAA;;qGA9BiB,MAAK,CAAC,IAAG,EAAA;IAAG,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IAAK,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAA;;oCAGzC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE4BnB,MAAM,QAAQ,oBAAA,YAVC,SAUmB,uBAAsB;EAGxD,MAAM,gBAAA,GAAA,IAAA,gBAA8B,MAAM,cAAc,QAAQ,MAAM,UAAU,KAAI;EAEpF,MAAM,mBAAA,GAAA,IAAA,iBAAkC;GACtC,WAAW,aAAa;GACxB,kBAAkB,CAAC,MAAM;GACzB,iBAAiB,MAAM;GACxB,EAAC;;qGAtCO,MAAK,CAAC,IAAG,EAAA;IACb,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IACV,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC;IACZ,cAAA,GAAA,IAAA,OAAW,MAAK,CAAC;IACjB,gBAAA,GAAA,IAAA,OAAa,MAAK,CAAC,WAAQ,OAAU,KAAA;IACrC,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAA;;oCAID,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"}