import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
var c = {
	key: 0,
	class: "ui-progress-bar"
}, l = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, u = { class: "ui-progress-bar__message flex-grow-1" }, d = { class: "ui-progress-bar__percent" }, f = /* @__PURE__ */ i({
	__name: "PlProgressBar",
	props: {
		loading: { type: Boolean },
		progress: { default: 0 },
		completeMessage: { default: "Completed" }
	},
	setup(i) {
		let f = i, p = e(() => f.progress === 100 ? f.completeMessage : "");
		return (e, f) => i.loading ? (o(), n("div", c, [r("div", {
			class: "ui-progress-bar__indicator",
			style: a({ width: i.progress + "%" })
		}, null, 4), r("div", l, [r("div", u, s(p.value), 1), r("div", d, s(i.progress + "%"), 1)])])) : t("", !0);
	}
});
export { f as default };

//# sourceMappingURL=PlProgressBar.vue2.js.map