bootstrap-vue-next/dist/BRow-DGi1WkB9.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_getClasses = require("./getClasses-BQLj0MHF.js");
const require_useAlignment = require("./useAlignment-CY-mnB2p.js");
let vue = require("vue");
//#endregion
//#region src/components/BContainer/BRow.vue
var BRow_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BRow",
	props: {
		tag: { default: "div" },
		gutterX: { default: void 0 },
		gutterY: { default: void 0 },
		noGutters: {
			type: Boolean,
			default: false
		},
		alignV: { default: void 0 },
		alignH: { default: void 0 },
		alignContent: { default: void 0 },
		cols: { default: void 0 },
		colsSm: { default: void 0 },
		colsMd: { default: void 0 },
		colsLg: { default: void 0 },
		colsXl: { default: void 0 },
		colsXxl: { default: void 0 }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BRow");
		const alignment = require_useAlignment.useAlignment(() => props.alignH);
		const rowColsClasses = (0, vue.computed)(() => require_getClasses.getClasses({
			cols: props.cols,
			colsLg: props.colsLg,
			colsMd: props.colsMd,
			colsSm: props.colsSm,
			colsXl: props.colsXl,
			colsXxl: props.colsXxl
		}, [
			"cols",
			"colsLg",
			"colsMd",
			"colsSm",
			"colsXl",
			"colsXxl"
		], "cols", "row-cols"));
		const computedClasses = (0, vue.computed)(() => [rowColsClasses.value, {
			[`gx-${props.gutterX}`]: props.gutterX !== void 0,
			[`gy-${props.gutterY}`]: props.gutterY !== void 0,
			"g-0": props.noGutters,
			[`align-items-${props.alignV}`]: props.alignV !== void 0,
			[alignment.value]: props.alignH !== void 0,
			[`align-content-${props.alignContent}`]: props.alignContent !== void 0
		}]);
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: (0, vue.normalizeClass)(["row", computedClasses.value]) }, {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
Object.defineProperty(exports, "BRow_default", {
	enumerable: true,
	get: function() {
		return BRow_default;
	}
});

//# sourceMappingURL=BRow-DGi1WkB9.js.map