@ovalbee/reportifact 0.0.1 → 0.0.3

package/dist/MetricCallout.vue_vue_type_style_index_0_lang-ANFFq7CE.js

@@ -0,0 +1,62 @@
+import { defineComponent as m, computed as l, createBlock as f, openBlock as s, withCtx as v, createElementVNode as a, createElementBlock as _, createCommentVNode as h, toDisplayString as i, normalizeClass as b } from "vue";
+import { m as g } from "./markdownTable-B5207r3E.js";
+import { _ as w } from "./WidgetWrapper.vue_vue_type_style_index_0_lang-BbnW8GXT.js";
+const k = { class: "reportifact-metric-callout" }, C = { class: "reportifact-metric-callout-header" }, H = { class: "reportifact-metric-callout-label" }, y = { class: "reportifact-metric-callout-description" }, L = ["innerHTML"], B = /* @__PURE__ */ m({
+  __name: "MetricCallout",
+  props: {
+    caption: { default: void 0 },
+    sourceHref: { default: void 0 },
+    sourceLabel: { default: void 0 },
+    widget: { default: void 0 },
+    data: { default: void 0 },
+    label: { default: void 0 },
+    value: { default: void 0 },
+    description: { default: void 0 },
+    html: { default: void 0 }
+  },
+  setup(d) {
+    const e = d, n = l(() => {
+      var t, o;
+      return String(e.label ?? ((t = e.data) == null ? void 0 : t.label) ?? ((o = e.widget) == null ? void 0 : o.options.label) ?? "Metric");
+    }), c = l(() => {
+      var t, o;
+      return String(e.value ?? ((t = e.data) == null ? void 0 : t.value) ?? ((o = e.widget) == null ? void 0 : o.options.value) ?? "");
+    }), u = l(() => {
+      var t, o;
+      return String(
+        e.description ?? ((t = e.data) == null ? void 0 : t.description) ?? ((o = e.widget) == null ? void 0 : o.options.description) ?? ""
+      );
+    }), r = l(() => {
+      var t, o;
+      return e.html ?? ((t = e.data) == null ? void 0 : t.html) ?? ((o = e.widget) == null ? void 0 : o.html) ?? "";
+    }), p = l(() => g(c.value));
+    return (t, o) => (s(), f(w, {
+      caption: e.caption,
+      "source-href": e.sourceHref,
+      "source-label": e.sourceLabel
+    }, {
+      default: v(() => [
+        a("section", k, [
+          a("header", C, [
+            a("div", null, [
+              a("div", H, i(n.value), 1),
+              a("strong", {
+                class: b(["reportifact-metric-callout-value", `reportifact-metric-callout-value--${p.value}`])
+              }, i(c.value), 3)
+            ]),
+            a("div", y, i(u.value), 1)
+          ]),
+          r.value ? (s(), _("div", {
+            key: 0,
+            class: "reportifact-metric-callout-body reportifact-markdown",
+            innerHTML: r.value
+          }, null, 8, L)) : h("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["caption", "source-href", "source-label"]));
+  }
+});
+export {
+  B as _
+};

package/dist/MetricCallout.vue_vue_type_style_index_0_lang-CT9lFI28.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./markdownTable-Cbn1Du3L.cjs"),u=require("./WidgetWrapper.vue_vue_type_style_index_0_lang-BY2t_Hvs.cjs"),p={class:"reportifact-metric-callout"},m={class:"reportifact-metric-callout-header"},v={class:"reportifact-metric-callout-label"},_={class:"reportifact-metric-callout-description"},f=["innerHTML"],h=e.defineComponent({__name:"MetricCallout",props:{caption:{default:void 0},sourceHref:{default:void 0},sourceLabel:{default:void 0},widget:{default:void 0},data:{default:void 0},label:{default:void 0},value:{default:void 0},description:{default:void 0},html:{default:void 0}},setup(i){const t=i,r=e.computed(()=>{var o,a;return String(t.label??((o=t.data)==null?void 0:o.label)??((a=t.widget)==null?void 0:a.options.label)??"Metric")}),l=e.computed(()=>{var o,a;return String(t.value??((o=t.data)==null?void 0:o.value)??((a=t.widget)==null?void 0:a.options.value)??"")}),n=e.computed(()=>{var o,a;return String(t.description??((o=t.data)==null?void 0:o.description)??((a=t.widget)==null?void 0:a.options.description)??"")}),c=e.computed(()=>{var o,a;return t.html??((o=t.data)==null?void 0:o.html)??((a=t.widget)==null?void 0:a.html)??""}),d=e.computed(()=>s.metricTone(l.value));return(o,a)=>(e.openBlock(),e.createBlock(u._sfc_main,{caption:t.caption,"source-href":t.sourceHref,"source-label":t.sourceLabel},{default:e.withCtx(()=>[e.createElementVNode("section",p,[e.createElementVNode("header",m,[e.createElementVNode("div",null,[e.createElementVNode("div",v,e.toDisplayString(r.value),1),e.createElementVNode("strong",{class:e.normalizeClass(["reportifact-metric-callout-value",`reportifact-metric-callout-value--${d.value}`])},e.toDisplayString(l.value),3)]),e.createElementVNode("div",_,e.toDisplayString(n.value),1)]),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"reportifact-metric-callout-body reportifact-markdown",innerHTML:c.value},null,8,f)):e.createCommentVNode("",!0)])]),_:1},8,["caption","source-href","source-label"]))}});exports._sfc_main=h;

package/dist/MetricCards.vue_vue_type_style_index_0_lang-1hn2BMbU.js

@@ -0,0 +1,46 @@
+import { defineComponent as u, computed as f, createBlock as m, openBlock as c, withCtx as _, createElementVNode as r, createElementBlock as s, Fragment as v, renderList as h, normalizeClass as b, unref as i, normalizeStyle as g, toDisplayString as o } from "vue";
+import { p as k, m as y, a as C } from "./markdownTable-B5207r3E.js";
+import { _ as x } from "./WidgetWrapper.vue_vue_type_style_index_0_lang-BbnW8GXT.js";
+const B = { class: "reportifact-metric-cards" }, L = { class: "reportifact-metric-card-label" }, $ = { class: "reportifact-metric-card-value" }, z = { class: "reportifact-metric-card-description" }, T = /* @__PURE__ */ u({
+  __name: "MetricCards",
+  props: {
+    caption: { default: void 0 },
+    sourceHref: { default: void 0 },
+    sourceLabel: { default: void 0 },
+    widget: { default: void 0 },
+    content: { default: void 0 },
+    data: { default: void 0 }
+  },
+  setup(l) {
+    const e = l, n = f(() => {
+      var a;
+      return e.data ?? k(e.content ?? ((a = e.widget) == null ? void 0 : a.content) ?? "");
+    }), d = y, p = C;
+    return (a, E) => (c(), m(x, {
+      caption: e.caption,
+      "source-href": e.sourceHref,
+      "source-label": e.sourceLabel
+    }, {
+      default: _(() => [
+        r("div", B, [
+          (c(!0), s(v, null, h(n.value, (t) => (c(), s("article", {
+            key: t.label,
+            class: b(["reportifact-metric-card", `reportifact-metric-card--${i(d)(t.value)}`])
+          }, [
+            r("span", {
+              class: "reportifact-metric-card-fill",
+              style: g({ height: `${i(p)(t.value)}%` })
+            }, null, 4),
+            r("span", L, o(t.label), 1),
+            r("strong", $, o(t.value), 1),
+            r("p", z, o(t.description), 1)
+          ], 2))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["caption", "source-href", "source-label"]));
+  }
+});
+export {
+  T as _
+};

package/dist/MetricCards.vue_vue_type_style_index_0_lang-BDU7pisC.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./markdownTable-Cbn1Du3L.cjs"),s=require("./WidgetWrapper.vue_vue_type_style_index_0_lang-BY2t_Hvs.cjs"),d={class:"reportifact-metric-cards"},u={class:"reportifact-metric-card-label"},p={class:"reportifact-metric-card-value"},m={class:"reportifact-metric-card-description"},_=e.defineComponent({__name:"MetricCards",props:{caption:{default:void 0},sourceHref:{default:void 0},sourceLabel:{default:void 0},widget:{default:void 0},content:{default:void 0},data:{default:void 0}},setup(o){const t=o,n=e.computed(()=>{var c;return t.data??a.parseMarkdownTable(t.content??((c=t.widget)==null?void 0:c.content)??"")}),l=a.metricTone,i=a.metricPercent;return(c,f)=>(e.openBlock(),e.createBlock(s._sfc_main,{caption:t.caption,"source-href":t.sourceHref,"source-label":t.sourceLabel},{default:e.withCtx(()=>[e.createElementVNode("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,r=>(e.openBlock(),e.createElementBlock("article",{key:r.label,class:e.normalizeClass(["reportifact-metric-card",`reportifact-metric-card--${e.unref(l)(r.value)}`])},[e.createElementVNode("span",{class:"reportifact-metric-card-fill",style:e.normalizeStyle({height:`${e.unref(i)(r.value)}%`})},null,4),e.createElementVNode("span",u,e.toDisplayString(r.label),1),e.createElementVNode("strong",p,e.toDisplayString(r.value),1),e.createElementVNode("p",m,e.toDisplayString(r.description),1)],2))),128))])]),_:1},8,["caption","source-href","source-label"]))}});exports._sfc_main=_;

package/dist/MetricsTable.vue_vue_type_style_index_0_lang-BfxK3vcz.js

@@ -0,0 +1,140 @@
+import { defineComponent as j, computed as o, ref as z, watch as H, createBlock as N, openBlock as s, withCtx as y, createElementVNode as l, createElementBlock as r, createCommentVNode as m, toDisplayString as u, normalizeClass as P, Fragment as c, renderList as d, normalizeStyle as T } from "vue";
+import { u as W } from "./useFetch-CHQm_TmB.js";
+import { _ as $ } from "./WidgetWrapper.vue_vue_type_style_index_0_lang-BbnW8GXT.js";
+const q = { class: "rm-skeleton" }, G = { class: "rm-card" }, I = {
+  key: 0,
+  class: "rm-title"
+}, J = {
+  key: 0,
+  class: "rm-empty"
+}, K = { class: "rm-name" }, O = { class: "rm-value" }, Q = { class: "rm-bar-track" }, U = {
+  key: 0,
+  class: "rm-pct"
+}, X = {
+  key: 2,
+  class: "rm-table"
+}, te = /* @__PURE__ */ j({
+  __name: "MetricsTable",
+  props: {
+    caption: { default: void 0 },
+    sourceHref: { default: void 0 },
+    sourceLabel: { default: void 0 },
+    url: { default: void 0 },
+    src: { default: void 0 },
+    data: { default: void 0 },
+    options: { default: void 0 }
+  },
+  setup(k, { expose: b }) {
+    const t = k, f = o(() => {
+      var e;
+      return typeof ((e = t.options) == null ? void 0 : e.title) == "string" ? t.options.title : "";
+    }), p = o(() => {
+      var e;
+      return ((e = t.options) == null ? void 0 : e.show_pct) === !0;
+    }), n = z(null), w = o(() => t.data === void 0 ? t.src ?? t.url ?? "" : ""), { loading: x, error: g, fetchData: C } = W(w, {
+      async onSuccess(e) {
+        n.value = await e.json();
+      }
+    }), A = o(() => t.data === void 0 && x.value), F = o(() => t.data !== void 0 ? null : t.src || t.url ? g.value : "Resource not found in asset");
+    H(
+      () => t.data,
+      (e) => {
+        e !== void 0 && (n.value = e);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function L() {
+      t.data !== void 0 ? n.value = t.data : C();
+    }
+    b({ refresh: L });
+    const _ = o(() => {
+      const e = n.value;
+      if (!e || !Array.isArray(e.rows)) return !1;
+      const i = e.rows[0];
+      return i === void 0 || typeof i == "object" && "value" in i;
+    }), v = o(() => {
+      const e = n.value;
+      return !!e && Array.isArray(e.columns);
+    }), h = o(
+      () => _.value ? n.value.rows : []
+    ), M = o(
+      () => v.value ? n.value.columns : []
+    ), R = o(
+      () => v.value ? n.value.rows : []
+    );
+    function B(e) {
+      return e.toFixed(3);
+    }
+    function D(e, i) {
+      return Math.min(100, Math.max(0, e / (i ?? 1) * 100));
+    }
+    return (e, i) => (s(), N($, {
+      loading: A.value,
+      error: F.value,
+      caption: t.caption,
+      "source-href": t.sourceHref,
+      "source-label": t.sourceLabel
+    }, {
+      skeleton: y(() => [
+        l("div", q, [
+          (s(), r(c, null, d(4, (a) => l("div", {
+            key: a,
+            class: "rm-skeleton-row"
+          }, [...i[0] || (i[0] = [
+            l("div", {
+              class: "reportifact-skeleton-line",
+              style: { width: "80px" }
+            }, null, -1),
+            l("div", {
+              class: "reportifact-skeleton-line",
+              style: { width: "40px" }
+            }, null, -1),
+            l("div", {
+              class: "reportifact-skeleton-line",
+              style: { flex: "1" }
+            }, null, -1)
+          ])])), 64))
+        ])
+      ]),
+      default: y(() => [
+        l("div", G, [
+          f.value ? (s(), r("div", I, u(f.value), 1)) : m("", !0),
+          _.value ? (s(), r("div", {
+            key: 1,
+            class: P(["rm-metrics", { "rm-metrics--with-pct": p.value }])
+          }, [
+            h.value.length === 0 ? (s(), r("div", J, " Waiting for first evaluation… ")) : (s(!0), r(c, { key: 1 }, d(h.value, (a) => (s(), r("div", {
+              key: a.name,
+              class: "rm-row"
+            }, [
+              l("span", K, u(a.name), 1),
+              l("span", O, u(B(a.value)), 1),
+              l("div", Q, [
+                l("div", {
+                  class: "rm-bar-fill",
+                  style: T({ width: D(a.value, a.max) + "%" })
+                }, null, 4)
+              ]),
+              p.value ? (s(), r("span", U, u((a.value * 100).toFixed(1)) + "%", 1)) : m("", !0)
+            ]))), 128))
+          ], 2)) : v.value ? (s(), r("table", X, [
+            l("thead", null, [
+              l("tr", null, [
+                (s(!0), r(c, null, d(M.value, (a) => (s(), r("th", { key: a }, u(a), 1))), 128))
+              ])
+            ]),
+            l("tbody", null, [
+              (s(!0), r(c, null, d(R.value, (a, E) => (s(), r("tr", { key: E }, [
+                (s(!0), r(c, null, d(a, (S, V) => (s(), r("td", { key: V }, u(S), 1))), 128))
+              ]))), 128))
+            ])
+          ])) : m("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["loading", "error", "caption", "source-href", "source-label"]));
+  }
+});
+export {
+  te as _
+};

package/dist/MetricsTable.vue_vue_type_style_index_0_lang-CS7xiHRk.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),x=require("./useFetch-BfOAq-Kg.cjs"),F=require("./WidgetWrapper.vue_vue_type_style_index_0_lang-BY2t_Hvs.cjs"),C={class:"rm-skeleton"},D={class:"rm-card"},L={key:0,class:"rm-title"},S={key:0,class:"rm-empty"},A={class:"rm-name"},M={class:"rm-value"},R={class:"rm-bar-track"},q={key:0,class:"rm-pct"},W={key:2,class:"rm-table"},j=e.defineComponent({__name:"MetricsTable",props:{caption:{default:void 0},sourceHref:{default:void 0},sourceLabel:{default:void 0},url:{default:void 0},src:{default:void 0},data:{default:void 0},options:{default:void 0}},setup(d,{expose:m}){const o=d,c=e.computed(()=>{var t;return typeof((t=o.options)==null?void 0:t.title)=="string"?o.options.title:""}),s=e.computed(()=>{var t;return((t=o.options)==null?void 0:t.show_pct)===!0}),r=e.ref(null),p=e.computed(()=>o.data===void 0?o.src??o.url??"":""),{loading:v,error:k,fetchData:f}=x.useFetch(p,{async onSuccess(t){r.value=await t.json()}}),_=e.computed(()=>o.data===void 0&&v.value),y=e.computed(()=>o.data!==void 0?null:o.src||o.url?k.value:"Resource not found in asset");e.watch(()=>o.data,t=>{t!==void 0&&(r.value=t)},{immediate:!0,deep:!0});function B(){o.data!==void 0?r.value=o.data:f()}m({refresh:B});const i=e.computed(()=>{const t=r.value;if(!t||!Array.isArray(t.rows))return!1;const n=t.rows[0];return n===void 0||typeof n=="object"&&"value"in n}),a=e.computed(()=>{const t=r.value;return!!t&&Array.isArray(t.columns)}),u=e.computed(()=>i.value?r.value.rows:[]),h=e.computed(()=>a.value?r.value.columns:[]),E=e.computed(()=>a.value?r.value.rows:[]);function g(t){return t.toFixed(3)}function V(t,n){return Math.min(100,Math.max(0,t/(n??1)*100))}return(t,n)=>(e.openBlock(),e.createBlock(F._sfc_main,{loading:_.value,error:y.value,caption:o.caption,"source-href":o.sourceHref,"source-label":o.sourceLabel},{skeleton:e.withCtx(()=>[e.createElementVNode("div",C,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,l=>e.createElementVNode("div",{key:l,class:"rm-skeleton-row"},[...n[0]||(n[0]=[e.createElementVNode("div",{class:"reportifact-skeleton-line",style:{width:"80px"}},null,-1),e.createElementVNode("div",{class:"reportifact-skeleton-line",style:{width:"40px"}},null,-1),e.createElementVNode("div",{class:"reportifact-skeleton-line",style:{flex:"1"}},null,-1)])])),64))])]),default:e.withCtx(()=>[e.createElementVNode("div",D,[c.value?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(c.value),1)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rm-metrics",{"rm-metrics--with-pct":s.value}])},[u.value.length===0?(e.openBlock(),e.createElementBlock("div",S," Waiting for first evaluation… ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.name,class:"rm-row"},[e.createElementVNode("span",A,e.toDisplayString(l.name),1),e.createElementVNode("span",M,e.toDisplayString(g(l.value)),1),e.createElementVNode("div",R,[e.createElementVNode("div",{class:"rm-bar-fill",style:e.normalizeStyle({width:V(l.value,l.max)+"%"})},null,4)]),s.value?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString((l.value*100).toFixed(1))+"%",1)):e.createCommentVNode("",!0)]))),128))],2)):a.value?(e.openBlock(),e.createElementBlock("table",W,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,l=>(e.openBlock(),e.createElementBlock("th",{key:l},e.toDisplayString(l),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(l,N)=>(e.openBlock(),e.createElementBlock("tr",{key:N},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(b,w)=>(e.openBlock(),e.createElementBlock("td",{key:w},e.toDisplayString(b),1))),128))]))),128))])])):e.createCommentVNode("",!0)])]),_:1},8,["loading","error","caption","source-href","source-label"]))}});exports._sfc_main=j;