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