bootstrap-vue-next/dist/BCard-CgbTFn3S.js

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

require("./chunk-CoQrYLCe.js");
const require_dist = require("./dist-BJ15ThEs.js");
const require_dom = require("./dom-Bs6DzM72.js");
const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
const require_object = require("./object-BN7QwMcz.js");
const require_useColorVariantClasses = require("./useColorVariantClasses-CEfOwjPv.js");
const require_BImg = require("./BImg-Dyy0N-WQ.js");
let vue = require("vue");
//#endregion
//#region src/components/BCard/BCardImg.vue
var BCardImg_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardImg",
	props: {
		placement: { default: "top" },
		blank: {
			type: Boolean,
			default: void 0
		},
		blankColor: { default: void 0 },
		block: {
			type: Boolean,
			default: void 0
		},
		fluid: {
			type: Boolean,
			default: void 0
		},
		fluidGrow: {
			type: Boolean,
			default: void 0
		},
		height: { default: void 0 },
		tag: {},
		lazy: {
			type: Boolean,
			default: void 0
		},
		sizes: { default: void 0 },
		src: { default: void 0 },
		srcset: { default: void 0 },
		thumbnail: {
			type: Boolean,
			default: void 0
		},
		width: { default: void 0 },
		rounded: {
			type: [
				Boolean,
				String,
				Number
			],
			default: void 0
		},
		roundedTop: {
			type: [
				Boolean,
				String,
				Number
			],
			default: void 0
		},
		roundedBottom: {
			type: [
				Boolean,
				String,
				Number
			],
			default: void 0
		},
		roundedStart: {
			type: [
				Boolean,
				String,
				Number
			],
			default: void 0
		},
		roundedEnd: {
			type: [
				Boolean,
				String,
				Number
			],
			default: void 0
		}
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardImg");
		const baseAlignmentClasses = (0, vue.computed)(() => ({
			"card-img-top": props.placement === "top",
			"card-img-end": props.placement === "end",
			"card-img-bottom": props.placement === "bottom",
			"card-img-start": props.placement === "start",
			"card-img": props.placement === "overlay"
		}));
		const computedImgProps = (0, vue.computed)(() => require_object.omit(props, ["placement"]));
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)(require_BImg.BImg_default, (0, vue.mergeProps)(computedImgProps.value, { class: baseAlignmentClasses.value }), null, 16, ["class"]);
		};
	}
});
//#endregion
//#region src/components/BCardHeadFoot.vue
var BCardHeadFoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardHeadFoot",
	props: {
		borderVariant: { default: null },
		tag: { default: "div" },
		text: { default: void 0 },
		variant: { default: null },
		bgVariant: { default: null },
		textVariant: { default: null }
	},
	setup(__props) {
		const computedClasses = require_useColorVariantClasses.useColorVariantClasses(__props);
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.tag), { class: (0, vue.normalizeClass)((0, vue.unref)(computedClasses)) }, {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.text), 1)])]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
//#region src/components/BCard/BCardHeader.vue
var BCardHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardHeader",
	props: {
		borderVariant: { default: void 0 },
		tag: { default: "div" },
		text: { default: void 0 },
		variant: { default: void 0 },
		bgVariant: { default: void 0 },
		textVariant: { default: void 0 }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardHeader");
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)(BCardHeadFoot_default, (0, vue.mergeProps)({ class: "card-header" }, (0, vue.unref)(props)), {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
				_: 3
			}, 16);
		};
	}
});
//#endregion
//#region src/components/BCard/BCardTitle.vue
var BCardTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardTitle",
	props: {
		tag: { default: "h4" },
		text: { default: void 0 }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardTitle");
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: "card-title" }, {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
				_: 3
			});
		};
	}
});
//#endregion
//#region src/components/BCard/BCardSubtitle.vue
var BCardSubtitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardSubtitle",
	props: {
		text: { default: void 0 },
		tag: { default: "h6" },
		textVariant: { default: "body-secondary" }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardSubtitle");
		const computedClasses = require_useColorVariantClasses.useColorVariantClasses(props);
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: (0, vue.normalizeClass)(["card-subtitle mb-2", (0, vue.unref)(computedClasses)]) }, {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
//#region src/components/BCard/BCardBody.vue
var BCardBody_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardBody",
	props: {
		borderVariant: { default: null },
		overlay: {
			type: Boolean,
			default: false
		},
		subtitle: { default: void 0 },
		subtitleTag: { default: "h4" },
		subtitleTextVariant: { default: void 0 },
		tag: { default: "div" },
		text: { default: void 0 },
		title: { default: void 0 },
		titleTag: { default: "h4" },
		variant: { default: null },
		bgVariant: { default: null },
		textVariant: { default: null }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardBody");
		const slots = (0, vue.useSlots)();
		const hasTitleSlot = (0, vue.computed)(() => !require_dom.isEmptySlot(slots.title));
		const hasSubtitleSlot = (0, vue.computed)(() => !require_dom.isEmptySlot(slots.subtitle));
		const colorClasses = require_useColorVariantClasses.useColorVariantClasses(props);
		const computedClasses = (0, vue.computed)(() => [colorClasses.value, props.overlay ? "card-img-overlay" : "card-body"]);
		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.unref)(props).title || hasTitleSlot.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardTitle_default, {
						key: 0,
						tag: (0, vue.unref)(props).titleTag
					}, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).title), 1)])]),
						_: 3
					}, 8, ["tag"])) : (0, vue.createCommentVNode)("", true),
					!!(0, vue.unref)(props).subtitle || hasSubtitleSlot.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardSubtitle_default, {
						key: 1,
						tag: (0, vue.unref)(props).subtitleTag,
						"text-variant": (0, vue.unref)(props).subtitleTextVariant
					}, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "subtitle", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).subtitle), 1)])]),
						_: 3
					}, 8, ["tag", "text-variant"])) : (0, vue.createCommentVNode)("", true),
					(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])
				]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
