bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BPlaceholder-DPEVmogO.js

@@ -0,0 +1,326 @@
+require("./chunk-CoQrYLCe.js");
+const require_dist = require("./dist-B_c893QG.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useColorVariantClasses = require("./useColorVariantClasses-DVaQDVQC.js");
+const require_BCard = require("./BCard-BIQQg9Rx.js");
+const require_BTableSimple = require("./BTableSimple-fwaF0Kws.js");
+let vue = require("vue");
+//#endregion
+//#region src/components/BPlaceholder/BPlaceholder.vue
+var BPlaceholder_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "BPlaceholder",
+	props: {
+		animation: { default: void 0 },
+		cols: { default: 12 },
+		size: { default: "md" },
+		tag: { default: "span" },
+		variant: { default: null },
+		width: { default: void 0 },
+		wrapperTag: { default: "span" }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BPlaceholder");
+		const widthString = (0, vue.computed)(() => props.width === void 0 ? void 0 : typeof props.width === "number" ? props.width.toString() : props.width.replace("%", ""));
+		const colsString = (0, vue.computed)(() => props.cols === void 0 ? void 0 : typeof props.cols === "number" ? props.cols.toString() : props.cols);
+		const colorClasses = require_useColorVariantClasses.useColorVariantClasses((0, vue.computed)(() => ({ bgVariant: props.variant })));
+		const computedClasses = (0, vue.computed)(() => [colorClasses.value, {
+			[`col-${colsString.value}`]: colsString.value !== void 0 && widthString.value === void 0,
+			[`placeholder-${props.size}`]: props.size !== "md"
+		}]);
+		const wrapperClasses = (0, vue.computed)(() => ({ [`placeholder-${props.animation}`]: props.animation !== void 0 }));
+		const computedStyle = (0, vue.computed)(() => ({ width: widthString.value === void 0 ? void 0 : `${widthString.value}%` }));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).wrapperTag), { class: (0, vue.normalizeClass)(wrapperClasses.value) }, {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.tag), (0, vue.mergeProps)(_ctx.$attrs, {
+					class: ["placeholder", computedClasses.value],
+					style: computedStyle.value
+				}), null, 16, ["class", "style"]))]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BPlaceholder/BPlaceholderButton.vue
+var BPlaceholderButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BPlaceholderButton",
+	props: {
+		animation: { default: void 0 },
+		cols: { default: void 0 },
+		tag: { default: "div" },
+		variant: { default: "primary" },
+		width: { default: void 0 }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BPlaceholderButton");
+		const computedClasses = (0, vue.computed)(() => ({ [`btn-${props.variant}`]: props.variant !== null }));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(BPlaceholder_default, {
+				class: (0, vue.normalizeClass)(["btn disabled", computedClasses.value]),
+				animation: (0, vue.unref)(props).animation,
+				width: (0, vue.unref)(props).width,
+				cols: (0, vue.unref)(props).cols,
+				tag: (0, vue.unref)(props).tag,
+				style: {
+					"cursor": "wait",
+					"pointer-events": "auto"
+				}
+			}, null, 8, [
+				"class",
+				"animation",
+				"width",
+				"cols",
+				"tag"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BPlaceholder/BPlaceholderCard.vue
+var BPlaceholderCard_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BPlaceholderCard",
+	props: {
+		animation: { default: void 0 },
+		footerAnimation: { default: void 0 },
+		footerSize: { default: "md" },
+		footerVariant: { default: void 0 },
+		footerWidth: { default: 100 },
+		headerAnimation: { default: void 0 },
+		headerSize: { default: "md" },
+		headerVariant: { default: void 0 },
+		headerWidth: { default: 100 },
+		imgBlankColor: { default: "#868e96" },
+		imgPlacement: { default: "top" },
+		imgHeight: { default: 100 },
+		imgSrc: { default: void 0 },
+		noButton: {
+			type: Boolean,
+			default: false
+		},
+		noFooter: {
+			type: Boolean,
+			default: false
+		},
+		noHeader: {
+			type: Boolean,
+			default: false
+		},
+		noImg: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		variant: { default: void 0 }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BPlaceholderCard");
+		const defaultAttrs = (0, vue.computed)(() => ({
+			animation: props.animation,
+			size: props.size,
+			variant: props.variant
+		}));
+		const footerComponent = (0, vue.computed)(() => !props.noButton ? BPlaceholderButton_default : BPlaceholder_default);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_BCard.BCard_default, { "img-placement": (0, vue.unref)(props).imgPlacement }, (0, vue.createSlots)({
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [
+					(0, vue.createVNode)(BPlaceholder_default, (0, vue.mergeProps)({ cols: "7" }, defaultAttrs.value), null, 16),
+					(0, vue.createVNode)(BPlaceholder_default, (0, vue.mergeProps)({ cols: "4" }, defaultAttrs.value), null, 16),
+					(0, vue.createVNode)(BPlaceholder_default, (0, vue.mergeProps)({ cols: "4" }, defaultAttrs.value), null, 16),
+					(0, vue.createVNode)(BPlaceholder_default, (0, vue.mergeProps)({ cols: "6" }, defaultAttrs.value), null, 16),
+					(0, vue.createVNode)(BPlaceholder_default, (0, vue.mergeProps)({ cols: "8" }, defaultAttrs.value), null, 16)
+				])]),
+				_: 2
+			}, [
+				!(0, vue.unref)(props).noImg ? {
+					name: "img",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "img", {}, () => [(0, vue.createVNode)(require_BCard.BCardImg_default, {
+						blank: !(0, vue.unref)(props).imgSrc ? true : false,
+						"blank-color": (0, vue.unref)(props).imgBlankColor,
+						height: !(0, vue.unref)(props).imgSrc ? (0, vue.unref)(props).imgHeight : void 0,
+						src: (0, vue.unref)(props).imgSrc,
+						"img-placement": (0, vue.unref)(props).imgPlacement,
+						style: { cursor: "wait" }
+					}, null, 8, [
+						"blank",
+						"blank-color",
+						"height",
+						"src",
+						"img-placement"
+					])])]),
+					key: "0"
+				} : void 0,
+				!(0, vue.unref)(props).noHeader ? {
+					name: "header",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [(0, vue.createVNode)(BPlaceholder_default, {
+						width: (0, vue.unref)(props).headerWidth,
+						variant: (0, vue.unref)(props).headerVariant,
+						animation: (0, vue.unref)(props).headerAnimation,
+						size: (0, vue.unref)(props).headerSize
+					}, null, 8, [
+						"width",
+						"variant",
+						"animation",
+						"size"
+					])])]),
+					key: "1"
+				} : void 0,
+				!(0, vue.unref)(props).noFooter ? {
+					name: "footer",
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(footerComponent.value), {
+						width: (0, vue.unref)(props).footerWidth,
+						animation: (0, vue.unref)(props).footerAnimation,
+						size: (0, vue.unref)(props).noButton ? (0, vue.unref)(props).footerSize : void 0,
+						variant: (0, vue.unref)(props).footerVariant
+					}, null, 8, [
+						"width",
+						"animation",
+						"size",
+						"variant"
+					]))])]),
+					key: "2"
+				} : void 0
+			]), 1032, ["img-placement"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BPlaceholder/BPlaceholderTable.vue
+var BPlaceholderTable_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BPlaceholderTable",
+	props: {
+		animation: { default: void 0 },
+		cellWidth: { default: 100 },
+		columns: { default: 5 },
+		footerAnimation: { default: void 0 },
+		footerCellWidth: { default: 100 },
+		footerColumns: { default: void 0 },
+		footerSize: { default: "md" },
+		footerVariant: { default: void 0 },
+		headerAnimation: { default: void 0 },
+		headerCellWidth: { default: 100 },
+		headerColumns: { default: void 0 },
+		headerSize: { default: "md" },
+		headerVariant: { default: void 0 },
+		noHeader: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 3 },
+		showFooter: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		variant: { default: void 0 }
+	},
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BPlaceholderTable");
+		const columnsToNumber = require_dist.useToNumber(() => props.columns);
+		const rowsToNumber = require_dist.useToNumber(() => props.rows);
+		const computedHeaderColumns = (0, vue.computed)(() => props.headerColumns ?? NaN);
+		const computedFooterColumns = (0, vue.computed)(() => props.footerColumns ?? NaN);
+		const headerColumnsNumber = require_dist.useToNumber(computedHeaderColumns);
+		const footerColumnsNumber = require_dist.useToNumber(computedFooterColumns);
+		const columnsNumber = (0, vue.computed)(() => columnsToNumber.value || 5);
+		const rowsNumber = (0, vue.computed)(() => rowsToNumber.value || 3);
+		const computedHeaderColumnsLength = (0, vue.computed)(() => props.headerColumns === void 0 ? columnsNumber.value : Number.isNaN(headerColumnsNumber.value) ? columnsNumber.value : headerColumnsNumber.value);
+		const computedFooterColumnsLength = (0, vue.computed)(() => props.footerColumns === void 0 ? columnsNumber.value : Number.isNaN(footerColumnsNumber.value) ? columnsNumber.value : footerColumnsNumber.value);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_BTableSimple.BTableSimple_default, null, {
+				default: (0, vue.withCtx)(() => [
+					!(0, vue.unref)(props).noHeader ? (0, vue.renderSlot)(_ctx.$slots, "thead", { key: 0 }, () => [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(computedHeaderColumnsLength.value, (_, i) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", { key: i }, [(0, vue.createVNode)(BPlaceholder_default, {
+							size: (0, vue.unref)(props).headerSize,
+							variant: (0, vue.unref)(props).headerVariant,
+							animation: (0, vue.unref)(props).headerAnimation,
+							width: (0, vue.unref)(props).headerCellWidth
+						}, null, 8, [
+							"size",
+							"variant",
+							"animation",
+							"width"
+						])]);
+					}), 128))])])]) : (0, vue.createCommentVNode)("", true),
+					(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createElementVNode)("tbody", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(rowsNumber.value, (_, j) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", { key: j }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(columnsNumber.value, (__, k) => {
+							return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { key: k }, [(0, vue.createVNode)(BPlaceholder_default, {
+								size: (0, vue.unref)(props).size,
+								variant: (0, vue.unref)(props).variant,
+								animation: (0, vue.unref)(props).animation,
+								width: (0, vue.unref)(props).cellWidth
+							}, null, 8, [
+								"size",
+								"variant",
+								"animation",
+								"width"
+							])]);
+						}), 128))]);
+					}), 128))])]),
+					(0, vue.unref)(props).showFooter ? (0, vue.renderSlot)(_ctx.$slots, "tfoot", { key: 1 }, () => [(0, vue.createElementVNode)("tfoot", null, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(computedFooterColumnsLength.value, (_, l) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", { key: l }, [(0, vue.createVNode)(BPlaceholder_default, {
+							size: (0, vue.unref)(props).footerSize,
+							variant: (0, vue.unref)(props).footerVariant,
+							animation: (0, vue.unref)(props).footerAnimation,
+							width: (0, vue.unref)(props).footerCellWidth
+						}, null, 8, [
+							"size",
+							"variant",
+							"animation",
+							"width"
+						])]);
+					}), 128))])])]) : (0, vue.createCommentVNode)("", true)
+				]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/BPlaceholder/BPlaceholderWrapper.vue
+var BPlaceholderWrapper_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BPlaceholderWrapper",
+	props: { loading: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const props = require_useDefaults.useDefaults(__props, "BPlaceholderWrapper");
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(props).loading ? (0, vue.renderSlot)(_ctx.$slots, "loading", { key: 0 }) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 });
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BPlaceholderButton_default", {
+	enumerable: true,
+	get: function() {
+		return BPlaceholderButton_default;
+	}
+});
+Object.defineProperty(exports, "BPlaceholderCard_default", {
+	enumerable: true,
+	get: function() {
+		return BPlaceholderCard_default;
+	}
+});
+Object.defineProperty(exports, "BPlaceholderTable_default", {
+	enumerable: true,
+	get: function() {
+		return BPlaceholderTable_default;
+	}
+});
+Object.defineProperty(exports, "BPlaceholderWrapper_default", {
+	enumerable: true,
+	get: function() {
+		return BPlaceholderWrapper_default;
+	}
+});
+Object.defineProperty(exports, "BPlaceholder_default", {
+	enumerable: true,
+	get: function() {
+		return BPlaceholder_default;
+	}
+});
+
+//# sourceMappingURL=BPlaceholder-DPEVmogO.js.map

