@oneflowui/ui 0.4.2 → 0.4.3

package/dist/components/base/PersonaCard.vue2.js

@@ -0,0 +1,173 @@
+import { defineComponent as C, computed as o, openBlock as t, createElementBlock as n, mergeProps as P, createElementVNode as c, normalizeStyle as f, toDisplayString as l, renderSlot as b, createCommentVNode as i, Fragment as w, renderList as A } from "vue";
+const E = { class: "of-persona-card__body" }, F = { class: "of-persona-card__name-row" }, L = {
+  key: 0,
+  class: "of-persona-card__title-badge"
+}, N = {
+  key: 1,
+  class: "of-persona-card__tags"
+}, T = { class: "of-persona-card__right" }, V = {
+  key: 0,
+  class: "of-persona-card__done-mark"
+}, D = { class: "of-persona-card__chevron" }, H = {
+  key: 0,
+  class: "of-persona-card__detail"
+}, M = /* @__PURE__ */ C({
+  name: "PersonaCard",
+  inheritAttrs: !1,
+  __name: "PersonaCard",
+  props: {
+    name: {},
+    title: {},
+    icon: {},
+    color: {},
+    subtitle: {},
+    tags: {},
+    expanded: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    done: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["update:expanded", "click"],
+  setup(r, { emit: m }) {
+    const e = r, v = m, u = [
+      {
+        accent: "var(--of-color-warning)",
+        bg: "var(--of-color-warning-light)",
+        border: "var(--of-badge-orange-border)",
+        tagBg: "var(--of-badge-orange-bg)"
+      },
+      {
+        accent: "var(--of-color-primary-500)",
+        bg: "var(--of-color-primary-50)",
+        border: "var(--of-color-primary-200)",
+        tagBg: "var(--of-color-primary-100)"
+      },
+      {
+        accent: "var(--of-role-pm-text)",
+        bg: "var(--of-role-pm-bg)",
+        border: "var(--of-badge-red-border)",
+        tagBg: "var(--of-badge-red-bg)"
+      },
+      {
+        accent: "var(--of-color-success)",
+        bg: "var(--of-color-success-light)",
+        border: "var(--of-badge-green-border)",
+        tagBg: "var(--of-badge-green-bg)"
+      },
+      {
+        accent: "var(--of-color-info)",
+        bg: "var(--of-color-info-light)",
+        border: "var(--of-badge-blue-border)",
+        tagBg: "var(--of-badge-blue-bg)"
+      },
+      {
+        accent: "var(--of-role-arch-text)",
+        bg: "var(--of-role-arch-bg)",
+        border: "var(--of-badge-purple-border)",
+        tagBg: "var(--of-badge-purple-bg)"
+      },
+      {
+        accent: "var(--of-color-error)",
+        bg: "var(--of-color-error-light)",
+        border: "var(--of-badge-red-border)",
+        tagBg: "var(--of-badge-red-bg)"
+      },
+      {
+        accent: "var(--of-role-fe-text)",
+        bg: "var(--of-role-fe-bg)",
+        border: "var(--of-badge-green-border)",
+        tagBg: "var(--of-badge-green-bg)"
+      }
+    ];
+    function h(a) {
+      let s = 0;
+      for (let d = 0; d < a.length; d++)
+        s = (s << 5) - s + a.charCodeAt(d), s |= 0;
+      return Math.abs(s);
+    }
+    const g = o(() => {
+      if (e.color) {
+        const a = e.color.replace("#", "");
+        return {
+          accent: e.color,
+          bg: `#${a}24`,
+          border: `#${a}52`,
+          tagBg: `#${a}1a`
+        };
+      }
+      return u[h(e.name) % u.length];
+    }), p = o(() => e.size === "sm" ? 24 : 32), y = o(() => e.size === "sm" ? 12 : 16), _ = o(() => e.size === "sm" ? 12 : 13), B = o(() => e.size === "sm" ? 11 : 12), x = o(() => {
+      if (e.icon) return e.icon;
+      const a = e.name.trim();
+      return a ? a.charAt(0) : "?";
+    }), z = o(() => [
+      "of-persona-card",
+      `of-persona-card--${e.size}`,
+      {
+        "of-persona-card--active": e.active,
+        "of-persona-card--done": e.done,
+        "of-persona-card--disabled": e.disabled,
+        "of-persona-card--expanded": e.expanded
+      }
+    ]), k = o(() => ({
+      "--pc-accent": g.value.accent,
+      "--pc-accent-bg": g.value.bg,
+      "--pc-accent-border": g.value.border,
+      "--pc-accent-tag-bg": g.value.tagBg
+    })), S = o(() => ({
+      width: `${p.value}px`,
+      height: `${p.value}px`,
+      fontSize: `${y.value}px`
+    }));
+    function $() {
+      e.disabled || (v("update:expanded", !e.expanded), v("click"));
+    }
+    return (a, s) => (t(), n("div", P({
+      class: z.value,
+      style: k.value
+    }, a.$attrs), [
+      c("div", {
+        class: "of-persona-card__header",
+        onClick: $
+      }, [
+        c("span", {
+          class: "of-persona-card__avatar",
+          style: f(S.value)
+        }, l(x.value), 5),
+        c("div", E, [
+          c("div", F, [
+            c("span", {
+              class: "of-persona-card__name",
+              style: f({ fontSize: `${_.value}px` })
+            }, l(r.name), 5),
+            b(a.$slots, "badge", {}, void 0, !0),
+            r.title ? (t(), n("span", L, l(r.title), 1)) : i("", !0)
+          ]),
+          r.subtitle ? (t(), n("span", {
+            key: 0,
+            class: "of-persona-card__subtitle",
+            style: f({ fontSize: `${B.value}px` })
+          }, l(r.subtitle), 5)) : i("", !0),
+          r.tags && r.tags.length > 0 ? (t(), n("div", N, [
+            (t(!0), n(w, null, A(r.tags, (d) => (t(), n("span", {
+              key: d,
+              class: "of-persona-card__tag"
+            }, l(d), 1))), 128))
+          ])) : i("", !0)
+        ]),
+        c("div", T, [
+          b(a.$slots, "actions", {}, void 0, !0),
+          r.done ? (t(), n("span", V, "✓")) : i("", !0),
+          c("span", D, l(r.expanded ? "▲" : "▼"), 1)
+        ])
+      ]),
+      r.expanded ? (t(), n("div", H, [
+        b(a.$slots, "default", {}, void 0, !0)
+      ])) : i("", !0)
+    ], 16));
+  }
+});
+export {
+  M as default
+};

package/dist/components/base/ProgressBar.vue.js

@@ -0,0 +1,7 @@
+import o from "./ProgressBar.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1aeb6aa3"]]);
+export {
+  e as default
+};

