bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
64 lines (63 loc) • 2.08 kB
JavaScript
import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
import { t as getClasses } from "./getClasses-DaWzwT2S.mjs";
import { t as useAlignment } from "./useAlignment-BiCREohQ.mjs";
import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
//#endregion
//#region src/components/BContainer/BRow.vue
var BRow_default = /* @__PURE__ */ 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 = useDefaults(__props, "BRow");
const alignment = useAlignment(() => props.alignH);
const rowColsClasses = computed(() => 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 = 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 openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), { class: normalizeClass(["row", computedClasses.value]) }, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, ["class"]);
};
}
});
//#endregion
export { BRow_default as t };
//# sourceMappingURL=BRow-BCEK3fe6.mjs.map