vue-data-ui 2.4.51 → 2.4.53

package/dist/vue-ui-table-sparkline-YV8DUOqh.js

@@ -1,600 +0,0 @@
-import { useCssVars as Ae, ref as v, computed as h, watch as de, onMounted as Ie, openBlock as d, createElementBlock as c, normalizeClass as R, unref as s, createElementVNode as p, normalizeStyle as i, toDisplayString as k, createCommentVNode as g, withDirectives as Oe, createBlock as H, Fragment as q, renderList as X, createSlots as $e, withCtx as P, renderSlot as O, normalizeProps as ze, guardReactiveProps as Pe, createVNode as Ne, nextTick as De } from "vue";
-import { u as Fe, c as Ve, t as Te, a as We, p as N, b as Me, o as Ee, e as ve, g as Be, $ as Ge, d as Ue, i as D, f as F, q as Le, r as Re } from "./index-BbPeL8Gp.js";
-import { u as ce } from "./useNestedProp-BN8claGG.js";
-import He from "./vue-ui-sparkline-ccfl0s3m.js";
-import fe from "./BaseIcon-CmiukQBl.js";
-import { u as qe, U as Xe, v as je } from "./usePrinter-DaybDVqP.js";
-import { u as Je } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Qe = ["id"], Ye = { style: { "z-index": "1", "padding-right": "24px" } }, Ze = ["onClick"], et = ["data-cell"], tt = ["data-cell", "onPointerenter"], at = ["data-cell"], lt = ["data-cell"], ot = ["data-cell"], nt = ["data-cell"], ut = {
-  key: 0,
-  ref: "source",
-  dir: "auto"
-}, rt = {
-  __name: "vue-ui-table-sparkline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(pe, { expose: me }) {
-    const _ = pe;
-    Ae((t) => ({
-      e629975c: t.tdo
-    }));
-    const { vue_ui_table_sparkline: ge } = Fe(), V = v(Ve()), j = v(0), T = v(0), W = v(null), e = h({
-      get: () => Y(),
-      set: (t) => t
-    }), { userOptionsVisible: J, setUserOptionsVisibility: K, keepUserOptionState: Q } = Je({ config: e.value });
-    function Y() {
-      const t = ce({
-        userConfig: _.config,
-        defaultConfig: ge
-      });
-      return t.theme ? {
-        ...ce({
-          userConfig: Te.vue_ui_table_sparkline[t.theme] || _.config,
-          defaultConfig: t
-        }),
-        customPalette: We[t.theme] || N
-      } : t;
-    }
-    de(() => _.config, (t) => {
-      e.value = Y(), le(), T.value += 1;
-    }, { deep: !0 }), de(() => _.dataset, (t) => {
-      b.value = A.value, T.value += 1;
-    }, { deep: !0 });
-    const { isPrinting: Z, isImaging: ee, generatePdf: te, generateImage: ae } = qe({
-      elementId: `table_${V.value}`,
-      fileName: e.value.title.text || "vue-ui-table-sparkline"
-    }), be = h(() => Me(e.value.customPalette)), $ = v(null), M = v(!1), ye = h(() => e.value.responsiveBreakpoint);
-    Ie(() => {
-      le();
-    });
-    const E = v(e.value.colNames);
-    function le() {
-      Ee(_.dataset) && ve({
-        componentName: "VueUiTableSparkline",
-        type: "dataset"
-      });
-      const t = new ResizeObserver((l) => {
-        l.forEach((a) => {
-          M.value = a.contentRect.width < ye.value;
-        });
-      });
-      $.value && t.observe($.value), E.value = [];
-      for (let l = 0; l < re.value; l += 1)
-        E.value.push(e.value.colNames[l] || `col ${l}`);
-    }
-    const oe = h(() => (_.dataset.forEach((t, l) => {
-      Be({
-        datasetObject: t,
-        requiredAttributes: ["name", "values"]
-      }).forEach((a) => {
-        ve({
-          componentName: "VueUiTableSparkline",
-          type: "datasetSerieAttribute",
-          property: a,
-          index: l
-        });
-      });
-    }), _.dataset.map((t, l) => {
-      const a = (t.values || []).map((n) => isNaN(n) ? 0 : n ?? 0), o = a.reduce((n, f) => n + f, 0), r = o / a.length, u = Ge(a);
-      return {
-        ...t,
-        values: t.values || [],
-        color: Ue(t.color) || be.value[l] || N[l] || N[l % N.length],
-        sum: o,
-        average: r,
-        median: u,
-        sparklineDataset: a.map((n, f) => ({
-          period: e.value.colNames[f] || `col ${f}`,
-          value: n || 0
-        }))
-      };
-    })));
-    function he(t) {
-      const a = (t[0].values || []).map(
-        (r, u) => t.map((n) => n.values[u] || [])
-      ).map(
-        (r) => r.map((u, n) => [u, n]).sort((u, n) => n[0] - u[0]).map((u) => u[1])
-      );
-      return t.map((r, u) => ({
-        ...r,
-        values: r.values || [],
-        orders: a[u]
-      }));
-    }
-    const A = h(() => he(oe.value)), b = v(A.value), ke = h(() => Math.max(...b.value.map((t) => (t.values || []).length))), z = v(void 0), B = v(!1), m = v(void 0), ne = v(1);
-    function w() {
-      B.value = !1, m.value = void 0, y.value = void 0, ne.value = 1, I.value.forEach((t) => t.state = 1), x.value = {
-        name: 1,
-        sum: 1,
-        average: 1,
-        median: 1
-      }, b.value = A.value;
-    }
-    function ue(t, l) {
-      if (["name", "sum", "average", "median"].includes(t.type)) {
-        _e(t.type, l);
-        return;
-      }
-      if (!U(l)) return;
-      if (S.value = l, y.value = void 0, ![null, void 0].includes(m.value) && l !== m.value && (m.value = void 0, w()), I.value[l].state === 1 && m.value === l) {
-        m.value = void 0, w();
-        return;
-      }
-      B.value = !0, m.value = l;
-      const a = A.value.map((n) => n.values[l] || []), o = z.value === l ? 1 : -1;
-      I.value[l].state = o, ne.value = o, l === z.value ? z.value = void 0 : z.value = l;
-      const u = a.map((n, f) => [f, n]).sort((n, f) => o * (f[1] - n[1])).map((n) => n[0]).map((n) => A.value[n]);
-      b.value = u, T.value += 1;
-    }
-    const re = h(() => Math.max(..._.dataset.map((t) => (t.values || []).length))), C = h(() => {
-      let t = E.value.map((a) => ({
-        type: "reg",
-        value: a
-      }));
-      if (!t.length)
-        for (let a = 0; a < re.value; a += 1)
-          t.push({ type: "reg", value: `col ${a + 1}` });
-      e.value.showTotal && (t = [...t, { type: "sum", value: e.value.translations.total }]);
-      let l;
-      return e.value.showAverage && e.value.showMedian ? l = [
-        ...t,
-        { type: "average", value: e.value.translations.average },
-        { type: "median", value: e.value.translations.median }
-      ] : e.value.showAverage && !e.value.showMedian ? l = [...t, { type: "average", value: e.value.translations.average }] : !e.value.showAverage && e.value.showMedian ? l = [...t, { type: "median", value: e.value.translations.median }] : l = t, e.value.showSparklines ? [...l, { type: "chart", value: e.value.translations.chart }] : l;
-    }), x = v({
-      name: 1,
-      sum: 1,
-      average: 1,
-      median: 1
-    }), y = v(void 0);
-    function _e(t, l) {
-      if (!b.value || b.value.length === 0 || !L(t)) return;
-      if (y.value !== t && (y.value = void 0), ![null, void 0].includes(m.value) && l !== m.value && w(), m.value = void 0, x.value[t] === 1 && y.value) {
-        y.value = void 0, w();
-        return;
-      }
-      y.value = t, B.value = !0, x.value[t] = x.value[t] === -1 ? 1 : -1, [null, void 0].includes(l) || (I.value[l].state = x.value[t]);
-      const a = x.value[t], o = [...b.value].sort((r, u) => {
-        const n = r[t] ?? (typeof r[t] == "number" ? 0 : ""), f = u[t] ?? (typeof u[t] == "number" ? 0 : "");
-        return typeof n == "string" && typeof f == "string" ? a === -1 ? n.localeCompare(f) : f.localeCompare(n) : typeof n == "number" && typeof f == "number" ? a === -1 ? n - f : f - n : 0;
-      });
-      b.value = o;
-    }
-    const S = v(void 0), G = v(void 0);
-    function Ce({ dataIndex: t, serieIndex: l }) {
-      S.value = t, G.value = l, W.value[t] && !M.value && W.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
-    }
-    const se = v(!1);
-    function xe(t) {
-      se.value = t, j.value += 1;
-    }
-    function ie() {
-      De(() => {
-        const t = [e.value.translations.serie].concat(C.value), l = oe.value.map((r, u) => [
-          [r.name],
-          r.values,
-          [r.sum],
-          [r.average],
-          [r.median]
-        ]), a = [t].concat(l), o = Le(a);
-        Re({
-          csvContent: o,
-          title: e.value.title.text || "vue-ui-table-sparkline"
-        });
-      });
-    }
-    function U(t) {
-      return e.value.sortedDataColumnIndices.includes(t);
-    }
-    function L(t) {
-      return t.type === "name" || t === "name" ? e.value.sortedSeriesName : t.type === "sum" || t === "sum" ? e.value.sortedSum : t.type === "average" || t === "average" ? e.value.sortedAverage : t.type === "median" || t === "median" ? e.value.sortedMedian : !1;
-    }
-    function Se(t, l) {
-      return ["sum", "average", "median"].includes(l.type) ? y.value === l.type ? 1 : 0.3 : t === m.value ? 1 : 0.3;
-    }
-    function we() {
-      e.value.resetSortOnClickOutside && w();
-    }
-    const I = h({
-      get: () => C.value.map((t) => ({ state: 1 })),
-      set: (t) => t
-    });
-    return me({
-      generatePdf: te,
-      generateImage: ae,
-      generateCsv: ie,
-      restoreOrder: w
-    }), (t, l) => (d(), c("div", {
-      ref_key: "tableContainer",
-      ref: $,
-      class: R({ "vue-ui-responsive": M.value }),
-      style: { overflow: "hidden" },
-      id: `table_${V.value}`,
-      onMouseenter: l[2] || (l[2] = () => s(K)(!0)),
-      onMouseleave: l[3] || (l[3] = () => s(K)(!1))
-    }, [
-      p("div", {
-        style: { overflow: "auto" },
-        onPointerleave: l[1] || (l[1] = (a) => {
-          G.value = void 0, S.value = void 0;
-        })
-      }, [
-        p("table", {
-          class: "vue-ui-data-table",
-          style: i({ fontFamily: e.value.fontFamily, position: "relative" })
-        }, [
-          e.value.title.text ? (d(), c("caption", {
-            key: 0,
-            style: i({ backgroundColor: e.value.title.backgroundColor })
-          }, [
-            p("div", {
-              style: i({
-                fontSize: `${e.value.title.fontSize}px`,
-                fontWeight: e.value.title.bold ? "bold" : "normal",
-                color: e.value.title.color,
-                textAlign: e.value.title.textAlign
-              })
-            }, k(e.value.title.text), 5),
-            e.value.title.subtitle.text ? (d(), c("div", {
-              key: 0,
-              style: i({
-                fontSize: `${e.value.title.subtitle.fontSize}px`,
-                fontWeight: e.value.title.subtitle.bold ? "bold" : "normal",
-                color: e.value.title.subtitle.color,
-                textAlign: e.value.title.textAlign
-              })
-            }, k(e.value.title.subtitle.text), 5)) : g("", !0)
-          ], 4)) : g("", !0),
-          p("thead", Ye, [
-            Oe((d(), c("tr", {
-              role: "row",
-              class: "vue-ui-data-table__thead-row",
-              style: i({
-                backgroundColor: e.value.thead.backgroundColor,
-                color: e.value.thead.color
-              })
-            }, [
-              p("th", {
-                role: "cell",
-                style: i({
-                  backgroundColor: e.value.thead.backgroundColor,
-                  border: e.value.thead.outline,
-                  textAlign: e.value.thead.textAlign,
-                  fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  cursor: e.value.sortedSeriesName ? "pointer" : "default"
-                }),
-                class: "sticky-col-first",
-                onClick: l[0] || (l[0] = (a) => ue({ type: "name" }, null))
-              }, [
-                p("div", {
-                  style: i({
-                    display: "flex",
-                    flexDirection: "row",
-                    alignItems: "center",
-                    gap: "6px",
-                    justifyContent: e.value.thead.textAlign,
-                    pointerEvents: "none"
-                  })
-                }, [
-                  p("span", null, k(e.value.translations.serie), 1),
-                  e.value.sortedSeriesName ? (d(), H(fe, {
-                    key: 0,
-                    size: 12,
-                    name: x.value.name === 1 ? "arrowBottom" : "arrowTop",
-                    stroke: e.value.thead.color,
-                    style: i({
-                      opacity: y.value === "name" ? 1 : 0.3
-                    })
-                  }, null, 8, ["name", "stroke", "style"])) : g("", !0)
-                ], 4)
-              ], 4),
-              (d(!0), c(q, null, X(C.value, (a, o) => (d(), c("th", {
-                role: "cell",
-                style: i({
-                  background: e.value.thead.backgroundColor,
-                  border: e.value.thead.outline,
-                  textAlign: e.value.thead.textAlign,
-                  fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  minWidth: o === C.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
-                  cursor: U(o) || L(a) ? "pointer" : "default",
-                  paddingRight: o === C.value.length - 1 && e.value.userOptions.show ? "36px" : ""
-                }),
-                onClick: () => ue(a, o),
-                class: R({ "sticky-col": o === C.value.length - 1 && e.value.showSparklines })
-              }, [
-                p("div", {
-                  style: i({
-                    display: "flex",
-                    flexDirection: "row",
-                    alignItems: "center",
-                    gap: "6px",
-                    justifyContent: e.value.thead.textAlign,
-                    pointerEvents: "none"
-                  })
-                }, [
-                  p("span", null, k(a.value), 1),
-                  U(o) || L(a) ? (d(), H(fe, {
-                    key: 0,
-                    size: 12,
-                    name: I.value[o].state === 1 ? "arrowBottom" : "arrowTop",
-                    stroke: e.value.thead.color,
-                    style: i({
-                      opacity: Se(o, a)
-                    })
-                  }, null, 8, ["name", "stroke", "style"])) : g("", !0)
-                ], 4),
-                e.value.userOptions.show && o === C.value.length - 1 && (s(Q) || s(J)) ? (d(), H(Xe, {
-                  ref_for: !0,
-                  ref: "details",
-                  key: `user_option_${j.value}`,
-                  backgroundColor: e.value.thead.backgroundColor,
-                  color: e.value.thead.color,
-                  isPrinting: s(Z),
-                  isImaging: s(ee),
-                  uid: V.value,
-                  hasPdf: e.value.userOptions.buttons.pdf,
-                  hasXls: e.value.userOptions.buttons.csv,
-                  hasImg: e.value.userOptions.buttons.img,
-                  hasFullscreen: e.value.userOptions.buttons.fullscreen,
-                  isFullscreen: se.value,
-                  titles: { ...e.value.userOptions.buttonTitles },
-                  chartElement: $.value,
-                  position: e.value.userOptions.position,
-                  onToggleFullscreen: xe,
-                  onGeneratePdf: s(te),
-                  onGenerateImage: s(ae),
-                  onGenerateCsv: ie,
-                  style: i({
-                    visibility: s(Q) ? s(J) ? "visible" : "hidden" : "visible"
-                  })
-                }, $e({ _: 2 }, [
-                  t.$slots.optionPdf ? {
-                    name: "optionPdf",
-                    fn: P(() => [
-                      O(t.$slots, "optionPdf", {}, void 0, !0)
-                    ]),
-                    key: "0"
-                  } : void 0,
-                  t.$slots.optionCsv ? {
-                    name: "optionCsv",
-                    fn: P(() => [
-                      O(t.$slots, "optionCsv", {}, void 0, !0)
-                    ]),
-                    key: "1"
-                  } : void 0,
-                  t.$slots.optionImg ? {
-                    name: "optionImg",
-                    fn: P(() => [
-                      O(t.$slots, "optionImg", {}, void 0, !0)
-                    ]),
-                    key: "2"
-                  } : void 0,
-                  t.$slots.optionFullscreen ? {
-                    name: "optionFullscreen",
-                    fn: P(({ toggleFullscreen: r, isFullscreen: u }) => [
-                      O(t.$slots, "optionFullscreen", ze(Pe({ toggleFullscreen: r, isFullscreen: u })), void 0, !0)
-                    ]),
-                    key: "3"
-                  } : void 0
-                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0)
-              ], 14, Ze))), 256))
-            ], 4)), [
-              [s(je), we]
-            ])
-          ]),
-          p("tbody", null, [
-            (d(!0), c(q, null, X(b.value, (a, o) => (d(), c("tr", {
-              role: "row",
-              style: i({
-                backgroundColor: e.value.tbody.backgroundColor,
-                color: e.value.tbody.color
-              }),
-              class: R({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
-            }, [
-              p("td", {
-                role: "cell",
-                style: i({
-                  backgroundColor: e.value.tbody.backgroundColor,
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign
-                }),
-                "data-cell": e.value.translations.serie,
-                class: "vue-ui-data-table__tbody__td sticky-col-first"
-              }, [
-                p("div", {
-                  dir: "auto",
-                  style: i({
-                    display: "flex",
-                    flexDirection: "row",
-                    alignItems: "center",
-                    gap: "6px",
-                    justifyContent: e.value.tbody.textAlign
-                  })
-                }, [
-                  e.value.tbody.showColorMarker ? (d(), c("span", {
-                    key: 0,
-                    style: i({ color: a.color })
-                  }, "⬤", 4)) : g("", !0),
-                  p("span", null, k(a.name ?? "-"), 1)
-                ], 4)
-              ], 12, et),
-              (d(!0), c(q, null, X(ke.value, (r, u) => (d(), c("td", {
-                dir: "auto",
-                role: "cell",
-                ref_for: !0,
-                ref_key: "TD",
-                ref: W,
-                style: i({
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign,
-                  background: S.value !== void 0 && u === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
-                }),
-                "data-cell": C.value[u],
-                class: "vue-ui-data-table__tbody__td",
-                onPointerenter: (n) => {
-                  G.value = o, S.value = u;
-                }
-              }, k([null, void 0].includes(a.values[u]) ? "-" : s(D)(
-                e.value.formatter,
-                Number(a.values[u]),
-                s(F)({
-                  p: e.value.prefix,
-                  v: Number(a.values[u]),
-                  s: e.value.suffix,
-                  r: e.value.roundingValues
-                }),
-                { datapoint: a, seriesIndex: o, datapointIndex: u }
-              )), 45, tt))), 256)),
-              e.value.showTotal ? (d(), c("td", {
-                key: 0,
-                dir: "auto",
-                role: "cell",
-                style: i({
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign
-                }),
-                "data-cell": e.value.translations.total,
-                class: "vue-ui-data-table__tbody__td"
-              }, k(s(D)(
-                e.value.formatter,
-                a.sum,
-                s(F)({
-                  p: e.value.prefix,
-                  v: a.sum,
-                  s: e.value.suffix,
-                  r: e.value.roundingTotal
-                }),
-                { datapoint: a.sum, seriesIndex: o }
-              )), 13, at)) : g("", !0),
-              e.value.showAverage ? (d(), c("td", {
-                key: 1,
-                dir: "auto",
-                role: "cell",
-                style: i({
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign
-                }),
-                "data-cell": e.value.translations.average,
-                class: "vue-ui-data-table__tbody__td"
-              }, k(s(D)(
-                e.value.formatter,
-                a.average,
-                s(F)({
-                  p: e.value.prefix,
-                  v: a.average,
-                  s: e.value.suffix,
-                  r: e.value.roundingAverage
-                }),
-                { datapoint: a.average, seriesIndex: o }
-              )), 13, lt)) : g("", !0),
-              e.value.showMedian ? (d(), c("td", {
-                key: 2,
-                dir: "auto",
-                role: "cell",
-                style: i({
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign
-                }),
-                "data-cell": e.value.translations.median,
-                class: "vue-ui-data-table__tbody__td"
-              }, k(s(D)(
-                e.value.formatter,
-                a.median,
-                s(F)({
-                  p: e.value.prefix,
-                  v: a.median,
-                  s: e.value.suffix,
-                  r: e.value.roundingMedian
-                }),
-                { datapoint: a.median, seriesIndex: o }
-              )), 13, ot)) : g("", !0),
-              e.value.showSparklines ? (d(), c("td", {
-                key: 3,
-                role: "cell",
-                "data-cell": e.value.translations.chart,
-                style: i({
-                  border: e.value.tbody.outline,
-                  fontSize: `${e.value.tbody.fontSize}px`,
-                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
-                  textAlign: e.value.tbody.textAlign,
-                  backgroundColor: e.value.tbody.backgroundColor,
-                  padding: "0"
-                }),
-                class: "vue-ui-data-table__tbody__td sticky-col"
-              }, [
-                Ne(He, {
-                  onHoverIndex: ({ index: r }) => Ce({ dataIndex: r, serieIndex: o }),
-                  "height-ratio": e.value.sparkline.dimensions.heightRatio,
-                  "forced-padding": 30,
-                  dataset: a.sparklineDataset,
-                  showInfo: !1,
-                  selectedIndex: S.value,
-                  config: {
-                    type: e.value.sparkline.type,
-                    style: {
-                      backgroundColor: "transparent",
-                      animation: {
-                        show: e.value.sparkline.animation.show && !s(Z) && !s(ee),
-                        animationFrames: e.value.sparkline.animation.animationFrames
-                      },
-                      line: {
-                        color: a.color,
-                        smooth: e.value.sparkline.smooth,
-                        strokeWidth: e.value.sparkline.strokeWidth
-                      },
-                      bar: {
-                        color: a.color
-                      },
-                      area: {
-                        color: a.color,
-                        opacity: e.value.sparkline.showArea ? 16 : 0,
-                        useGradient: e.value.sparkline.useGradient
-                      },
-                      verticalIndicator: {
-                        color: a.color
-                      },
-                      plot: {
-                        radius: 9,
-                        stroke: e.value.tbody.backgroundColor,
-                        strokeWidth: 3
-                      }
-                    }
-                  }
-                }, null, 8, ["onHoverIndex", "height-ratio", "dataset", "selectedIndex", "config"])
-              ], 12, nt)) : g("", !0)
-            ], 6))), 256))
-          ])
-        ], 4)
-      ], 32),
-      t.$slots.source ? (d(), c("div", ut, [
-        O(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0)
-    ], 42, Qe));
-  }
-}, gt = /* @__PURE__ */ Ke(rt, [["__scopeId", "data-v-5bd76162"]]);
-export {
-  gt as default
-};

package/dist/vue-ui-thermometer-C6lMWRiF.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DhDYBLBe.cjs"),te=require("./Title-Bk_55doC.cjs"),U=require("./usePrinter-2_QjJFdH.cjs"),oe=require("./vue-ui-skeleton-lkPDknHn.cjs"),Y=require("./useNestedProp-BphUExEh.cjs"),le=require("./PackageVersion-Bj34UNnQ.cjs"),re=require("./PenAndPaper-D9yQnc0e.cjs"),ae=require("./useUserOptionState-BgepsfED.cjs"),se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],ue={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},ie={key:2,style:"width:100%"},ce=["xmlns","viewBox"],de={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},he=["fill"],ve=["id"],me=["stop-color"],pe=["stop-color"],ye=["stop-color"],fe={"clip-path":"url(#vueUiPill)"},ke=["x","y","height","width"],ge=["x","y","height","width","fill"],be=["x1","x2","y1","y2","stroke-width","stroke"],xe=["x1","x2","y1","y2","stroke-width","stroke"],Ce=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x1","x2","y1","y2","stroke-width","stroke"],we=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x","y","height","width"],Ee=["y","x","fill","font-size","font-weight"],$e={key:5,class:"vue-data-ui-watermark"},Fe={key:6,ref:"source",dir:"auto"},Oe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:z}){const s=m;e.useCssVars(l=>({"5c9ace98":R.value,"23608cf6":D.value,"1b0e313a":j.value}));const{vue_ui_thermometer:L}=r.useConfig(),k=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){r.objectIsEmpty(s.dataset)?r.error({componentName:"VueUiThermometer",type:"dataset"}):r.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{r.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})}const d=e.ref(r.createUid()),g=e.ref(null),V=e.ref(0),P=e.ref(0),t=e.computed({get:()=>O(),set:l=>l}),{userOptionsVisible:E,setUserOptionsVisibility:$,keepUserOptionState:F}=ae.useUserOptionState({config:t.value});function O(){const l=Y.useNestedProp({userConfig:s.config,defaultConfig:L});return l.theme?{...Y.useNestedProp({userConfig:r.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>s.config,l=>{t.value=O(),B(),P.value+=1},{deep:!0});const{isPrinting:S,isImaging:I,generatePdf:q,generateImage:A}=U.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),G=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),W=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(l,n,o){const u=[],w=T(l),N=T(n);for(let v=0;v<o;v++){const K=b(w.red,N.red,v,o),Q=b(w.green,N.green,v,o),Z=b(w.blue,N.blue,v,o),ee=`#${x(K)}${x(Q)}${x(Z)}`;u.push(ee)}return u}function T(l){const n=l.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(l,n,o,u){return Math.round(l+(n-l)*o/u)}function x(l){return l.toString(16).padStart(2,"0")}const a=e.computed(()=>{const l=W.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:l,left:i.value.left,right:l-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),H=e.computed(()=>a.value),C=e.computed(()=>{const l=r.checkNaN(s.dataset.from)<0?Math.abs(r.checkNaN(s.dataset.from)):r.checkNaN(s.dataset.from),n=r.checkNaN(s.dataset.to)<0?Math.abs(r.checkNaN(s.dataset.to)):r.checkNaN(s.dataset.to);let o=0;return r.checkNaN(s.dataset.to)>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(r.checkNaN(s.dataset.from))+r.checkNaN(s.dataset.value))/o)*(a.value.height-i.value.top-i.value.bottom)}),j=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${a.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),R=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),X=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return y(p.value[0]||r.palette[0],r.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return y(r.convertColorToHex(s.dataset.colors.from),p.value[1]||r.palette[1],c.value||10)}else return y(p.value[1]||r.palette[1],p.value[0]||r.palette[0],c.value||10);return y(r.convertColorToHex(s.dataset.colors.from),r.convertColorToHex(s.dataset.colors.to),c.value||10)}),M=e.computed(()=>{const l=[];let n=0;const o=a.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)l.push({x:a.value.left,y:a.value.top+u,qYLess:a.value.top+u+o/c.value/4,halfY:a.value.top+u+o/c.value/2,qYMore:a.value.top+u+o/c.value/4*3,color:X.value[n],height:o/c.value}),n+=1;return l}),h=e.ref(!1);function J(l){h.value=l,V.value+=1}const f=e.ref(!1);function _(){f.value=!f.value}return z({generatePdf:q,generateImage:A,toggleAnnotator:_}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:g,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(re.PenAndPaper,{key:0,parent:g.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:_},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),G.value?(e.openBlock(),e.createElementBlock("div",ue,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(),e.createBlock(te._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value&&(e.unref(F)||e.unref(E))?(e.openBlock(),e.createBlock(U.UserOptions,{ref:"details",key:`user_options_${V.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(I),isPrinting:e.unref(S),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(A),onToggleAnnotator:_,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(E)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${a.value.width} ${a.value.height}`,style:"background:transparent"},[e.createVNode(le._sfc_main),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",de,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,he)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,me),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(r.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,pe),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ye)],8,ve))),256))]),e.createElementVNode("g",fe,[e.createElementVNode("rect",{x:a.value.left,y:a.value.top,height:a.value.height-i.value.top-i.value.bottom,width:a.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,ke),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,ge),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,be)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,xe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ce)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:a.value.right,x2:a.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:a.value.left,y:a.value.top,height:C.value,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Pe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+a.value.top+t.value.style.chart.label.fontSize/3,x:a.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(r.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Ee),e.renderSlot(l.$slots,"svg",{svg:H.value},void 0,!0)],10,ce)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(I)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ne))}},Se=se._export_sfc(Oe,[["__scopeId","data-v-a31437af"]]);exports.default=Se;

package/dist/vue-ui-tiremarks-PGGgsNgS.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-BphUExEh.cjs"),c=require("./index-DhDYBLBe.cjs"),K=require("./Title-Bk_55doC.cjs"),G=require("./usePrinter-2_QjJFdH.cjs"),Q=require("./vue-ui-skeleton-lkPDknHn.cjs"),W=require("./PackageVersion-Bj34UNnQ.cjs"),Z=require("./PenAndPaper-D9yQnc0e.cjs"),ee=require("./useUserOptionState-BgepsfED.cjs"),te=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ae=["id"],oe={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},le=["xmlns","viewBox"],re={key:0},ne=["d","stroke-width","stroke"],se={key:1},ue=["x1","y1","x2","y2","stroke-width","stroke"],ie=["x","y","font-size","fill","font-weight","text-anchor"],ce={key:5,class:"vue-data-ui-watermark"},ve={key:6,ref:"source",dir:"auto"},de={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(j,{expose:H}){const v=j,{vue_ui_tiremarks:D}=c.useConfig(),P=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),$=e.ref(c.createUid()),B=e.ref(null),R=e.ref(null),S=e.ref(0),O=e.ref(0),t=e.computed({get:()=>I(),set:a=>a}),{userOptionsVisible:A,setUserOptionsVisibility:z,keepUserOptionState:N}=ee.useUserOptionState({config:t.value});function I(){const a=L.useNestedProp({userConfig:v.config,defaultConfig:D});return a.theme?{...L.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[a.theme]||v.config,defaultConfig:a})}:a}e.watch(()=>v.config,a=>{t.value=I(),M(),O.value+=1},{deep:!0});const{isPrinting:F,isImaging:E,generatePdf:V,generateImage:q}=G.usePrinter({elementId:$.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),X=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),s=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,a=>{t.value.style.chart.animation.use?T(a.percentage):s.value=a.percentage||0},{deep:!0}),e.onMounted(()=>{M()});function T(a){let n=t.value.style.chart.animation.speed;const o=Math.abs(a-s.value)/(n*120);function r(){s.value<a?s.value=Math.min(s.value+o,a):s.value>a&&(s.value=Math.max(s.value-o,a)),s.value!==a&&requestAnimationFrame(r)}r()}function M(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),T(v.dataset.percentage||0)}const f=e.computed(()=>t.value.style.chart.layout.display==="vertical"),u=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return f.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),C=e.computed(()=>Object.values(u.value).reduce((a,n)=>a+n,0)),l=e.computed(()=>({height:f.value?312:56,width:f.value?56:312})),Y=e.ref(100);e.computed(()=>v.dataset.percentage/Y.value);const i=e.computed(()=>f.value?{mark:(l.value.height-C.value)/100*.5,space:(l.value.height-C.value)/100*.5}:{mark:(l.value.width-C.value)/100*.5,space:(l.value.width-C.value)/100*.5}),U=e.computed(()=>{const a=[];for(let o=0;o<100;o+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,o/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(f.value){const y=t.value.style.chart.layout.crescendo?(100-o)*(l.value.width-u.value.left-u.value.right)/100/3:0,d=u.value.left+4+y,h=l.value.width-u.value.right-4-y,p=l.value.height-u.value.bottom-o*i.value.mark-o*i.value.space-i.value.mark,m=l.value.height-u.value.bottom-o*i.value.mark-o*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+o)/100);a.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p-b}, ${h-k} ${m-b}, ${h} ${m}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-o)*(l.value.height-u.value.top-u.value.bottom)/100/3:0,d=u.value.left+o*i.value.mark+o*i.value.space-i.value.mark,h=d,p=u.value.top+4+y,m=l.value.height-u.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+o)/100),b=(m-p)/t.value.style.chart.layout.curveAngleX;a.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p+b}, ${h+k} ${m-b}, ${h} ${m}`,color:r})}}return a}),g=e.computed(()=>{let a,n,o;const r=t.value.style.chart.percentage.fontSize/3;return f.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=l.value.width/2,n=u.value.top/2,o="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=l.value.width/2,n=l.value.height-u.value.bottom/2+r,o="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,n=l.value.height/2+r,o="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=l.value.width-u.value.right+8,n=l.value.height/2+r,o="start"),{x:a,y:n,textAnchor:o,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function J(a){_.value=a,S.value+=1}const w=e.ref(!1);function x(){w.value=!w.value}return H({generatePdf:V,generateImage:q,toggleAnnotator:x}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:B,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:$.value,onMouseenter:n[0]||(n[0]=()=>e.unref(z)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(z)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Z.PenAndPaper,{key:0,parent:B.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:x},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:R,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(),e.createBlock(K._sfc_main,{key:`title_${O.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&P.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(G.UserOptions,{ref:"details",key:`user_options_${S.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(F),isImaging:e.unref(E),uid:$.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:B.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:J,onGeneratePdf:e.unref(V),onGenerateImage:e.unref(q),onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:r})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:r})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(W._sfc_main),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,r)=>(e.openBlock(),e.createElementBlock("path",{d:o.curve,"stroke-width":i.value.mark,stroke:s.value>=r?o.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=s.value})},null,10,ne))),256))])):(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,r)=>(e.openBlock(),e.createElementBlock("line",{x1:o.x1,y1:o.y1,x2:o.x2,y2:o.y2,"stroke-width":i.value.mark,stroke:s.value>=r?o.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,ue))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,s.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,s.value,e.unref(c.dataLabel)({v:s.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,ie)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:l.value},void 0,!0)],14,le)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(F)||e.unref(E)})),void 0,!0)])):e.createCommentVNode("",!0),a.$slots.source?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),P.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ae))}},he=te._export_sfc(de,[["__scopeId","data-v-d5780415"]]);exports.default=he;