bootstrap-vue-next/dist/BFormValidFeedback-Ot8gdDST.js

Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development

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