bootstrap-vue-next/dist/BCol-C4v-TOX6.mjs

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

import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
import { t as getClasses } from "./getClasses-DaWzwT2S.mjs";
import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
//#endregion
//#region src/components/BContainer/BCol.vue
var BCol_default = /* @__PURE__ */ 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 = useDefaults(__props, "BCol");
		const classList = computed(() => [
			...getClasses({
				sm: props.sm,
				md: props.md,
				lg: props.lg,
				xl: props.xl,
				xxl: props.xxl
			}, [
				"sm",
				"md",
				"lg",
				"xl",
				"xxl"
			], "col"),
			...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"),
			...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 = 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 openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), { class: normalizeClass(computedClasses.value) }, {
				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
export { BCol_default as t };

//# sourceMappingURL=BCol-C4v-TOX6.mjs.map