package/dist/components/base/ProgressBar.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, computed as r, openBlock as t, createElementBlock as c, mergeProps as f, createElementVNode as a, normalizeStyle as d, normalizeClass as b, renderSlot as v, toDisplayString as m, createCommentVNode as _ } from "vue";
+const g = {
+  key: 0,
+  class: "of-progress-bar__label"
+}, h = { class: "of-progress-bar__slot" }, y = { class: "of-progress-bar__value" }, $ = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "ProgressBar",
+  props: {
+    value: {},
+    height: { default: 4 },
+    color: {},
+    bgColor: { default: "var(--of-color-gray-100)" },
+    showLabel: { type: Boolean, default: !1 },
+    borderRadius: { default: 2 }
+  },
+  setup(s) {
+    const e = s, o = r(() => Math.min(100, Math.max(0, e.value))), u = r(
+      () => o.value === 100 ? "var(--of-color-success)" : e.color ?? "var(--of-color-primary-500)"
+    ), n = r(() => ({
+      height: `${e.height}px`,
+      backgroundColor: e.bgColor,
+      borderRadius: `${e.borderRadius}px`
+    })), i = r(() => ({
+      width: `${o.value}%`,
+      background: u.value,
+      borderRadius: `${e.borderRadius}px`
+    }));
+    return (l, k) => (t(), c("div", f({ class: "of-progress-bar" }, l.$attrs), [
+      a("div", {
+        class: "of-progress-bar__track pb",
+        style: d(n.value)
+      }, [
+        a("div", {
+          class: b(["of-progress-bar__fill pf", { dn: o.value === 100 }]),
+          style: d(i.value)
+        }, null, 6)
+      ], 4),
+      s.showLabel ? (t(), c("div", g, [
+        a("div", h, [
+          v(l.$slots, "default", {}, void 0, !0)
+        ]),
+        a("span", y, m(o.value) + "%", 1)
+      ])) : _("", !0)
+    ], 16));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/base/RangeSlider.vue.js

@@ -0,0 +1,7 @@
+import o from "./RangeSlider.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-df75159c"]]);
+export {
+  f as default
+};