//#region src/components/BCard/BCardFooter.vue
var BCardFooter_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCardFooter",
	props: {
		borderVariant: { default: void 0 },
		tag: { default: "div" },
		text: { default: void 0 },
		variant: { default: void 0 },
		bgVariant: { default: void 0 },
		textVariant: { default: void 0 }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCardFooter");
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)(BCardHeadFoot_default, (0, vue.mergeProps)({ class: "card-footer" }, (0, vue.unref)(props)), {
				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).text), 1)])]),
				_: 3
			}, 16);
		};
	}
});
//#endregion
//#region src/components/BCard/BCard.vue
var BCard_default = /* @__PURE__ */ (0, vue.defineComponent)({
	__name: "BCard",
	props: {
		align: { default: void 0 },
		bodyBgVariant: { default: void 0 },
		bodyBorderVariant: { default: void 0 },
		bodyClass: { default: void 0 },
		bodyTag: { default: "div" },
		bodyText: { default: "" },
		bodyTextVariant: { default: void 0 },
		borderVariant: { default: null },
		footer: { default: void 0 },
		footerBgVariant: { default: void 0 },
		footerBorderVariant: { default: void 0 },
		footerClass: { default: void 0 },
		footerTag: { default: "div" },
		footerTextVariant: { default: void 0 },
		footerVariant: { default: null },
		header: { default: void 0 },
		headerBgVariant: { default: void 0 },
		headerBorderVariant: { default: void 0 },
		headerClass: { default: void 0 },
		headerTag: { default: "div" },
		headerTextVariant: { default: void 0 },
		headerVariant: { default: null },
		imgAlt: { default: void 0 },
		imgPlacement: { default: "top" },
		imgHeight: { default: void 0 },
		imgSrc: { default: void 0 },
		imgWidth: { default: void 0 },
		noBody: {
			type: Boolean,
			default: false
		},
		subtitle: { default: void 0 },
		subtitleTag: { default: "h6" },
		subtitleTextVariant: { default: "body-secondary" },
		tag: { default: "div" },
		title: { default: void 0 },
		titleTag: { default: "h4" },
		variant: { default: null },
		bgVariant: { default: null },
		textVariant: { default: null }
	},
	setup(__props) {
		const props = require_useDefaults.useDefaults(__props, "BCard");
		const slots = (0, vue.useSlots)();
		const hasHeaderSlot = (0, vue.computed)(() => !require_dom.isEmptySlot(slots.header));
		const hasFooterSlot = (0, vue.computed)(() => !require_dom.isEmptySlot(slots.footer));
		const colorClasses = require_useColorVariantClasses.useColorVariantClasses(props);
		const computedClasses = (0, vue.computed)(() => [colorClasses.value, {
			[`text-${props.align}`]: props.align !== void 0,
			"flex-row": props.imgPlacement === "start",
			"flex-row-reverse": props.imgPlacement === "end"
		}]);
		const imgAttr = (0, vue.computed)(() => ({
			src: props.imgSrc,
			alt: props.imgAlt,
			height: props.imgHeight,
			width: props.imgWidth,
			placement: props.imgPlacement
		}));
		const ReusableImg = require_dist.createReusableTemplate();
		return (_ctx, _cache) => {
			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), { class: (0, vue.normalizeClass)(["card", computedClasses.value]) }, {
				default: (0, vue.withCtx)(() => [
					(0, vue.createVNode)((0, vue.unref)(ReusableImg).define, null, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "img", {}, () => [(0, vue.unref)(props).imgSrc ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardImg_default, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, imgAttr.value)), null, 16)) : (0, vue.createCommentVNode)("", true)])]),
						_: 3
					}),
					(0, vue.unref)(props).imgPlacement !== "bottom" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ReusableImg).reuse, { key: 0 })) : (0, vue.createCommentVNode)("", true),
					(0, vue.unref)(props).header || hasHeaderSlot.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardHeader_default, {
						key: 1,
						"bg-variant": (0, vue.unref)(props).headerBgVariant,
						variant: (0, vue.unref)(props).headerVariant,
						"border-variant": (0, vue.unref)(props).headerBorderVariant,
						tag: (0, vue.unref)(props).headerTag,
						"text-variant": (0, vue.unref)(props).headerTextVariant,
						class: (0, vue.normalizeClass)((0, vue.unref)(props).headerClass)
					}, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).header), 1)])]),
						_: 3
					}, 8, [
						"bg-variant",
						"variant",
						"border-variant",
						"tag",
						"text-variant",
						"class"
					])) : (0, vue.createCommentVNode)("", true),
					!(0, vue.unref)(props).noBody ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardBody_default, {
						key: 2,
						overlay: (0, vue.unref)(props).imgPlacement === "overlay",
						"bg-variant": (0, vue.unref)(props).bodyBgVariant,
						"border-variant": (0, vue.unref)(props).bodyBorderVariant,
						tag: (0, vue.unref)(props).bodyTag,
						"text-variant": (0, vue.unref)(props).bodyTextVariant,
						subtitle: (0, vue.unref)(props).subtitle,
						"subtitle-tag": (0, vue.unref)(props).subtitleTag,
						"subtitle-text-variant": (0, vue.unref)(props).subtitleTextVariant,
						title: (0, vue.unref)(props).title,
						"title-tag": (0, vue.unref)(props).titleTag,
						class: (0, vue.normalizeClass)((0, vue.unref)(props).bodyClass)
					}, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).bodyText), 1)])]),
						_: 3
					}, 8, [
						"overlay",
						"bg-variant",
						"border-variant",
						"tag",
						"text-variant",
						"subtitle",
						"subtitle-tag",
						"subtitle-text-variant",
						"title",
						"title-tag",
						"class"
					])) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 3 }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).bodyText), 1)]),
					(0, vue.unref)(props).footer || hasFooterSlot.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BCardFooter_default, {
						key: 4,
						"bg-variant": (0, vue.unref)(props).footerBgVariant,
						"border-variant": (0, vue.unref)(props).footerBorderVariant,
						variant: (0, vue.unref)(props).footerVariant,
						tag: (0, vue.unref)(props).footerTag,
						"text-variant": (0, vue.unref)(props).footerTextVariant,
						class: (0, vue.normalizeClass)((0, vue.unref)(props).footerClass)
					}, {
						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).footer), 1)])]),
						_: 3
					}, 8, [
						"bg-variant",
						"border-variant",
						"variant",
						"tag",
						"text-variant",
						"class"
					])) : (0, vue.createCommentVNode)("", true),
					(0, vue.unref)(props).imgPlacement === "bottom" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ReusableImg).reuse, { key: 5 })) : (0, vue.createCommentVNode)("", true)
				]),
				_: 3
			}, 8, ["class"]);
		};
	}
});
//#endregion
Object.defineProperty(exports, "BCardBody_default", {
	enumerable: true,
	get: function() {
		return BCardBody_default;
	}
});
Object.defineProperty(exports, "BCardFooter_default", {
	enumerable: true,
	get: function() {
		return BCardFooter_default;
	}
});
Object.defineProperty(exports, "BCardHeader_default", {
	enumerable: true,
	get: function() {
		return BCardHeader_default;
	}
});
Object.defineProperty(exports, "BCardImg_default", {
	enumerable: true,
	get: function() {
		return BCardImg_default;
	}
});
Object.defineProperty(exports, "BCardSubtitle_default", {
	enumerable: true,
	get: function() {
		return BCardSubtitle_default;
	}
});
Object.defineProperty(exports, "BCardTitle_default", {
	enumerable: true,
	get: function() {
		return BCardTitle_default;
	}
});
Object.defineProperty(exports, "BCard_default", {
	enumerable: true,
	get: function() {
		return BCard_default;
	}
});

//# sourceMappingURL=BCard-CgbTFn3S.js.map