bootstrap-vue-next/dist/BCol-CXEKpSfY.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-DsLf4iRY.js");
const require_getClasses = require("./getClasses-BpIobrfU.js");
let vue = require("vue");
//#endregion
//#region src/components/BContainer/BCol.vue
var BCol_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCol",
	props: {
		alignSelf: { default: void 0 },
		tag: { default: "div" },
		order: { default: void 0 },
		offset: { default: void 0 },
		cols: { default: void 0 },
		col: {
			type: Boolean,
			default: false
		},
		offsetSm: { default: void 0 },
		offsetMd: { default: void 0 },
		offsetLg: { default: void 0 },
		offsetXl: { default: void 0 },
		offsetXxl: { default: void 0 },
		orderSm: { default: void 0 },
		orderMd: { default: void 0 },
		orderLg: { default: void 0 },
		orderXl: { default: void 0 },
		orderXxl: { default: void 0 },
		sm: {
			type: [
				Boolean,
				Number,
				String
			],
			default: false
		},
		md: {
			type: [
				Boolean,
				Number,
				String
			],
			default: false
		},
		lg: {
			type: [
				Boolean,
				Number,
				String
			],
			default: false
		},
		xl: {
			type: [
				Boolean,
				Number,
				String
			],
			default: false
		},
		xxl: {
			type: [
				Boolean,
				Number,
				String
			],
			default: false
		}
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCol");
		const classList = (0, vue.computed)(() => [
			...require_getClasses.getClasses({
				sm: props.sm,
				md: props.md,
				lg: props.lg,
				xl: props.xl,
				xxl: props.xxl
			}, [
				"sm",
				"md",
				"lg",
				"xl",
				"xxl"
			], "col"),
			...require_getClasses.getClasses({
				order: props.order,
				orderLg: props.orderLg,
				orderMd: props.orderMd,
				orderSm: props.orderSm,
				orderXl: props.orderXl,
				orderXxl: props.orderXxl
			}, [
				"order",
				"orderLg",
				"orderMd",
				"orderSm",
				"orderXl",
				"orderXxl"
			], "order"),
			...require_getClasses.getClasses({
				offset: props.offset,
				offsetLg: props.offsetLg,
				offsetMd: props.offsetMd,
				offsetSm: props.offsetSm,
				offsetXl: props.offsetXl,
				offsetXxl: props.offsetXxl
			}, [
				"offset",
				"offsetLg",
				"offsetMd",
				"offsetSm",
				"offsetXl",
				"offsetXxl"
			], "offset")
		]);
		const computedClasses = (0, vue.computed)(() => [classList.value, {
			col: props.col || !classList.value.some((v) => v.startsWith("col-")) && !props.cols,
			[`col-${props.cols}`]: props.cols !== void 0,
			[`offset-${props.offset}`]: props.offset !== void 0,
			[`order-${props.order}`]: props.order !== void 0,
			[`align-self-${props.alignSelf}`]: props.alignSelf !== void 0
		}]);
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: (0, vue.normalizeClass)(computedClasses.value) }, {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
Object.defineProperty(exports, "BCol_default", {
	enumerable: true,
	get: function() {
		return BCol_default;
	}
});

//# sourceMappingURL=BCol-CXEKpSfY.js.map