package/dist/components/base/RangeSlider.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as r, openBlock as l, createElementBlock as n, mergeProps as m, createElementVNode as i, toDisplayString as s, createCommentVNode as d } from "vue";
+const u = { class: "of-range-slider__label" }, c = ["value", "min", "max", "step"], p = {
+  key: 0,
+  class: "of-range-slider__description"
+}, g = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "RangeSlider",
+  props: {
+    label: {},
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    description: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (t, a) => (l(), n("div", m({ class: "of-range-slider" }, t.$attrs), [
+      i("label", u, s(e.label), 1),
+      i("input", {
+        value: e.modelValue,
+        onInput: a[0] || (a[0] = (o) => t.$emit("update:modelValue", Number(o.target.value))),
+        type: "range",
+        min: e.min,
+        max: e.max,
+        step: e.step ?? 1,
+        class: "of-range-slider__input"
+      }, null, 40, c),
+      e.description ? (l(), n("p", p, s(e.description), 1)) : d("", !0)
+    ], 16));
+  }
+});
+export {
+  g as default
+};

package/dist/components/base/RefTag.vue.js

@@ -0,0 +1,7 @@
+import o from "./RefTag.vue2.js";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b527ca4"]]);
+export {
+  m as default
+};

package/dist/components/base/RefTag.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as g, computed as n, openBlock as l, createBlock as s, resolveDynamicComponent as f, mergeProps as m, withCtx as p, createCommentVNode as u, createElementVNode as v, renderSlot as d } from "vue";
+import { resolveIcon as h } from "../../utils/icon.js";
+const b = { class: "one-ref-tag__text" }, S = /* @__PURE__ */ g({
+  name: "RefTag",
+  inheritAttrs: !1,
+  __name: "RefTag",
+  props: {
+    type: { default: "spec" },
+    icon: {},
+    color: {},
+    bg: {},
+    href: {}
+  },
+  setup(e) {
+    const a = {
+      spec: {
+        icon: "file-text",
+        color: "var(--of-color-primary-700)",
+        bg: "var(--of-color-primary-50)"
+      },
+      wiki: { icon: "book-open", color: "var(--of-color-green-600)", bg: "var(--of-color-green-50)" },
+      task: { icon: "link", color: "var(--of-color-orange-600)", bg: "var(--of-color-orange-50)" }
+    }, o = e, t = n(() => a[o.type ?? ""] ?? a.spec), c = n(() => {
+      const r = o.icon ?? t.value.icon;
+      return h(r);
+    }), i = n(() => ({
+      "--one-ref-tag-color": o.color ?? t.value.color,
+      "--one-ref-tag-bg": o.bg ?? t.value.bg
+    }));
+    return (r, y) => (l(), s(f(e.href ? "a" : "span"), m({
+      class: "one-ref-tag",
+      style: i.value,
+      href: e.href ?? void 0,
+      target: e.href ? "_blank" : void 0,
+      rel: e.href ? "noopener noreferrer" : void 0
+    }, r.$attrs), {
+      default: p(() => [
+        c.value ? (l(), s(f(c.value), {
+          key: 0,
+          class: "one-ref-tag__icon"
+        })) : u("", !0),
+        v("span", b, [
+          d(r.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["style", "href", "target", "rel"]));
+  }
+});
+export {
+  S as default
+};

package/dist/components/base/SectionBlock.vue.js

@@ -0,0 +1,7 @@
+import o from "./SectionBlock.vue2.js";
+/* empty css                  */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d2c09df0"]]);
+export {
+  m as default
+};

package/dist/components/base/SectionBlock.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as E, computed as s, openBlock as l, createElementBlock as n, mergeProps as T, createElementVNode as t, createBlock as A, resolveDynamicComponent as L, createCommentVNode as d, toDisplayString as k, normalizeStyle as w, withModifiers as $, renderSlot as u, normalizeClass as v } from "vue";
+import { resolveIcon as z } from "../../utils/icon.js";
+const D = { class: "of-section-block__header-left" }, N = { class: "of-section-block__title" }, U = ["aria-expanded", "aria-label"], M = { class: "of-section-block__body" }, F = /* @__PURE__ */ E({
+  name: "SectionBlock",
+  inheritAttrs: !1,
+  __name: "SectionBlock",
+  props: {
+    title: {},
+    icon: { default: void 0 },
+    status: { default: void 0 },
+    collapsed: { type: Boolean, default: !1 },
+    editable: { type: Boolean, default: !1 },
+    statusLabels: { default: void 0 }
+  },
+  emits: ["update:collapsed", "edit", "save"],
+  setup(e, { emit: g }) {
+    const o = e, c = g, m = {
+      pending: { background: "var(--of-color-gray-100)", text: "var(--of-color-gray-400)" },
+      updating: { background: "var(--of-color-primary-50)", text: "var(--of-color-primary-500)" },
+      done: { background: "var(--of-color-success-light)", text: "var(--of-badge-green-text)" },
+      editing: { background: "var(--of-color-primary-50)", text: "var(--of-color-primary-500)" }
+    }, y = {
+      pending: "待处理",
+      updating: "更新中",
+      done: "已完成",
+      editing: "编辑中"
+    }, i = s(() => o.status ? m[o.status] ?? null : null), _ = s(() => {
+      var a;
+      return o.status ? ((a = o.statusLabels) == null ? void 0 : a[o.status]) ?? y[o.status] ?? o.status : null;
+    }), h = s(() => i.value ? {
+      backgroundColor: i.value.background,
+      color: i.value.text
+    } : {}), C = s(() => o.status === "editing" ? {
+      borderColor: "var(--of-color-primary-500)",
+      boxShadow: "0 0 0 3px color-mix(in srgb, var(--of-color-primary-500) 8%, transparent)"
+    } : o.status === "done" ? { borderColor: "var(--of-color-success-light)" } : {}), r = s(() => o.status === "editing"), S = s(() => o.editable && o.status === "done"), f = s(() => z(o.icon));
+    function b() {
+      c("update:collapsed", !o.collapsed);
+    }
+    function x() {
+      c("edit");
+    }
+    function B() {
+      c("save");
+    }
+    return (a, p) => (l(), n("div", T({
+      class: ["of-section-block", {
+        "of-section-block--collapsed": e.collapsed,
+        "of-section-block--editing": r.value,
+        "of-section-block--done": e.status === "done"
+      }],
+      style: C.value
+    }, a.$attrs), [
+      t("div", {
+        class: "of-section-block__header",
+        onClick: b
+      }, [
+        t("div", D, [
+          f.value ? (l(), A(L(f.value), {
+            key: 0,
+            class: "of-section-block__icon",
+            size: 14,
+            "aria-hidden": "true"
+          })) : d("", !0),
+          t("span", N, k(e.title), 1),
+          e.status ? (l(), n("span", {
+            key: 1,
+            class: "of-section-block__status-badge",
+            style: w(h.value)
+          }, k(_.value), 5)) : d("", !0)
+        ]),
+        t("div", {
+          class: "of-section-block__header-right",
+          onClick: p[0] || (p[0] = $(() => {
+          }, ["stop"]))
+        }, [
+          u(a.$slots, "header-extra", {}, void 0, !0),
+          r.value ? (l(), n("button", {
+            key: 0,
+            type: "button",
+            class: "of-section-block__action-btn of-section-block__action-btn--save",
+            onClick: B
+          }, " 保存 ")) : S.value ? (l(), n("button", {
+            key: 1,
+            type: "button",
+            class: "of-section-block__action-btn",
+            onClick: x
+          }, " 编辑 ")) : d("", !0),
+          t("button", {
+            type: "button",
+            class: "of-section-block__collapse-btn",
+            "aria-expanded": !e.collapsed,
+            "aria-label": e.collapsed ? "展开" : "折叠",
+            onClick: b
+          }, [
+            t("span", {
+              class: v(["of-section-block__collapse-icon", { "of-section-block__collapse-icon--collapsed": e.collapsed }]),
+              "aria-hidden": "true"
+            }, "▾", 2)
+          ], 8, U)
+        ])
+      ]),
+      t("div", {
+        class: v(["of-section-block__body-wrapper", { "of-section-block__body-wrapper--collapsed": e.collapsed }])
+      }, [
+        t("div", M, [
+          r.value ? u(a.$slots, "editor", { key: 0 }, void 0, !0) : u(a.$slots, "default", { key: 1 }, void 0, !0)
+        ])
+      ], 2)
+    ], 16));
+  }
+});
+export {
+  F as default
+};

package/dist/components/base/SelectBadge.vue.js

@@ -0,0 +1,7 @@
+import o from "./SelectBadge.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c58387e0"]]);
+export {
+  c as default
+};

package/dist/components/base/SelectBadge.vue2.js

@@ -0,0 +1,81 @@
+import { defineComponent as x, computed as o, openBlock as l, createElementBlock as d, mergeProps as m, normalizeStyle as y, createCommentVNode as c, createElementVNode as k, renderSlot as B, unref as g, createBlock as _, resolveDynamicComponent as h } from "vue";
+import { resolveIcon as S } from "../../utils/icon.js";
+const w = { class: "one-select-badge__text" }, N = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "SelectBadge",
+  props: {
+    color: {},
+    dot: { type: Boolean, default: !1 },
+    dotColor: {},
+    textColor: {},
+    bgColor: {},
+    borderColor: {},
+    clickable: { type: Boolean, default: !0 }
+  },
+  emits: ["click"],
+  setup(t, { emit: s }) {
+    const e = t, u = s, r = {
+      red: {
+        text: "var(--of-badge-red-text)",
+        bg: "var(--of-badge-red-bg)",
+        border: "var(--of-badge-red-border)"
+      },
+      orange: {
+        text: "var(--of-badge-orange-text)",
+        bg: "var(--of-badge-orange-bg)",
+        border: "var(--of-badge-orange-border)"
+      },
+      green: {
+        text: "var(--of-badge-green-text)",
+        bg: "var(--of-badge-green-bg)",
+        border: "var(--of-badge-green-border)"
+      },
+      blue: {
+        text: "var(--of-badge-blue-text)",
+        bg: "var(--of-badge-blue-bg)",
+        border: "var(--of-badge-blue-border)"
+      },
+      purple: {
+        text: "var(--of-badge-purple-text)",
+        bg: "var(--of-badge-purple-bg)",
+        border: "var(--of-badge-purple-border)"
+      },
+      gray: {
+        text: "var(--of-badge-gray-text)",
+        bg: "var(--of-badge-gray-bg)",
+        border: "var(--of-badge-gray-border)"
+      }
+    }, n = o(() => e.textColor ? e.textColor : e.color && r[e.color] ? r[e.color].text : r.gray.text), f = o(() => e.bgColor ? e.bgColor : e.color && r[e.color] ? r[e.color].bg : r.gray.bg), v = o(() => e.borderColor ? e.borderColor : e.color && r[e.color] ? r[e.color].border : r.gray.border), i = o(
+      () => ({
+        "--one-sb-text": n.value,
+        "--one-sb-bg": f.value,
+        "--one-sb-border": v.value
+      })
+    ), C = o(() => ({
+      backgroundColor: e.dotColor || n.value
+    })), b = S("chevron-down");
+    function p(a) {
+      u("click", a);
+    }
+    return (a, A) => (l(), d("span", m({
+      class: ["one-select-badge", { "one-select-badge--clickable": t.clickable }],
+      style: i.value
+    }, a.$attrs, { onClick: p }), [
+      t.dot ? (l(), d("span", {
+        key: 0,
+        class: "one-select-badge__dot",
+        style: y(C.value)
+      }, null, 4)) : c("", !0),
+      k("span", w, [
+        B(a.$slots, "default", {}, void 0, !0)
+      ]),
+      t.clickable && g(b) ? (l(), _(h(g(b)), {
+        key: 1,
+        class: "one-select-badge__arrow"
+      })) : c("", !0)
+    ], 16));
+  }
+});
+export {
+  N as default
+};