package/dist/BPlaceholder-DPEVmogO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPlaceholder-DPEVmogO.js","names":["$attrs"],"sources":["../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue"],"sourcesContent":["<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: 'md',\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== 'md',\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: 'md',\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== 'md',\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc ? true : false\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport type {BPlaceholderCardProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: 'md',\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: 'md',\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc ? true : false\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport type {BPlaceholderCardProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: 'md',\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: 'md',\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderTableProps} from '../../types/ComponentProps'\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: 'md',\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: 'md',\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderTableProps} from '../../types/ComponentProps'\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: 'md',\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: 'md',\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderWrapperProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderWrapperProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n"],"mappings":"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"}

package/dist/BProgress-Bdf5AncM.mjs

@@ -0,0 +1,135 @@
+import { v as progressInjectionKey } from "./keys-CQKrwmvN.mjs";
+import { L as useToNumber } from "./dist-Dn5blevd.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-GuDw8a_O.mjs";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, toDisplayString, toRef, unref } from "vue";
+//#endregion
+//#region src/components/BProgress/BProgressBar.vue
+var BProgressBar_default = /* @__PURE__ */ defineComponent({
+	__name: "BProgressBar",
+	props: {
+		animated: {
+			type: Boolean,
+			default: false
+		},
+		label: { default: void 0 },
+		max: { default: void 0 },
+		precision: { default: 0 },
+		showProgress: {
+			type: Boolean,
+			default: false
+		},
+		showValue: {
+			type: Boolean,
+			default: false
+		},
+		striped: {
+			type: Boolean,
+			default: false
+		},
+		value: { default: 0 },
+		variant: { default: null },
+		bgVariant: { default: null },
+		textVariant: { default: null }
+	},
+	setup(__props) {
+		const props = useDefaults(__props, "BProgressBar");
+		const parentData = inject(progressInjectionKey, null);
+		const colorClasses = useColorVariantClasses(props);
+		const computedClasses = computed(() => [colorClasses.value, {
+			"progress-bar-animated": props.animated || parentData?.animated.value,
+			"progress-bar-striped": props.striped || parentData?.striped.value || props.animated || parentData?.animated.value
+		}]);
+		const numberPrecision = useToNumber(() => props.precision);
+		const numberValue = useToNumber(() => props.value);
+		const numberMax = useToNumber(() => props.max ?? NaN);
+		const parentMaxNumber = useToNumber(() => parentData?.max.value ?? NaN);
+		const computedLabel = computed(() => props.showValue || parentData?.showValue.value ? numberValue.value.toFixed(numberPrecision.value) : props.showProgress || parentData?.showProgress.value ? (numberValue.value * 100 / (numberMax.value || 100)).toFixed(numberPrecision.value) : props.label !== void 0 ? props.label : "");
+		const computedWidth = computed(() => parentMaxNumber.value ? `${numberValue.value * 100 / parentMaxNumber.value}%` : numberMax.value ? `${numberValue.value * 100 / numberMax.value}%` : typeof props.value === "string" ? props.value : `${props.value}%`);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["progress-bar", computedClasses.value]),
+				style: normalizeStyle({ width: computedWidth.value })
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(computedLabel.value), 1)])], 6);
+		};
+	}
+});
+//#endregion
+//#region src/components/BProgress/BProgress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-valuenow", "aria-valuemax"];
+//#endregion
+//#region src/components/BProgress/BProgress.vue
+var BProgress_default = /* @__PURE__ */ defineComponent({
+	__name: "BProgress",
+	props: {
+		height: { default: void 0 },
+		animated: {
+			type: Boolean,
+			default: void 0
+		},
+		max: { default: 100 },
+		precision: { default: void 0 },
+		showProgress: {
+			type: Boolean,
+			default: void 0
+		},
+		showValue: {
+			type: Boolean,
+			default: void 0
+		},
+		striped: {
+			type: Boolean,
+			default: void 0
+		},
+		value: { default: void 0 },
+		variant: { default: void 0 },
+		bgVariant: { default: void 0 },
+		textVariant: { default: void 0 }
+	},
+	setup(__props) {
+		const props = useDefaults(__props, "BProgress");
+		provide(progressInjectionKey, {
+			animated: toRef(() => props.animated),
+			max: toRef(() => props.max),
+			showProgress: toRef(() => props.showProgress),
+			showValue: toRef(() => props.showValue),
+			striped: toRef(() => props.striped)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "progress",
+				role: "progressbar",
+				style: normalizeStyle({ height: unref(props).height }),
+				"aria-valuenow": unref(props).value,
+				"aria-valuemin": "0",
+				"aria-valuemax": unref(props).max
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(BProgressBar_default, {
+				animated: unref(props).animated,
+				max: unref(props).max,
+				precision: unref(props).precision,
+				"show-progress": unref(props).showProgress,
+				"show-value": unref(props).showValue,
+				striped: unref(props).striped,
+				value: unref(props).value,
+				variant: unref(props).variant,
+				"text-variant": unref(props).textVariant,
+				"bg-variant": unref(props).bgVariant
+			}, null, 8, [
+				"animated",
+				"max",
+				"precision",
+				"show-progress",
+				"show-value",
+				"striped",
+				"value",
+				"variant",
+				"text-variant",
+				"bg-variant"
+			])])], 12, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { BProgressBar_default as n, BProgress_default as t };
+
+//# sourceMappingURL=BProgress-Bdf5AncM.mjs.map

package/dist/BProgress-Bdf5AncM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BProgress-Bdf5AncM.mjs","names":[],"sources":["../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgress.vue","../src/components/BProgress/BProgress.vue"],"sourcesContent":["<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BProgressBarProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BProgressBarProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport type {BProgressProps} from '../../types/ComponentProps'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport type {BProgressProps} from '../../types/ComponentProps'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ,YAbC,SAamB,eAAc;EAGhD,MAAM,aAAa,OAAO,sBAAsB,KAAI;EAEpD,MAAM,eAAe,uBAAuB,MAAK;EACjD,MAAM,kBAAkB,eAAe,CACrC,aAAa,OACb;GACE,yBAAyB,MAAM,YAAY,YAAY,SAAS;GAChE,wBACE,MAAM,WAAW,YAAY,QAAQ,SAAS,MAAM,YAAY,YAAY,SAAS;GACxF,CACF,CAAA;EAED,MAAM,kBAAkB,kBAAkB,MAAM,UAAS;EACzD,MAAM,cAAc,kBAAkB,MAAM,MAAK;EACjD,MAAM,YAAY,kBAAkB,MAAM,OAAO,IAAU;EAC3D,MAAM,kBAAkB,kBAAkB,YAAY,IAAI,SAAS,IAAU;EAE7E,MAAM,gBAAgB,eACpB,MAAM,aAAa,YAAY,UAAU,QACrC,YAAY,MAAM,QAAQ,gBAAgB,MAAK,GAC/C,MAAM,gBAAgB,YAAY,aAAa,SAC3C,YAAY,QAAQ,OAAQ,UAAU,SAAS,MAAM,QAAQ,gBAAgB,MAAK,GACpF,MAAM,UAAU,KAAA,IACd,MAAM,QACN,GACV;EAEA,MAAM,gBAAgB,eACpB,gBAAgB,QACZ,GAAI,YAAY,QAAQ,MAAO,gBAAgB,MAAM,KACrD,UAAU,QACR,GAAI,YAAY,QAAQ,MAAO,UAAU,MAAM,KAC/C,OAAO,MAAM,UAAU,WACrB,MAAM,QACN,GAAG,MAAM,MAAM,GACzB;;uBAnEE,mBAIM,OAAA;IAJD,OAAK,eAAA,CAAC,gBAAuB,gBAAA,MAAe,CAAA;IAAG,OAAK,eAAA,EAAA,OAAU,cAAA,OAAa,CAAA;OAC9E,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,cAAA,MAAa,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE8CtB,MAAM,QAAQ,YAfC,SAemB,YAAW;AAG7C,UAAQ,sBAAsB;GAC5B,UAAU,YAAY,MAAM,SAAS;GACrC,KAAK,YAAY,MAAM,IAAI;GAC3B,cAAc,YAAY,MAAM,aAAa;GAC7C,WAAW,YAAY,MAAM,UAAU;GACvC,SAAS,YAAY,MAAM,QAAA;GAC5B,CAAA;;uBAzDC,mBAsBM,OAAA;IArBJ,OAAM;IACN,MAAK;IACJ,OAAK,eAAA,EAAA,QAAW,MAAA,MAAK,CAAC,QAAM,CAAA;IAC5B,iBAAe,MAAA,MAAK,CAAC;IACtB,iBAAc;IACb,iBAAe,MAAA,MAAK,CAAC;OAEtB,WAaO,KAAA,QAAA,WAAA,EAAA,QAAA,CAZL,YAWE,sBAAA;IAVC,UAAU,MAAA,MAAK,CAAC;IAChB,KAAK,MAAA,MAAK,CAAC;IACX,WAAW,MAAA,MAAK,CAAC;IACjB,iBAAe,MAAA,MAAK,CAAC;IACrB,cAAY,MAAA,MAAK,CAAC;IAClB,SAAS,MAAA,MAAK,CAAC;IACf,OAAO,MAAA,MAAK,CAAC;IACb,SAAS,MAAA,MAAK,CAAC;IACf,gBAAc,MAAA,MAAK,CAAC;IACpB,cAAY,MAAA,MAAK,CAAC"}