@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.2

package/library/VcSparkline-CwjaA-i6.mjs

@@ -1,561 +0,0 @@
-import { defineComponent, useSlots, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, ref, watch, nextTick, useAttrs, createBlock, resolveDynamicComponent, mergeProps, unref, createSlots, withCtx } from "vue";
-import { bk as UniqueComponentId } from "./entry-EvdwF4XL.mjs";
-function _genPath(points, radius, fill = false, height = 75) {
-  if (points.length === 0) return "";
-  const start = points.shift();
-  const end = points[points.length - 1];
-  return (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) + points.map((point, index) => {
-    const next = points[index + 1];
-    const prev = points[index - 1] || start;
-    const isCollinear = next && checkCollinear(next, point, prev);
-    if (!next || isCollinear) {
-      return `L${point.x} ${point.y}`;
-    }
-    const threshold = Math.min(
-      getDistance(prev, point),
-      getDistance(next, point)
-    );
-    const isTooCloseForRadius = threshold / 2 < radius;
-    const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
-    const before = moveTo(prev, point, radiusForPoint);
-    const after = moveTo(next, point, radiusForPoint);
-    return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`;
-  }).join("") + (fill ? `L${end.x} ${height - start.x + 2} Z` : "");
-}
-function int(value) {
-  return parseInt(`${value}`, 10);
-}
-function checkCollinear(p0, p1, p2) {
-  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
-}
-function getDistance(p1, p2) {
-  return Math.sqrt(
-    Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)
-  );
-}
-function moveTo(to, from, radius) {
-  const vector = {
-    x: to.x - from.x,
-    y: to.y - from.y
-  };
-  const length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
-  const unitVector = {
-    x: vector.x / length,
-    y: vector.y / length
-  };
-  return {
-    x: from.x + unitVector.x * radius,
-    y: from.y + unitVector.y * radius
-  };
-}
-function getPropertyFromItem(item, property, fallback) {
-  if (property === true) return item === void 0 ? fallback : item;
-  if (property == null || typeof property === "boolean") return fallback;
-  if (item !== Object(item)) {
-    if (typeof property !== "function") return fallback;
-    const value2 = property(item, fallback);
-    return typeof value2 === "undefined" ? fallback : value2;
-  }
-  if (typeof property === "string") return getObjectValueByPath(item, property, fallback);
-  if (Array.isArray(property)) return getNestedValue(item, property, fallback);
-  if (typeof property !== "function") return fallback;
-  const value = property(item, fallback);
-  return typeof value === "undefined" ? fallback : value;
-}
-function getObjectValueByPath(obj, path, fallback) {
-  if (obj == null || !path || typeof path !== "string") return fallback;
-  if (obj[path] !== void 0) return obj[path];
-  path = path.replace(/\[(\w+)\]/g, ".$1");
-  path = path.replace(/^\./, "");
-  return getNestedValue(obj, path.split("."), fallback);
-}
-function getNestedValue(obj, path, fallback) {
-  const last = path.length - 1;
-  if (last < 0) return obj === void 0 ? fallback : obj;
-  for (let i = 0; i < last; i++) {
-    if (obj == null) {
-      return fallback;
-    }
-    obj = obj[path[i]];
-  }
-  if (obj == null) return fallback;
-  return obj[path[last]] === void 0 ? fallback : obj[path[last]];
-}
-const _hoisted_1$2 = { display: "block" };
-const _hoisted_2$1 = ["id", "x1", "y1", "x2", "y2"];
-const _hoisted_3$1 = ["offset", "stop-color"];
-const _hoisted_4$1 = ["id"];
-const _hoisted_5$1 = ["x", "y", "width", "height", "rx", "ry"];
-const _hoisted_6$1 = ["from", "to", "dur"];
-const _hoisted_7$1 = ["to", "dur"];
-const _hoisted_8 = {
-  key: "labels",
-  style: {
-    textAnchor: "middle",
-    dominantBaseline: "mathematical",
-    fill: "currentColor"
-  }
-};
-const _hoisted_9 = ["x", "y", "font-size"];
-const _hoisted_10 = ["clip-path", "fill"];
-const _hoisted_11 = ["width", "height"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VcBarLine",
-  props: {
-    type: { default: "bar" },
-    colorClasses: {},
-    autoDraw: { type: Boolean },
-    autoLineWidth: { type: Boolean },
-    autoDrawDuration: {},
-    autoDrawEasing: { default: "ease" },
-    showLabels: { type: Boolean },
-    smooth: { type: [Boolean, Number] },
-    fill: { type: Boolean },
-    id: {},
-    color: {},
-    itemValue: { default: "value" },
-    modelValue: { default: () => [] },
-    gradient: { default: () => [] },
-    gradientDirection: { default: "top" },
-    min: {},
-    max: {},
-    height: { default: 75 },
-    width: { default: 300 },
-    labelSize: { default: 7 },
-    lineWidth: { default: 4 },
-    padding: { default: 8 },
-    labels: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const uid = UniqueComponentId("vc-trend-");
-    const componentId = computed(() => props.id || uid);
-    const bars = computed(() => genBars(items.value, boundary.value));
-    const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
-    const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || 500);
-    const hasLabels = computed(() => {
-      const labels = props.labels || [];
-      return Boolean(
-        props.showLabels || labels.length > 0 || !!(slots == null ? void 0 : slots.label)
-      );
-    });
-    const gradientData = computed(() => {
-      return !props.gradient.slice().length ? [""] : props.gradient.slice().reverse();
-    });
-    const lineWidth = computed(() => parseFloat(`${props.lineWidth}`) || 4);
-    const totalWidth = computed(() => Math.max(props.modelValue.length * lineWidth.value, Number(props.width)));
-    const boundary = computed(() => {
-      return {
-        minX: 0,
-        maxX: totalWidth.value,
-        minY: 0,
-        maxY: parseInt(`${props.height}`, 10)
-      };
-    });
-    const items = computed(() => props.modelValue.map((item) => getPropertyFromItem(item, props.itemValue, item)));
-    const parsedLabels = computed(() => {
-      const labels = [];
-      const points = genBars(items.value, boundary.value);
-      const len = points.length;
-      const pLabels = props.labels || [];
-      for (let i = 0; labels.length < len; i++) {
-        const item = points[i];
-        let value = pLabels[i];
-        if (!value) {
-          value = typeof item === "object" ? item.value : item;
-        }
-        labels.push({
-          x: item.x,
-          value: String(value)
-        });
-      }
-      return labels;
-    });
-    function genBars(values, boundary2) {
-      const { minX, maxX, minY, maxY } = boundary2;
-      const totalValues = values.length;
-      let maxValue = props.max != null ? Number(props.max) : Math.max(...values);
-      let minValue = props.min != null ? Number(props.min) : Math.min(...values);
-      if (minValue > 0 && props.min == null) minValue = 0;
-      if (maxValue < 0 && props.max == null) maxValue = 0;
-      const gridX = maxX / totalValues;
-      const gridY = (maxY - minY) / (maxValue - minValue || 1);
-      const horizonY = maxY - Math.abs(minValue * gridY);
-      return values.map((value, index) => {
-        const height = Math.abs(gridY * value);
-        return {
-          x: minX + index * gridX,
-          y: horizonY - height + +(value < 0) * height,
-          height,
-          value
-        };
-      });
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$2, [
-        createElementVNode("defs", null, [
-          createElementVNode("linearGradient", {
-            id: componentId.value,
-            gradientUnits: "userSpaceOnUse",
-            x1: _ctx.gradientDirection === "left" ? "100%" : "0",
-            y1: _ctx.gradientDirection === "top" ? "100%" : "0",
-            x2: _ctx.gradientDirection === "right" ? "100%" : "0",
-            y2: _ctx.gradientDirection === "bottom" ? "100%" : "0"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(gradientData.value, (color, index) => {
-              return openBlock(), createElementBlock("stop", {
-                key: `gr-${index}`,
-                offset: index / Math.max(gradientData.value.length - 1, 1),
-                "stop-color": color || "currentColor"
-              }, null, 8, _hoisted_3$1);
-            }), 128))
-          ], 8, _hoisted_2$1)
-        ]),
-        createElementVNode("clipPath", {
-          id: `${componentId.value}-clip`
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(bars.value, (bar, bIndex) => {
-            return openBlock(), createElementBlock("rect", {
-              key: `bar-${bIndex}`,
-              x: bar.x + offsetX.value,
-              y: bar.y,
-              width: lineWidth.value,
-              height: bar.height,
-              rx: typeof _ctx.smooth === "number" ? _ctx.smooth : _ctx.smooth ? 2 : 0,
-              ry: typeof _ctx.smooth === "number" ? _ctx.smooth : _ctx.smooth ? 2 : 0
-            }, [
-              _ctx.autoDraw ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("animate", {
-                  attributeName: "y",
-                  from: bar.y + bar.height,
-                  to: bar.y,
-                  dur: `${autoDrawDuration.value}ms`,
-                  fill: "freeze"
-                }, null, 8, _hoisted_6$1),
-                createElementVNode("animate", {
-                  attributeName: "height",
-                  from: "0",
-                  to: bar.height,
-                  dur: `${autoDrawDuration.value}ms`,
-                  fill: "freeze"
-                }, null, 8, _hoisted_7$1)
-              ], 64)) : createCommentVNode("", true)
-            ], 8, _hoisted_5$1);
-          }), 128))
-        ], 8, _hoisted_4$1),
-        hasLabels.value ? (openBlock(), createElementBlock("g", _hoisted_8, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(parsedLabels.value, (text, tI) => {
-            return openBlock(), createElementBlock("text", {
-              key: `text-${tI}`,
-              x: text.x + offsetX.value + lineWidth.value / 2,
-              y: parseInt(`${_ctx.height}`, 10) - 2 + (parseInt(`${_ctx.labelSize}`, 10) || 7 * 0.75),
-              "font-size": Number(props.labelSize) || 7
-            }, [
-              _ctx.$slots.label ? renderSlot(_ctx.$slots, "label", {
-                key: 0,
-                index: tI,
-                value: text.value
-              }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createTextVNode(toDisplayString(text.value), 1)
-              ], 64))
-            ], 8, _hoisted_9);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        createElementVNode("g", {
-          "clip-path": `url(#${componentId.value}-clip)`,
-          fill: `url(#${componentId.value})`
-        }, [
-          createElementVNode("rect", {
-            x: 0,
-            y: 0,
-            width: Math.max(_ctx.modelValue.length * lineWidth.value, Number(_ctx.width)),
-            height: _ctx.height
-          }, null, 8, _hoisted_11)
-        ], 8, _hoisted_10)
-      ]);
-    };
-  }
-});
-const _hoisted_1$1 = ["stroke-width"];
-const _hoisted_2 = ["id", "x1", "y1", "x2", "y2"];
-const _hoisted_3 = ["offset", "stop-color"];
-const _hoisted_4 = {
-  key: "labels",
-  style: {
-    textAnchor: "middle",
-    dominantBaseline: "mathematical",
-    fill: "currentColor"
-  }
-};
-const _hoisted_5 = ["x", "y", "font-size"];
-const _hoisted_6 = ["d", "fill", "stroke"];
-const _hoisted_7 = ["d", "stroke"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VcTrendLine",
-  props: {
-    type: { default: "trend" },
-    colorClasses: {},
-    autoDraw: { type: Boolean },
-    autoDrawDuration: {},
-    autoDrawEasing: { default: "ease" },
-    showLabels: { type: Boolean },
-    smooth: { type: [Boolean, Number] },
-    fill: { type: Boolean },
-    id: {},
-    color: {},
-    itemValue: { default: "value" },
-    modelValue: { default: () => [] },
-    gradient: { default: () => [] },
-    gradientDirection: { default: "top" },
-    min: {},
-    max: {},
-    height: { default: 75 },
-    width: { default: 300 },
-    labelSize: { default: 7 },
-    lineWidth: { default: 4 },
-    padding: { default: 8 },
-    labels: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const uid = UniqueComponentId("vc-trendline-");
-    const lastLength = ref(0);
-    const pathRef = ref();
-    const componentId = computed(() => props.id || uid);
-    const gradientData = computed(() => {
-      return !props.gradient.slice().length ? [""] : props.gradient.slice().reverse();
-    });
-    const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || (props.fill ? 500 : 2e3));
-    const hasLabels = computed(() => {
-      var _a;
-      return Boolean(
-        props.showLabels || (((_a = props.labels) == null ? void 0 : _a.length) || 0) > 0 || !!(slots == null ? void 0 : slots.label)
-      );
-    });
-    const lineWidth = computed(() => {
-      return parseFloat(`${props.lineWidth}`) || 4;
-    });
-    const totalWidth = computed(() => Number(props.width));
-    const boundary = computed(() => {
-      const padding = Number(props.padding);
-      return {
-        minX: padding,
-        maxX: totalWidth.value - padding,
-        minY: padding,
-        maxY: parseInt(`${props.height}`, 10) - padding
-      };
-    });
-    const parsedLabels = computed(() => {
-      const labels = [];
-      const points = genPoints(items.value, boundary.value);
-      const len = points.length;
-      const pLabels = props.labels || [];
-      for (let i = 0; labels.length < len; i++) {
-        const item = points[i];
-        let value = pLabels[i];
-        if (!value) {
-          value = typeof item === "object" ? item.value : item;
-        }
-        labels.push({
-          x: item.x,
-          value: String(value)
-        });
-      }
-      return labels;
-    });
-    const items = computed(() => props.modelValue.map((item) => getPropertyFromItem(item, props.itemValue, item)));
-    function genPoints(values, boundary2) {
-      const { minX, maxX, minY, maxY } = boundary2;
-      const totalValues = values.length;
-      const maxValue = props.max != null ? Number(props.max) : Math.max(...values);
-      const minValue = props.min != null ? Number(props.min) : Math.min(...values);
-      const gridX = (maxX - minX) / (totalValues - 1);
-      const gridY = (maxY - minY) / (maxValue - minValue || 1);
-      return values.map((value, index) => {
-        return {
-          x: minX + index * gridX,
-          y: maxY - (value - minValue) * gridY,
-          value
-        };
-      });
-    }
-    function genPath(fill) {
-      return _genPath(
-        genPoints(items.value, boundary.value),
-        props.smooth ? 8 : Number(props.smooth),
-        fill,
-        parseInt(`${props.height}`, 10)
-      );
-    }
-    watch(
-      () => props.modelValue,
-      async () => {
-        await nextTick();
-        if (!props.autoDraw || !pathRef.value) return;
-        const pathRefVal = pathRef.value;
-        const length = pathRefVal.getTotalLength();
-        if (!props.fill) {
-          pathRefVal.style.strokeDasharray = `${length}`;
-          pathRefVal.style.strokeDashoffset = `${length}`;
-          pathRefVal.getBoundingClientRect();
-          pathRefVal.style.transition = `stroke-dashoffset ${autoDrawDuration.value}ms ${props.autoDrawEasing}`;
-          pathRefVal.style.strokeDashoffset = "0";
-        } else {
-          pathRefVal.style.transformOrigin = "bottom center";
-          pathRefVal.style.transition = "none";
-          pathRefVal.style.transform = "scaleY(0)";
-          pathRefVal.getBoundingClientRect();
-          pathRefVal.style.transition = `transform ${autoDrawDuration.value}ms ${props.autoDrawEasing}`;
-          pathRefVal.style.transform = "scaleY(1)";
-        }
-        lastLength.value = length;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("svg", {
-        display: "block",
-        "stroke-width": parseFloat(`${lineWidth.value}`) ?? 4
-      }, [
-        createElementVNode("defs", null, [
-          createElementVNode("linearGradient", {
-            id: componentId.value,
-            x1: _ctx.gradientDirection === "left" ? "100%" : "0",
-            y1: _ctx.gradientDirection === "top" ? "100%" : "0",
-            x2: _ctx.gradientDirection === "right" ? "100%" : "0",
-            y2: _ctx.gradientDirection === "bottom" ? "100%" : "0",
-            gradientUnits: "userSpaceOnUse"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(gradientData.value, (color, index) => {
-              return openBlock(), createElementBlock("stop", {
-                key: `gr-${index}`,
-                offset: index / Math.max(gradientData.value.length - 1, 1),
-                "stop-color": color || "currentColor"
-              }, null, 8, _hoisted_3);
-            }), 128))
-          ], 8, _hoisted_2)
-        ]),
-        hasLabels.value ? (openBlock(), createElementBlock("g", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(parsedLabels.value, (tItem, tI) => {
-            return openBlock(), createElementBlock("text", {
-              key: `li-${tI}`,
-              x: tItem.x + lineWidth.value / 2 + lineWidth.value / 2,
-              y: parseInt(`${_ctx.height}`, 10) - 4 + (parseInt(`${_ctx.labelSize}`, 10) || 7 * 0.75),
-              "font-size": Number(props.labelSize) || 7
-            }, [
-              _ctx.$slots.label ? renderSlot(_ctx.$slots, "label", {
-                key: 0,
-                index: tI,
-                value: tItem.value
-              }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createTextVNode(toDisplayString(tItem.value), 1)
-              ], 64))
-            ], 8, _hoisted_5);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        createElementVNode("path", {
-          ref_key: "pathRef",
-          ref: pathRef,
-          d: genPath(props.fill),
-          fill: _ctx.fill ? `url(#${componentId.value})` : "none",
-          stroke: _ctx.fill ? "none" : `url(#${componentId.value})`
-        }, null, 8, _hoisted_6),
-        _ctx.fill ? (openBlock(), createElementBlock("path", {
-          key: 1,
-          d: genPath(false),
-          fill: "none",
-          stroke: _ctx.color ?? ((_a = _ctx.gradient) == null ? void 0 : _a[0])
-        }, null, 8, _hoisted_7)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$1);
-    };
-  }
-});
-const _hoisted_1 = { class: "vc-sparkline-block" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "VcSparkline",
-  props: {
-    type: { default: "trend" },
-    autoDraw: { type: Boolean },
-    autoDrawDuration: {},
-    autoDrawEasing: { default: "ease" },
-    showLabels: { type: Boolean },
-    smooth: { type: [Boolean, Number] },
-    fill: { type: Boolean },
-    id: {},
-    colorClasses: {},
-    color: {},
-    itemValue: { default: "value" },
-    modelValue: { default: () => [] },
-    gradient: { default: () => [] },
-    gradientDirection: { default: "top" },
-    min: {},
-    max: {},
-    height: { default: 75 },
-    width: { default: 300 },
-    labelSize: { default: 7 },
-    lineWidth: { default: 4 },
-    padding: { default: 8 },
-    labels: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const componentTag = computed(() => {
-      return props.type === "bar" ? _sfc_main$2 : _sfc_main$1;
-    });
-    const hasLabels = computed(() => {
-      var _a;
-      return Boolean(
-        props.showLabels || (((_a = props.labels) == null ? void 0 : _a.length) || 0) > 0 || !!(slots == null ? void 0 : slots.label)
-      );
-    });
-    const totalHeight = computed(() => {
-      let height = parseInt(`${props.height}`, 10);
-      if (hasLabels.value) height += parseInt(`${props.labelSize}`, 10) * 1.5;
-      return height;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(), createBlock(resolveDynamicComponent(componentTag.value), mergeProps({
-          class: _ctx.colorClasses,
-          viewBox: `0 0 ${_ctx.width} ${parseInt(`${totalHeight.value}`, 10)}`,
-          style: {
-            color: _ctx.color,
-            caretColor: _ctx.color
-          }
-        }, {
-          ...unref(attrs),
-          ...props
-        }), createSlots({ _: 2 }, [
-          _ctx.$slots.default ? {
-            name: "default",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.$slots.label ? {
-            name: "label",
-            fn: withCtx(({ index, value }) => [
-              renderSlot(_ctx.$slots, "label", {
-                index,
-                value
-              })
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1040, ["class", "viewBox", "style"]))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};