package/dist/components/base/StatisticCard.vue.js

@@ -0,0 +1,7 @@
+import t from "./StatisticCard.vue2.js";
+/* empty css                   */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-62284568"]]);
+export {
+  m as default
+};

package/dist/components/base/StatisticCard.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as i, computed as f, openBlock as l, createElementBlock as u, mergeProps as d, createElementVNode as e, normalizeStyle as a, createBlock as v, resolveDynamicComponent as p, unref as b, toDisplayString as s } from "vue";
+import { resolveIcon as g } from "../../utils/icon.js";
+const _ = { class: "of-statistic-card__content" }, m = { class: "of-statistic-card__value" }, x = { class: "of-statistic-card__label" }, k = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "StatisticCard",
+  props: {
+    icon: {},
+    iconColor: {},
+    value: {},
+    label: {}
+  },
+  setup(o) {
+    const n = o, r = {
+      blue: {
+        bg: "var(--of-color-blue-50)",
+        text: "var(--of-color-blue-600)"
+      },
+      green: {
+        bg: "var(--of-color-green-50)",
+        text: "var(--of-color-green-600)"
+      },
+      orange: {
+        bg: "var(--of-color-orange-50)",
+        text: "var(--of-color-orange-600)"
+      },
+      red: {
+        bg: "var(--of-color-red-50)",
+        text: "var(--of-color-red-600)"
+      },
+      purple: {
+        bg: "var(--of-color-purple-50)",
+        text: "var(--of-color-purple-600)"
+      }
+    }, c = f(() => {
+      const t = n.iconColor || "blue";
+      return r[t] || r.blue;
+    });
+    return (t, C) => (l(), u("div", d({ class: "of-statistic-card" }, t.$attrs), [
+      e("div", {
+        class: "of-statistic-card__icon-container",
+        style: a({ backgroundColor: c.value.bg })
+      }, [
+        (l(), v(p(b(g)(o.icon)), {
+          class: "of-statistic-card__icon",
+          style: a({ color: c.value.text })
+        }, null, 8, ["style"]))
+      ], 4),
+      e("div", _, [
+        e("p", m, s(o.value), 1),
+        e("p", x, s(o.label), 1)
+      ])
+    ], 16));
+  }
+});
+export {
+  k as default
+};

