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