vue-data-ui 3.1.3 → 3.1.5

package/dist/Slicer-Duqm7KZK.js

@@ -0,0 +1,597 @@
+import { useCssVars as qe, computed as s, ref as i, onMounted as ge, onBeforeUnmount as Y, watch as P, nextTick as _, onUpdated as Ke, createElementBlock as m, openBlock as f, createElementVNode as d, createCommentVNode as y, renderSlot as Je, normalizeStyle as M, createVNode as Qe, withDirectives as be, unref as O, Fragment as xe, renderList as we, normalizeClass as T, vModelText as ye, toDisplayString as ee } from "vue";
+import { c as Ye, V as pe, U as Se, X as _e, F as te } from "./index-BkfuZCRT.js";
+import { t as Ce, u as et } from "./useResponsive-DfdjqQps.js";
+import tt from "./BaseIcon-BQQGRQ2U.js";
+import { _ as lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const at = {
+  class: "vue-data-ui-slicer-labels",
+  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
+}, nt = {
+  key: 0,
+  style: { width: "100%", position: "relative" }
+}, it = {
+  key: 0,
+  class: "minimap",
+  style: { width: "100%" }
+}, ut = ["xmlns", "viewBox"], ot = ["id"], rt = ["stop-color"], st = ["d", "stroke"], vt = ["x", "width", "height", "fill", "rx"], dt = ["d", "fill"], ct = ["x", "width", "height", "rx", "fill"], mt = ["x", "width", "height", "fill", "rx"], ft = ["d", "fill"], ht = ["d", "stroke"], gt = ["cx", "cy", "stroke", "fill"], bt = ["cx", "cy", "stroke", "fill"], xt = ["x1", "x2", "y2", "stroke"], wt = ["x", "height", "width", "onMouseenter"], yt = ["min", "max"], pt = ["min", "max"], St = 48, Ct = {
+  __name: "Slicer",
+  props: {
+    background: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    borderColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    fontSize: {
+      type: Number,
+      default: 14
+    },
+    labelLeft: {
+      type: [String, Number],
+      default: ""
+    },
+    labelRight: {
+      type: [String, Number],
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    inputColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    max: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    selectColor: {
+      type: String,
+      default: "#4A4A4A"
+    },
+    useResetSlot: {
+      type: Boolean,
+      default: !1
+    },
+    valueStart: {
+      type: [Number, String],
+      default: 0
+    },
+    valueEnd: {
+      type: [Number, String],
+      default: 0
+    },
+    minimap: {
+      type: Array,
+      default: []
+    },
+    smoothMinimap: {
+      type: Boolean,
+      default: !1
+    },
+    minimapSelectedColor: {
+      type: String,
+      default: "#1f77b4"
+    },
+    minimapSelectionRadius: {
+      type: Number,
+      default: 12
+    },
+    minimapLineColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    minimapSelectedColorOpacity: {
+      type: Number,
+      default: 0.2
+    },
+    minimapSelectedIndex: {
+      type: Number,
+      default: null
+    },
+    minimapIndicatorColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    refreshStartPoint: {
+      type: Number,
+      default: 0
+    },
+    refreshEndPoint: {
+      type: Number,
+      default: null
+    },
+    enableRangeHandles: {
+      type: Boolean,
+      default: !1
+    },
+    enableSelectionDrag: {
+      type: Boolean,
+      default: !0
+    },
+    verticalHandles: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:start", "update:end", "reset", "trapMouse"],
+  setup(l, { expose: ke, emit: $e }) {
+    qe((t) => ({
+      a3aa5f5c: Re.value,
+      "462058c6": p.value,
+      "4e62b9b7": Ne.value,
+      "265599f6": l.selectColor,
+      "64a01984": Me.value
+    }));
+    const a = l, g = i(null), r = i(a.min), v = i(a.max), B = s(() => !!a.minimap.length), Z = i(Ye()), W = i(0);
+    ge(() => {
+      const t = () => {
+        g.value && (W.value = g.value.getBoundingClientRect().width);
+      };
+      t();
+      const e = Ce(t, 50);
+      window.addEventListener("resize", e), Y(() => {
+        window.removeEventListener("resize", e);
+      });
+    });
+    const Le = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), L = $e, b = s(() => {
+      const t = a.max - a.min, e = (r.value - a.min) / t * 100, n = (v.value - a.min) / t * 100, u = (e + n) / 2, c = G.value ? `calc(${u}% - ${H.value.width}px)` : j.value ? `calc(${u}%)` : `calc(${u}% - ${H.value.width / 2}px)`;
+      return {
+        left: `${e}%`,
+        width: `${n - e}%`,
+        background: a.selectColor,
+        tooltipLeft: `calc(${e}% - ${j.value ? 0 : Q.value / 2}px)`,
+        tooltipRight: `calc(${n}% - ${G.value ? U.value : U.value / 2}px)`,
+        tooltipCenter: c,
+        arrowLeft: !j.value,
+        arrowRight: !G.value
+      };
+    }), j = s(() => g.value ? g.value.getBoundingClientRect().width * ((r.value - a.min) / (a.max - a.min)) - Q.value / 2 < 0 : !1), G = s(() => g.value ? g.value.getBoundingClientRect().width * ((v.value - a.min) / (a.max - a.min)) + U.value / 2 > g.value.getBoundingClientRect().width : !1), Re = s(() => a.inputColor), Me = s(() => a.background), Ne = s(() => `${a.selectColor}33`), p = s(() => a.borderColor), le = s(() => {
+      const t = [];
+      for (let e = 0; e < a.minimap.length; e += 1)
+        t.push(e);
+      return t;
+    });
+    function ae() {
+      L("reset");
+    }
+    function Ee() {
+      Number(r.value) > Number(v.value) - 1 && (r.value = Number(v.value) - 1), L("update:start", Number(r.value));
+    }
+    function Pe() {
+      Number(v.value) < Number(r.value) + 1 && (v.value = Number(r.value) + 1), L("update:end", Number(v.value));
+    }
+    P(
+      () => a.min,
+      (t) => {
+        Number(r.value) < Number(t) && (r.value = Number(t)), Number(v.value) < Number(t) && (v.value = Number(t));
+      }
+    ), P(
+      () => a.max,
+      (t) => {
+        Number(r.value) > Number(t) && (r.value = Number(t)), Number(v.value) > Number(t) && (v.value = Number(t));
+      }
+    );
+    const q = i(null), o = i({
+      width: 1,
+      height: 1
+    }), N = i(null);
+    ge(() => {
+      if (B.value) {
+        const t = Ce(() => {
+          const { width: e, height: n } = et({
+            chart: q.value
+          });
+          o.value.width = e, o.value.height = n - 47;
+        });
+        N.value = new ResizeObserver(t), N.value.observe(q.value);
+      }
+    }), Y(() => {
+      N.value && N.value.disconnect();
+    });
+    const h = s(() => a.minimap.length ? o.value.width / a.minimap.length : 0), x = s(() => {
+      if (!a.minimap.length) return [];
+      const t = Math.max(...a.minimap), e = Math.min(...a.minimap) - 10, n = t - (e > 0 ? 0 : e), u = a.minimap.map((Ze, je) => {
+        const Ge = Ze - e;
+        return {
+          x: o.value.width / a.minimap.length * je + h.value / 2,
+          y: o.value.height - Ge / n * (o.value.height * 0.9)
+        };
+      }), c = a.smoothMinimap ? pe(u) : Se(u), V = [...u].slice(a.valueStart, a.valueEnd), Oe = a.smoothMinimap ? pe(V) : Se(V);
+      return {
+        fullSet: c,
+        selectionSet: Oe,
+        sliced: V,
+        firstPlot: u[a.valueStart],
+        lastPlot: u[a.valueEnd - 1]
+      };
+    }), w = s(() => ({
+      x: h.value * r.value + h.value / 2,
+      width: o.value.width * ((v.value - r.value) / a.max) - h.value
+    })), D = i(a.minimapSelectedIndex);
+    P(
+      () => a.minimapSelectedIndex,
+      (t) => {
+        D.value = t + a.valueStart;
+      },
+      { immediate: !0 }
+    );
+    function Te(t) {
+      D.value = t, t >= a.valueStart && t < a.valueEnd && L("trapMouse", t - a.valueStart);
+    }
+    const Be = i(0), K = i(null), J = i(null);
+    function ne(t) {
+      r.value = t, K.value && (K.value.value = t), L("update:start", Number(r.value));
+    }
+    function ie(t) {
+      v.value = t, J.value && (J.value.value = t), L("update:end", Number(v.value));
+    }
+    const X = s(() => a.valueEnd - a.valueStart), z = i(!1);
+    let De = i(null);
+    s(() => (W.value - 48) / (a.max - a.min));
+    const ze = s(() => (W.value - 48) / (a.max - a.min) * X.value), Ie = s(() => Math.max(1, W.value - St - ze.value)), Ae = s(() => Math.max(1, a.max - a.min - X.value)), Fe = s(() => Ae.value / Ie.value), ue = i(0), oe = i(0), He = i(0), re = i(0);
+    let S = null, C = null, k = null, $ = null;
+    const se = (t) => {
+      if (R.value = !0, !a.enableSelectionDrag) return;
+      const e = t.type === "touchstart";
+      e || t.stopPropagation();
+      const n = e && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, u = e ? n ? n.target : null : t.target;
+      if (!u || !(u instanceof Element) || u.classList && u.classList.contains("range-handle")) return;
+      z.value = !0;
+      const c = e ? n ? n.clientX : 0 : t.clientX;
+      De.value = c, ue.value = c, oe.value = Number(r.value), He.value = Number(v.value), re.value = Fe.value, S = e ? "touchmove" : "mousemove", C = e ? "touchend" : "mouseup", k = e ? We : Ve, $ = e ? Ue : Xe, window.addEventListener(S, k, { passive: !1 }), window.addEventListener(C, $);
+    };
+    function Ve(t) {
+      z.value && ve(t.clientX);
+    }
+    function We(t) {
+      if (!z.value || !g.value) return;
+      const e = t.target;
+      if (!(e instanceof Element) || !g.value.contains(e) || e.classList && e.classList.contains("range-handle")) return;
+      t.preventDefault();
+      const n = t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null;
+      n && ve(n.clientX);
+    }
+    function ve(t) {
+      if (!z.value) return;
+      const n = (t - ue.value) * re.value;
+      let u = Math.round(oe.value + n);
+      u = Math.max(a.min, Math.min(u, a.max - X.value));
+      const c = u + X.value;
+      ne(u), ie(c);
+    }
+    function Xe() {
+      de();
+    }
+    function Ue() {
+      de();
+    }
+    function de() {
+      z.value = !1, S && k && window.removeEventListener(S, k), C && $ && window.removeEventListener(C, $), S = C = null, k = $ = null;
+    }
+    const E = i(!1), I = i(null), A = i(null), Q = i(1), U = i(1), R = i(!1);
+    function ce() {
+      I.value && (Q.value = I.value.getBoundingClientRect().width);
+    }
+    function me() {
+      A.value && (U.value = A.value.getBoundingClientRect().width);
+    }
+    const fe = i(0);
+    function he(t) {
+      fe.value = t === "start" ? 1 : 0;
+    }
+    const F = i(!1), H = i({
+      width: 0,
+      left: 0
+    });
+    return P([r, v], async () => {
+      if (await _(), !I.value || !A.value) {
+        F.value = !1, H.value = { width: 0, left: 0 };
+        return;
+      }
+      const t = I.value.getBoundingClientRect(), e = A.value.getBoundingClientRect();
+      F.value = t.x + t.width > e.x;
+      const n = t.x + t.width / 2, u = e.x + e.width / 2, c = t.width + e.width, V = (n + u) / 2;
+      H.value = {
+        width: c,
+        left: V - c / 2
+      };
+    }), Ke(() => {
+      ce(), me();
+    }), P(
+      () => a.labelLeft,
+      () => {
+        _(ce);
+      },
+      { deep: !0 }
+    ), P(
+      () => a.labelRight,
+      () => {
+        _(me);
+      },
+      { deep: !0 }
+    ), ke({
+      setStartValue: ne,
+      setEndValue: ie
+    }), Y(() => {
+      N.value && N.value.disconnect(), S && k && window.removeEventListener(S, k), C && $ && window.removeEventListener(C, $), S = C = null, k = $ = null;
+    }), (t, e) => (f(), m("div", {
+      "data-dom-to-png-ignore": "",
+      style: { padding: "0 24px" },
+      class: "vue-data-ui-zoom",
+      ref_key: "zoomWrapper",
+      ref: g,
+      onMousedown: se,
+      onTouchstart: se,
+      onTouchend: e[11] || (e[11] = (n) => R.value = !1)
+    }, [
+      d("div", at, [
+        l.valueStart !== l.refreshStartPoint || l.valueEnd !== Le.value ? (f(), m("div", nt, [
+          l.useResetSlot ? Je(t.$slots, "reset-action", {
+            key: 1,
+            reset: ae
+          }, void 0, !0) : (f(), m("button", {
+            key: 0,
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            style: M({
+              top: B.value ? "36px" : "-16px",
+              pointerEvents: "all !important"
+            }),
+            onClick: ae
+          }, [
+            Qe(tt, {
+              name: "refresh",
+              stroke: l.textColor
+            }, null, 8, ["stroke"])
+          ], 4))
+        ])) : y("", !0)
+      ]),
+      d("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: q,
+        style: { "z-index": "0" },
+        onMouseenter: e[9] || (e[9] = (n) => R.value = !0),
+        onMouseleave: e[10] || (e[10] = (n) => R.value = !1)
+      }, [
+        B.value ? (f(), m("div", it, [
+          (f(), m("svg", {
+            xmlns: O(_e),
+            viewBox: `0 0 ${o.value.width < 0 ? 0 : o.value.width} ${o.value.height < 0 ? 0 : o.value.height}`
+          }, [
+            d("defs", null, [
+              d("linearGradient", {
+                id: Z.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                d("stop", {
+                  offset: "0%",
+                  "stop-color": `${l.minimapLineColor}50`
+                }, null, 8, rt),
+                e[12] || (e[12] = d("stop", {
+                  offset: "100%",
+                  "stop-color": "transparent"
+                }, null, -1))
+              ], 8, ot)
+            ]),
+            d("path", {
+              d: `M${x.value.fullSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "none",
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              style: { opacity: "1" }
+            }, null, 8, st),
+            d("rect", {
+              x: w.value.x,
+              width: w.value.width < 0 ? 0 : w.value.width,
+              height: Math.max(o.value.height, 0),
+              y: 0,
+              fill: p.value,
+              rx: l.minimapSelectionRadius,
+              stroke: "none"
+            }, null, 8, vt),
+            d("path", {
+              d: `M${h.value / 2},${Math.max(o.value.height, 0)} ${x.value.fullSet} L${o.value.width - h.value / 2},${Math.max(o.value.height, 0)}Z`,
+              fill: `url(#${Z.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, dt),
+            d("rect", {
+              x: w.value.x,
+              width: w.value.width < 0 ? 0 : w.value.width,
+              height: Math.max(o.value.height, 0),
+              y: 0,
+              rx: l.minimapSelectionRadius,
+              fill: p.value
+            }, null, 8, ct),
+            d("rect", {
+              x: w.value.x,
+              width: w.value.width < 0 ? 0 : w.value.width,
+              height: Math.max(o.value.height, 0),
+              y: 0,
+              fill: l.minimapSelectedColor,
+              rx: l.minimapSelectionRadius,
+              style: M({
+                opacity: l.minimapSelectedColorOpacity
+              })
+            }, null, 12, mt),
+            d("path", {
+              d: `M${x.value.sliced[0].x},${Math.max(o.value.height, 0)} ${x.value.selectionSet} L${x.value.sliced.at(-1).x},${Math.max(o.value.height, 0)}Z`,
+              fill: `url(#${Z.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, ft),
+            d("path", {
+              d: `M ${x.value.selectionSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "transparent",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, ht),
+            d("circle", {
+              cx: x.value.firstPlot.x,
+              cy: x.value.firstPlot.y,
+              "stroke-width": "0.5",
+              stroke: p.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, gt),
+            d("circle", {
+              cx: x.value.lastPlot.x,
+              cy: x.value.lastPlot.y,
+              "stroke-width": "0.5",
+              stroke: p.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, bt),
+            D.value !== null ? (f(!0), m(xe, { key: 0 }, we(le.value, (n, u) => (f(), m("g", null, [
+              D.value === n && n >= l.valueStart && n < l.valueEnd ? (f(), m("line", {
+                key: 0,
+                x1: h.value * u + h.value / 2,
+                x2: h.value * u + h.value / 2,
+                y1: 0,
+                y2: Math.max(o.value.height, 0),
+                stroke: l.minimapIndicatorColor,
+                "stroke-linecap": "round",
+                "stroke-dasharray": "2",
+                "stroke-width": "1"
+              }, null, 8, xt)) : y("", !0)
+            ]))), 256)) : y("", !0),
+            (f(!0), m(xe, null, we(le.value, (n, u) => (f(), m("rect", {
+              x: h.value * u,
+              y: 0,
+              height: Math.max(o.value.height, 0),
+              width: h.value < 0 ? 0 : h.value,
+              fill: "transparent",
+              style: M([{ "pointer-events": "all !important" }, {
+                cursor: n >= l.valueStart && n < l.valueEnd && l.enableSelectionDrag ? E.value ? "grabbing" : "grab" : "default"
+              }]),
+              onMousedown: e[0] || (e[0] = (c) => E.value = !0),
+              onMouseup: e[1] || (e[1] = (c) => E.value = !1),
+              onMouseenter: (c) => Te(n),
+              onMouseleave: e[2] || (e[2] = (c) => {
+                D.value = null, L("trapMouse", null);
+              })
+            }, null, 44, wt))), 256))
+          ], 8, ut))
+        ])) : y("", !0),
+        e[13] || (e[13] = d("div", { class: "slider-track" }, null, -1)),
+        d("div", {
+          class: T({
+            "range-highlight": !0,
+            move: l.enableSelectionDrag
+          }),
+          onMousedown: e[3] || (e[3] = (n) => E.value = !0),
+          onMouseup: e[4] || (e[4] = (n) => E.value = !1),
+          style: M({
+            ...b.value,
+            cursor: E.value ? "grabbing" : "grab"
+          })
+        }, null, 38),
+        l.enableRangeHandles ? be((f(), m("input", {
+          ref_key: "rangeStart",
+          ref: K,
+          key: `range-min${Be.value}`,
+          type: "range",
+          class: T({ "range-left": !0, "range-handle": !0, "range-minimap": B.value && l.verticalHandles }),
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": e[5] || (e[5] = (n) => r.value = n),
+          onInput: Ee,
+          onMouseenter: e[6] || (e[6] = (n) => he("start"))
+        }, null, 42, yt)), [
+          [ye, r.value]
+        ]) : y("", !0),
+        l.enableRangeHandles ? be((f(), m("input", {
+          key: 2,
+          ref_key: "rangeEnd",
+          ref: J,
+          type: "range",
+          class: T({ "range-right": !0, "range-handle": !0, "range-minimap": B.value && l.verticalHandles }),
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": e[7] || (e[7] = (n) => v.value = n),
+          onInput: Pe,
+          onMouseenter: e[8] || (e[8] = (n) => he("end"))
+        }, null, 42, pt)), [
+          [ye, v.value]
+        ]) : y("", !0),
+        l.labelLeft ? (f(), m("div", {
+          key: 3,
+          ref_key: "tooltipLeft",
+          ref: I,
+          class: T({
+            "range-tooltip": !0,
+            "range-tooltip-visible": R.value,
+            "range-tooltip-arrow": b.value.arrowLeft && !l.verticalHandles,
+            "range-tooltip-arrow-left": !b.value.arrowLeft && !l.verticalHandles
+          }),
+          style: M({
+            left: b.value.tooltipLeft,
+            color: O(te)(l.selectColor),
+            backgroundColor: l.selectColor,
+            border: `1px solid ${p.value}`,
+            zIndex: `${fe.value + 4}`,
+            visibility: F.value || l.labelLeft === l.labelRight ? "hidden" : "visible"
+          })
+        }, ee(l.labelLeft), 7)) : y("", !0),
+        (F.value || l.labelLeft === l.labelRight) && (l.labelLeft || l.labelRight) ? (f(), m("div", {
+          key: 4,
+          ref: "tooltipMerge",
+          class: T({
+            "range-tooltip": !0,
+            "range-tooltip-visible": R.value,
+            "range-tooltip-arrow": !0,
+            "range-tooltip-arrow-left": !b.value.arrowLeft && !l.verticalHandles,
+            "range-tooltip-arrow-right": !b.value.arrowRight && !l.verticalHandles
+          }),
+          style: M({
+            left: b.value.tooltipCenter,
+            width: H.value.width + "px",
+            color: O(te)(l.selectColor),
+            backgroundColor: l.selectColor,
+            border: `1px solid ${p.value}`,
+            zIndex: "4"
+          })
+        }, ee(l.labelLeft === l.labelRight ? l.labelLeft : `${l.labelLeft} - ${l.labelRight}`), 7)) : y("", !0),
+        l.labelRight ? (f(), m("div", {
+          key: 5,
+          ref_key: "tooltipRight",
+          ref: A,
+          class: T({
+            "range-tooltip": !0,
+            "range-tooltip-visible": R.value,
+            "range-tooltip-arrow": b.value.arrowRight && !l.verticalHandles,
+            "range-tooltip-arrow-right": !b.value.arrowRight && !l.verticalHandles
+          }),
+          style: M({
+            left: b.value.tooltipRight,
+            color: O(te)(l.selectColor),
+            backgroundColor: l.selectColor,
+            border: `1px solid ${p.value}`,
+            zIndex: "4",
+            visibility: F.value || l.labelLeft === l.labelRight ? "hidden" : "visible"
+          })
+        }, ee(l.labelRight), 7)) : y("", !0)
+      ], 544)
+    ], 544));
+  }
+}, Nt = /* @__PURE__ */ lt(Ct, [["__scopeId", "data-v-f497b0de"]]);
+export {
+  Nt as S
+};

package/dist/{SparkTooltip-VveQSwlw.js → SparkTooltip-wNGmXZSx.js}

@@ -1,5 +1,5 @@
 import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
-import { s as _, aq as i } from "./index-CaxArMHL.js";
+import { s as _, aq as i } from "./index-BkfuZCRT.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = {
   __name: "SparkTooltip",

package/dist/{Title-CqYBs02Y.js → Title-ydtId0LC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { u as s } from "./useNestedProp-tWT02_6S.js";
+import { u as s } from "./useNestedProp-BMzw9VUz.js";
 const b = {
   __name: "Title",
   props: {