package/dist/components/base/StatusIndicator.vue.js

@@ -0,0 +1,7 @@
+import t from "./StatusIndicator.vue2.js";
+/* empty css                     */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9cd8c7d0"]]);
+export {
+  d as default
+};

package/dist/components/base/StatusIndicator.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as d, computed as e, openBlock as f, createElementBlock as v, mergeProps as p, createElementVNode as c, normalizeStyle as m, renderSlot as _, toDisplayString as g } from "vue";
+const y = { class: "of-status-indicator__label" }, h = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "StatusIndicator",
+  props: {
+    status: {},
+    label: { default: void 0 },
+    size: { default: "md" },
+    color: { default: void 0 }
+  },
+  setup(t) {
+    const n = {
+      in_progress: "var(--of-color-info)",
+      executing: "var(--of-color-info)",
+      analysing: "var(--of-color-info)",
+      completed: "var(--of-color-success)",
+      resolved: "var(--of-color-success)",
+      closed: "var(--of-color-success)",
+      reviewing: "var(--of-color-warning)",
+      blocked: "var(--of-color-error)",
+      cancelled: "var(--of-color-error)",
+      open: "var(--of-color-gray-300)",
+      idle: "var(--of-color-gray-400)",
+      draft: "var(--of-color-gray-400)"
+    }, i = {
+      sm: "6px",
+      md: "8px"
+    }, o = t, u = e(() => o.status.trim().toLowerCase()), r = e(() => o.label ?? o.status), a = e(
+      () => o.color ?? n[u.value] ?? "var(--of-color-gray-300)"
+    ), s = e(() => i[o.size]);
+    return (l, S) => (f(), v("span", p({
+      class: "of-status-indicator",
+      style: { "--of-status-dot-color": a.value }
+    }, l.$attrs), [
+      c("span", {
+        class: "of-status-indicator__dot",
+        style: m({
+          width: s.value,
+          height: s.value
+        })
+      }, null, 4),
+      _(l.$slots, "default", {
+        status: t.status,
+        label: r.value,
+        color: a.value
+      }, () => [
+        c("span", y, g(r.value), 1)
+      ], !0)
+    ], 16));
+  }
+});
+export {
+  h as default
+};