bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BFormGroup-DBVGyJ-f.mjs

@@ -0,0 +1,381 @@
+import { d as formGroupKey } from "./keys-CQKrwmvN.mjs";
+import { n as createReusableTemplate } from "./dist-Dn5blevd.mjs";
+import { s as isVisible, t as attemptFocus } from "./dom-AhkaSoh8.mjs";
+import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { a as upperFirst } from "./stringUtils-BP8rZgjn.mjs";
+import { t as BCol_default } from "./BCol-BjC3q-su.mjs";
+import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "./BFormValidFeedback-foz9BlkH.mjs";
+import { t as useAriaInvalid } from "./useAriaInvalid-01Dd60GC.mjs";
+import { t as useStateClass } from "./useStateClass-DKjpw1Pn.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, 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/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 LabelContentTemplate = createReusableTemplate();
+		const ContentTemplate = createReusableTemplate();
+		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);
+		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(() => [
+					createVNode(unref(ContentTemplate).define, null, {
+						default: withCtx(() => [
+							slots["invalid-feedback"] || unref(props).invalidFeedback ? (openBlock(), createBlock(BFormInvalidFeedback_default, {
+								key: 0,
+								id: unref(invalidFeedbackId),
+								"aria-live": unref(props).feedbackAriaLive,
+								state: computedState.value,
+								tooltip: unref(props).tooltip
+							}, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "invalid-feedback", {}, () => [createTextVNode(toDisplayString(unref(props).invalidFeedback), 1)])]),
+								_: 3
+							}, 8, [
+								"id",
+								"aria-live",
+								"state",
+								"tooltip"
+							])) : createCommentVNode("", true),
+							slots["valid-feedback"] || unref(props).validFeedback ? (openBlock(), createBlock(BFormValidFeedback_default, {
+								key: 1,
+								id: unref(validFeedbackId),
+								"aria-live": unref(props).feedbackAriaLive,
+								state: computedState.value,
+								tooltip: unref(props).tooltip
+							}, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "valid-feedback", {}, () => [createTextVNode(toDisplayString(unref(props).validFeedback), 1)])]),
+								_: 3
+							}, 8, [
+								"id",
+								"aria-live",
+								"state",
+								"tooltip"
+							])) : createCommentVNode("", true),
+							slots.description || unref(props).description ? (openBlock(), createBlock(BFormText_default, {
+								key: 2,
+								id: unref(descriptionId)
+							}, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(unref(props).description), 1)])]),
+								_: 3
+							}, 8, ["id"])) : createCommentVNode("", true)
+						]),
+						_: 3
+					}),
+					createVNode(unref(LabelContentTemplate).define, null, {
+						default: withCtx(() => [slots.label || unref(props).label || isHorizontal.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isHorizontal.value ? (openBlock(), createBlock(BCol_default, mergeProps({ key: 0 }, labelColProps.value, {
+							id: unref(labelId),
+							tag: labelTag.value,
+							for: computedLabelFor.value || null,
+							tabindex: isFieldset.value ? "-1" : null,
+							class: [labelAlignClasses.value, labelClasses.value],
+							onClick: _cache[0] || (_cache[0] = ($event) => isFieldset.value ? onLegendClick : null)
+						}), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(unref(props).label), 1)])]),
+							_: 3
+						}, 16, [
+							"id",
+							"tag",
+							"for",
+							"tabindex",
+							"class"
+						])) : (openBlock(), createBlock(resolveDynamicComponent(labelTag.value), {
+							key: 1,
+							id: unref(labelId),
+							for: computedLabelFor.value || null,
+							tabindex: isFieldset.value ? "-1" : null,
+							class: normalizeClass(labelClasses.value),
+							onClick: _cache[1] || (_cache[1] = ($event) => isFieldset.value ? onLegendClick : null)
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(unref(props).label), 1)])]),
+							_: 3
+						}, 8, [
+							"id",
+							"for",
+							"tabindex",
+							"class"
+						]))], 64)) : createCommentVNode("", true)]),
+						_: 3
+					}),
+					isHorizontal.value ? (openBlock(), createBlock(BFormRow_default, { key: 0 }, {
+						default: withCtx(() => [createVNode(unref(LabelContentTemplate).reuse), 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(unref(ContentTemplate).reuse)]),
+							_: 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)
+						}),
+						createVNode(unref(LabelContentTemplate).reuse),
+						createVNode(unref(ContentTemplate).reuse)
+					], 512)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						createVNode(unref(LabelContentTemplate).reuse),
+						renderSlot(_ctx.$slots, "default", {
+							id: unref(computedId),
+							ariaDescribedby: null,
+							descriptionId: unref(descriptionId),
+							labelId: unref(labelId)
+						}),
+						createVNode(unref(ContentTemplate).reuse)
+					], 64))], 64))
+				]),
+				_: 3
+			}, 16, [
+				"id",
+				"disabled",
+				"role",
+				"aria-invalid",
+				"aria-labelledby",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { BFormGroup_default as t };
+
+//# sourceMappingURL=BFormGroup-DBVGyJ-f.mjs.map

package/dist/BFormGroup-DBVGyJ-f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormGroup-DBVGyJ-f.mjs","names":["$attrs"],"sources":["../src/utils/props.ts","../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  <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    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\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 ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.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 ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\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        <ContentTemplate.reuse />\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        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\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 BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\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 LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\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</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    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\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 ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.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 ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\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        <ContentTemplate.reuse />\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        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\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 BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\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 LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\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</script>\n"],"mappings":"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"}

package/dist/BFormInput-4vCGzAoO.js

@@ -0,0 +1,142 @@
+require("./chunk-CoQrYLCe.js");
+const require_keys = require("./keys-durSVUrO.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useFormInput = require("./useFormInput-AX7ikSmn.js");
+let vue = require("vue");
+//#region src/components/BFormInput/BFormInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"value",
+	"name",
+	"form",
+	"type",
+	"disabled",
+	"placeholder",
+	"required",
+	"autocomplete",
+	"readonly",
+	"min",
+	"max",
+	"step",
+	"list",
+	"aria-required",
+	"aria-invalid"
+];
+//#endregion
+//#region src/components/BFormInput/BFormInput.vue
+var BFormInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BFormInput",
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
+		max: { default: void 0 },
+		min: { default: void 0 },
+		step: { default: void 0 },
+		type: { default: "text" },
+		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, "BFormInput");
+		const [modelValue, modelModifiers] = (0, vue.useModel)(__props, "modelValue", { set: (v) => require_useFormInput.normalizeInput(v, modelModifiers) });
+		const input = (0, vue.useTemplateRef)("_input");
+		const inInputGroup = (0, vue.inject)(require_keys.inputGroupKey, false);
+		const { computedId, computedAriaInvalid, onInput, onChange, onBlur, stateClass, focus, blur, isDisabled } = require_useFormInput.useFormInput(props, input, modelValue, modelModifiers);
+		const computedClasses = (0, vue.computed)(() => {
+			const isRange = props.type === "range";
+			const isColor = props.type === "color";
+			return [stateClass.value, {
+				"form-range": isRange,
+				"form-control": isColor || !props.plaintext && !isRange || isRange && inInputGroup,
+				"form-control-color": isColor,
+				"form-control-plaintext": props.plaintext && !isRange && !isColor,
+				[`form-control-${props.size}`]: !!props.size
+			}];
+		});
+		__expose({
+			blur,
+			element: input,
+			flushDebounce: onBlur,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+				id: (0, vue.unref)(computedId),
+				ref: "_input",
+				value: (0, vue.unref)(modelValue),
+				class: (0, vue.normalizeClass)(computedClasses.value),
+				name: (0, vue.unref)(props).name || void 0,
+				form: (0, vue.unref)(props).form || void 0,
+				type: (0, vue.unref)(props).type,
+				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,
+				min: (0, vue.unref)(props).min,
+				max: (0, vue.unref)(props).max,
+				step: (0, vue.unref)(props).step,
+				list: (0, vue.unref)(props).type !== "password" ? (0, vue.unref)(props).list : void 0,
+				"aria-required": (0, vue.unref)(props).required || void 0,
+				"aria-invalid": (0, vue.unref)(computedAriaInvalid),
+				onInput: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(onInput) && (0, vue.unref)(onInput)(...args)),
+				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, 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BFormInput_default", {
+	enumerable: true,
+	get: function() {
+		return BFormInput_default;
+	}
+});
+
+//# sourceMappingURL=BFormInput-4vCGzAoO.js.map

package/dist/BFormInput-4vCGzAoO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormInput-4vCGzAoO.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/ComponentProps'\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/ComponentProps'\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"}