epic-designer-gold 0.0.4 → 0.0.6

package/dist/index-CNOUPCih.js

@@ -0,0 +1,698 @@
+import { c as k } from "./_commonjsHelpers-BVfed4GL.js";
+import { r as pe } from "./_vue_commonjs-external-NwvjgbHK.js";
+import { c as ge, a as oo, f as to, e as ro, b as no, _ as ao, i as io } from "./index-D1ZL6feZ.js";
+import { f as lo } from "./fade-in-scale-up.cssr-BXjoIAAA.js";
+function so(i, b) {
+  for (var n = 0; n < b.length; n++) {
+    const d = b[n];
+    if (typeof d != "string" && !Array.isArray(d)) {
+      for (const u in d)
+        if (u !== "default" && !(u in i)) {
+          const h = Object.getOwnPropertyDescriptor(d, u);
+          h && Object.defineProperty(i, u, h.get ? h : {
+            enumerable: !0,
+            get: () => d[u]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(i, Symbol.toStringTag, { value: "Module" }));
+}
+var xe = {}, we = {}, _e = {}, oe = {}, L = {};
+Object.defineProperty(L, "__esModule", { value: !0 });
+L.default = {
+  railHeight: "4px",
+  railWidthVertical: "4px",
+  handleSize: "18px",
+  dotHeight: "8px",
+  dotWidth: "8px",
+  dotBorderRadius: "4px"
+};
+var co = k && k.__importDefault || function(i) {
+  return i && i.__esModule ? i : { default: i };
+};
+Object.defineProperty(oe, "__esModule", { value: !0 });
+const uo = ge, ho = co(L), fo = {
+  name: "Slider",
+  common: uo.commonDark,
+  self(i) {
+    const b = "0 2px 8px 0 rgba(0, 0, 0, 0.12)", { railColor: n, modalColor: d, primaryColorSuppl: u, popoverColor: h, textColor2: y, cardColor: x, borderRadius: P, fontSize: S, opacityDisabled: z } = i;
+    return Object.assign(Object.assign({}, ho.default), { fontSize: S, markFontSize: S, railColor: n, railColorHover: n, fillColor: u, fillColorHover: u, opacityDisabled: z, handleColor: "#FFF", dotColor: x, dotColorModal: d, dotColorPopover: h, handleBoxShadow: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowHover: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowActive: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowFocus: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", indicatorColor: h, indicatorBoxShadow: b, indicatorTextColor: y, indicatorBorderRadius: P, dotBorder: `2px solid ${n}`, dotBorderActive: `2px solid ${u}`, dotBoxShadow: "" });
+  }
+};
+oe.default = fo;
+var te = {}, vo = k && k.__importDefault || function(i) {
+  return i && i.__esModule ? i : { default: i };
+};
+Object.defineProperty(te, "__esModule", { value: !0 });
+const mo = ge, bo = vo(L);
+function po(i) {
+  const b = "rgba(0, 0, 0, .85)", n = "0 2px 8px 0 rgba(0, 0, 0, 0.12)", { railColor: d, primaryColor: u, baseColor: h, cardColor: y, modalColor: x, popoverColor: P, borderRadius: S, fontSize: z, opacityDisabled: X } = i;
+  return Object.assign(Object.assign({}, bo.default), { fontSize: z, markFontSize: z, railColor: d, railColorHover: d, fillColor: u, fillColorHover: u, opacityDisabled: X, handleColor: "#FFF", dotColor: y, dotColorModal: x, dotColorPopover: P, handleBoxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowHover: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowActive: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowFocus: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", indicatorColor: b, indicatorBoxShadow: n, indicatorTextColor: h, indicatorBorderRadius: S, dotBorder: `2px solid ${d}`, dotBorderActive: `2px solid ${u}`, dotBoxShadow: "" });
+}
+const go = {
+  name: "Slider",
+  common: mo.commonLight,
+  self: po
+};
+te.default = go;
+(function(i) {
+  var b = k && k.__importDefault || function(u) {
+    return u && u.__esModule ? u : { default: u };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderLight = i.sliderDark = void 0;
+  var n = oe;
+  Object.defineProperty(i, "sliderDark", { enumerable: !0, get: function() {
+    return b(n).default;
+  } });
+  var d = te;
+  Object.defineProperty(i, "sliderLight", { enumerable: !0, get: function() {
+    return b(d).default;
+  } });
+})(_e);
+var K = {};
+Object.defineProperty(K, "__esModule", { value: !0 });
+K.isTouchEvent = wo;
+K.useRefs = _o;
+const xo = pe;
+function wo(i) {
+  return window.TouchEvent && i instanceof window.TouchEvent;
+}
+function _o() {
+  const i = /* @__PURE__ */ new Map(), b = (n) => (d) => {
+    i.set(n, d);
+  };
+  return (0, xo.onBeforeUpdate)(() => {
+    i.clear();
+  }), [i, b];
+}
+var re = {};
+Object.defineProperty(re, "__esModule", {
+  value: !0
+});
+const r = oo, be = lo;
+re.default = (0, r.c)([(0, r.cB)("slider", `
+ display: block;
+ padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
+ position: relative;
+ z-index: 0;
+ width: 100%;
+ cursor: pointer;
+ user-select: none;
+ -webkit-user-select: none;
+ `, [(0, r.cM)("reverse", [(0, r.cB)("slider-handles", [(0, r.cB)("slider-handle-wrapper", `
+ transform: translate(50%, -50%);
+ `)]), (0, r.cB)("slider-dots", [(0, r.cB)("slider-dot", `
+ transform: translateX(50%, -50%);
+ `)]), (0, r.cM)("vertical", [(0, r.cB)("slider-handles", [(0, r.cB)("slider-handle-wrapper", `
+ transform: translate(-50%, -50%);
+ `)]), (0, r.cB)("slider-marks", [(0, r.cB)("slider-mark", `
+ transform: translateY(calc(-50% + var(--n-dot-height) / 2));
+ `)]), (0, r.cB)("slider-dots", [(0, r.cB)("slider-dot", `
+ transform: translateX(-50%) translateY(0);
+ `)])])]), (0, r.cM)("vertical", `
+ box-sizing: content-box;
+ padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
+ width: var(--n-rail-width-vertical);
+ height: 100%;
+ `, [(0, r.cB)("slider-handles", `
+ top: calc(var(--n-handle-size) / 2);
+ right: 0;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 0;
+ `, [(0, r.cB)("slider-handle-wrapper", `
+ top: unset;
+ left: 50%;
+ transform: translate(-50%, 50%);
+ `)]), (0, r.cB)("slider-rail", `
+ height: 100%;
+ `, [(0, r.cE)("fill", `
+ top: unset;
+ right: 0;
+ bottom: unset;
+ left: 0;
+ `)]), (0, r.cM)("with-mark", `
+ width: var(--n-rail-width-vertical);
+ margin: 0 32px 0 8px;
+ `), (0, r.cB)("slider-marks", `
+ top: calc(var(--n-handle-size) / 2);
+ right: unset;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 22px;
+ font-size: var(--n-mark-font-size);
+ `, [(0, r.cB)("slider-mark", `
+ transform: translateY(50%);
+ white-space: nowrap;
+ `)]), (0, r.cB)("slider-dots", `
+ top: calc(var(--n-handle-size) / 2);
+ right: unset;
+ bottom: calc(var(--n-handle-size) / 2);
+ left: 50%;
+ `, [(0, r.cB)("slider-dot", `
+ transform: translateX(-50%) translateY(50%);
+ `)])]), (0, r.cM)("disabled", `
+ cursor: not-allowed;
+ opacity: var(--n-opacity-disabled);
+ `, [(0, r.cB)("slider-handle", `
+ cursor: not-allowed;
+ `)]), (0, r.cM)("with-mark", `
+ width: 100%;
+ margin: 8px 0 32px 0;
+ `), (0, r.c)("&:hover", [(0, r.cB)("slider-rail", {
+  backgroundColor: "var(--n-rail-color-hover)"
+}, [(0, r.cE)("fill", {
+  backgroundColor: "var(--n-fill-color-hover)"
+})]), (0, r.cB)("slider-handle", {
+  boxShadow: "var(--n-handle-box-shadow-hover)"
+})]), (0, r.cM)("active", [(0, r.cB)("slider-rail", {
+  backgroundColor: "var(--n-rail-color-hover)"
+}, [(0, r.cE)("fill", {
+  backgroundColor: "var(--n-fill-color-hover)"
+})]), (0, r.cB)("slider-handle", {
+  boxShadow: "var(--n-handle-box-shadow-hover)"
+})]), (0, r.cB)("slider-marks", `
+ position: absolute;
+ top: 18px;
+ left: calc(var(--n-handle-size) / 2);
+ right: calc(var(--n-handle-size) / 2);
+ `, [(0, r.cB)("slider-mark", `
+ position: absolute;
+ transform: translateX(-50%);
+ white-space: nowrap;
+ `)]), (0, r.cB)("slider-rail", `
+ width: 100%;
+ position: relative;
+ height: var(--n-rail-height);
+ background-color: var(--n-rail-color);
+ transition: background-color .3s var(--n-bezier);
+ border-radius: calc(var(--n-rail-height) / 2);
+ `, [(0, r.cE)("fill", `
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ border-radius: calc(var(--n-rail-height) / 2);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-fill-color);
+ `)]), (0, r.cB)("slider-handles", `
+ position: absolute;
+ top: 0;
+ right: calc(var(--n-handle-size) / 2);
+ bottom: 0;
+ left: calc(var(--n-handle-size) / 2);
+ `, [(0, r.cB)("slider-handle-wrapper", `
+ outline: none;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ cursor: pointer;
+ display: flex;
+ `, [(0, r.cB)("slider-handle", `
+ height: var(--n-handle-size);
+ width: var(--n-handle-size);
+ border-radius: 50%;
+ overflow: hidden;
+ transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
+ background-color: var(--n-handle-color);
+ box-shadow: var(--n-handle-box-shadow);
+ `, [(0, r.c)("&:hover", `
+ box-shadow: var(--n-handle-box-shadow-hover);
+ `)]), (0, r.c)("&:focus", [(0, r.cB)("slider-handle", `
+ box-shadow: var(--n-handle-box-shadow-focus);
+ `, [(0, r.c)("&:hover", `
+ box-shadow: var(--n-handle-box-shadow-active);
+ `)])])])]), (0, r.cB)("slider-dots", `
+ position: absolute;
+ top: 50%;
+ left: calc(var(--n-handle-size) / 2);
+ right: calc(var(--n-handle-size) / 2);
+ `, [(0, r.cM)("transition-disabled", [(0, r.cB)("slider-dot", "transition: none;")]), (0, r.cB)("slider-dot", `
+ transition:
+ border-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ position: absolute;
+ transform: translate(-50%, -50%);
+ height: var(--n-dot-height);
+ width: var(--n-dot-width);
+ border-radius: var(--n-dot-border-radius);
+ overflow: hidden;
+ box-sizing: border-box;
+ border: var(--n-dot-border);
+ background-color: var(--n-dot-color);
+ `, [(0, r.cM)("active", "border: var(--n-dot-border-active);")])])]), (0, r.cB)("slider-handle-indicator", `
+ font-size: var(--n-font-size);
+ padding: 6px 10px;
+ border-radius: var(--n-indicator-border-radius);
+ color: var(--n-indicator-text-color);
+ background-color: var(--n-indicator-color);
+ box-shadow: var(--n-indicator-box-shadow);
+ `, [(0, be.fadeInScaleUpTransition)()]), (0, r.cB)("slider-handle-indicator", `
+ font-size: var(--n-font-size);
+ padding: 6px 10px;
+ border-radius: var(--n-indicator-border-radius);
+ color: var(--n-indicator-text-color);
+ background-color: var(--n-indicator-color);
+ box-shadow: var(--n-indicator-box-shadow);
+ `, [(0, r.cM)("top", `
+ margin-bottom: 12px;
+ `), (0, r.cM)("right", `
+ margin-left: 12px;
+ `), (0, r.cM)("bottom", `
+ margin-top: 12px;
+ `), (0, r.cM)("left", `
+ margin-right: 12px;
+ `), (0, be.fadeInScaleUpTransition)()]), (0, r.insideModal)((0, r.cB)("slider", [(0, r.cB)("slider-dot", "background-color: var(--n-dot-color-modal);")])), (0, r.insidePopover)((0, r.cB)("slider", [(0, r.cB)("slider-dot", "background-color: var(--n-dot-color-popover);")]))]);
+(function(i) {
+  var b = k && k.__importDefault || function(a) {
+    return a && a.__esModule ? a : { default: a };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderProps = void 0;
+  const n = pe, d = to, u = ro, h = io, y = no, x = ao, P = _e, S = K, z = b(re), X = 0;
+  i.sliderProps = Object.assign(Object.assign({}, y.useTheme.props), { to: x.useAdjustedTo.propTo, defaultValue: {
+    type: [Number, Array],
+    default: 0
+  }, marks: Object, disabled: {
+    type: Boolean,
+    default: void 0
+  }, formatTooltip: Function, keyboard: {
+    type: Boolean,
+    default: !0
+  }, min: {
+    type: Number,
+    default: 0
+  }, max: {
+    type: Number,
+    default: 100
+  }, step: {
+    type: [Number, String],
+    default: 1
+  }, range: Boolean, value: [Number, Array], placement: String, showTooltip: {
+    type: Boolean,
+    default: void 0
+  }, tooltip: {
+    type: Boolean,
+    default: !0
+  }, vertical: Boolean, reverse: Boolean, "onUpdate:value": [Function, Array], onUpdateValue: [Function, Array], onDragstart: [Function], onDragend: [Function] }), i.default = (0, n.defineComponent)({
+    name: "Slider",
+    props: i.sliderProps,
+    setup(a) {
+      const { mergedClsPrefixRef: c, namespaceRef: Y, inlineThemeDisabled: M } = (0, y.useConfig)(a), f = (0, y.useTheme)("Slider", "-slider", z.default, P.sliderLight, a, c), p = (0, n.ref)(null), [j, V] = (0, S.useRefs)(), [ye, Be] = (0, S.useRefs)(), ke = (0, n.ref)(/* @__PURE__ */ new Set()), ne = (0, y.useFormItem)(a), { mergedDisabledRef: F } = ne, ae = (0, n.computed)(() => {
+        const { step: e } = a;
+        if (Number(e) <= 0 || e === "mark")
+          return 0;
+        const o = e.toString();
+        let t = 0;
+        return o.includes(".") && (t = o.length - o.indexOf(".") - 1), t;
+      }), q = (0, n.ref)(a.defaultValue), Se = (0, n.toRef)(a, "value"), W = (0, u.useMergedState)(Se, q), w = (0, n.computed)(() => {
+        const { value: e } = W;
+        return (a.range ? e : [e]).map(he);
+      }), ie = (0, n.computed)(() => w.value.length > 2), Ce = (0, n.computed)(() => a.placement === void 0 ? a.vertical ? "right" : "top" : a.placement), le = (0, n.computed)(() => {
+        const { marks: e } = a;
+        return e ? Object.keys(e).map(Number.parseFloat) : null;
+      }), _ = (0, n.ref)(-1), se = (0, n.ref)(-1), R = (0, n.ref)(-1), T = (0, n.ref)(!1), O = (0, n.ref)(!1), G = (0, n.computed)(() => {
+        const { vertical: e, reverse: o } = a;
+        return e ? o ? "top" : "bottom" : o ? "right" : "left";
+      }), Me = (0, n.computed)(() => {
+        if (ie.value)
+          return;
+        const e = w.value, o = H(a.range ? Math.min(...e) : a.min), t = H(a.range ? Math.max(...e) : e[0]), { value: l } = G;
+        return a.vertical ? {
+          [l]: `${o}%`,
+          height: `${t - o}%`
+        } : {
+          [l]: `${o}%`,
+          width: `${t - o}%`
+        };
+      }), Re = (0, n.computed)(() => {
+        const e = [], { marks: o } = a;
+        if (o) {
+          const t = w.value.slice();
+          t.sort((g, m) => g - m);
+          const { value: l } = G, { value: s } = ie, { range: v } = a, B = s ? () => !1 : (g) => v ? g >= t[0] && g <= t[t.length - 1] : g <= t[0];
+          for (const g of Object.keys(o)) {
+            const m = Number(g);
+            e.push({
+              active: B(m),
+              key: m,
+              label: o[g],
+              style: {
+                [l]: `${H(m)}%`
+              }
+            });
+          }
+        }
+        return e;
+      });
+      function Te(e, o) {
+        const t = H(e), { value: l } = G;
+        return {
+          [l]: `${t}%`,
+          zIndex: o === _.value ? 1 : 0
+        };
+      }
+      function de(e) {
+        return a.showTooltip || R.value === e || _.value === e && T.value;
+      }
+      function ze(e) {
+        return T.value ? !(_.value === e && se.value === e) : !0;
+      }
+      function De(e) {
+        var o;
+        ~e && (_.value = e, (o = j.get(e)) === null || o === void 0 || o.focus());
+      }
+      function $e() {
+        ye.forEach((e, o) => {
+          de(o) && e.syncPosition();
+        });
+      }
+      function ce(e) {
+        const { "onUpdate:value": o, onUpdateValue: t } = a, { nTriggerFormInput: l, nTriggerFormChange: s } = ne;
+        t && (0, x.call)(t, e), o && (0, x.call)(o, e), q.value = e, l(), s();
+      }
+      function ue(e) {
+        const { range: o } = a;
+        if (o) {
+          if (Array.isArray(e)) {
+            const { value: t } = w;
+            e.join() !== t.join() && ce(e);
+          }
+        } else Array.isArray(e) || w.value[0] !== e && ce(e);
+      }
+      function J(e, o) {
+        if (a.range) {
+          const t = w.value.slice();
+          t.splice(o, 1, e), ue(t);
+        } else
+          ue(e);
+      }
+      function Q(e, o, t) {
+        const l = t !== void 0;
+        t || (t = e - o > 0 ? 1 : -1);
+        const s = le.value || [], { step: v } = a;
+        if (v === "mark") {
+          const m = A(e, s.concat(o), l ? t : void 0);
+          return m ? m.value : o;
+        }
+        if (v <= 0)
+          return o;
+        const { value: B } = ae;
+        let g;
+        if (l) {
+          const m = Number((o / v).toFixed(B)), C = Math.floor(m), Z = m > C ? C : C - 1, ee = m < C ? C : C + 1;
+          g = A(o, [
+            Number((Z * v).toFixed(B)),
+            Number((ee * v).toFixed(B)),
+            ...s
+          ], t);
+        } else {
+          const m = Ve(e);
+          g = A(e, [...s, m]);
+        }
+        return g ? he(g.value) : o;
+      }
+      function he(e) {
+        return Math.min(a.max, Math.max(a.min, e));
+      }
+      function H(e) {
+        const { max: o, min: t } = a;
+        return (e - t) / (o - t) * 100;
+      }
+      function Pe(e) {
+        const { max: o, min: t } = a;
+        return t + (o - t) * e;
+      }
+      function Ve(e) {
+        const { step: o, min: t } = a;
+        if (Number(o) <= 0 || o === "mark")
+          return e;
+        const l = Math.round((e - t) / o) * o + t;
+        return Number(l.toFixed(ae.value));
+      }
+      function A(e, o = le.value, t) {
+        if (!(o != null && o.length))
+          return null;
+        let l = null, s = -1;
+        for (; ++s < o.length; ) {
+          const v = o[s] - e, B = Math.abs(v);
+          // find marks in the same direction
+          (t === void 0 || v * t > 0) && (l === null || B < l.distance) && (l = {
+            index: s,
+            distance: B,
+            value: o[s]
+          });
+        }
+        return l;
+      }
+      function fe(e) {
+        const o = p.value;
+        if (!o)
+          return;
+        const t = (0, S.isTouchEvent)(e) ? e.touches[0] : e, l = o.getBoundingClientRect();
+        let s;
+        return a.vertical ? s = (l.bottom - t.clientY) / l.height : s = (t.clientX - l.left) / l.width, a.reverse && (s = 1 - s), Pe(s);
+      }
+      function je(e) {
+        if (F.value || !a.keyboard)
+          return;
+        const { vertical: o, reverse: t } = a;
+        switch (e.key) {
+          case "ArrowUp":
+            e.preventDefault(), I(o && t ? -1 : 1);
+            break;
+          case "ArrowRight":
+            e.preventDefault(), I(!o && t ? -1 : 1);
+            break;
+          case "ArrowDown":
+            e.preventDefault(), I(o && t ? 1 : -1);
+            break;
+          case "ArrowLeft":
+            e.preventDefault(), I(!o && t ? 1 : -1);
+            break;
+        }
+      }
+      function I(e) {
+        const o = _.value;
+        if (o === -1)
+          return;
+        const { step: t } = a, l = w.value[o], s = Number(t) <= 0 || t === "mark" ? l : l + t * e;
+        J(
+          // Avoid the number of value does not change when `step` is null
+          Q(s, l, e > 0 ? 1 : -1),
+          o
+        );
+      }
+      function Fe(e) {
+        var o, t;
+        if (F.value || !(0, S.isTouchEvent)(e) && e.button !== X)
+          return;
+        const l = fe(e);
+        if (l === void 0)
+          return;
+        const s = w.value.slice(), v = a.range ? (t = (o = A(l, s)) === null || o === void 0 ? void 0 : o.index) !== null && t !== void 0 ? t : -1 : 0;
+        v !== -1 && (e.preventDefault(), De(v), Oe(), J(Q(l, w.value[v]), v));
+      }
+      function Oe() {
+        T.value || (T.value = !0, a.onDragstart && (0, x.call)(a.onDragstart), (0, h.on)("touchend", document, U), (0, h.on)("mouseup", document, U), (0, h.on)("touchmove", document, N), (0, h.on)("mousemove", document, N));
+      }
+      function E() {
+        T.value && (T.value = !1, a.onDragend && (0, x.call)(a.onDragend), (0, h.off)("touchend", document, U), (0, h.off)("mouseup", document, U), (0, h.off)("touchmove", document, N), (0, h.off)("mousemove", document, N));
+      }
+      function N(e) {
+        const { value: o } = _;
+        if (!T.value || o === -1) {
+          E();
+          return;
+        }
+        const t = fe(e);
+        t !== void 0 && J(Q(t, w.value[o]), o);
+      }
+      function U() {
+        E();
+      }
+      function He(e) {
+        _.value = e, F.value || (R.value = e);
+      }
+      function Ae(e) {
+        _.value === e && (_.value = -1, E()), R.value === e && (R.value = -1);
+      }
+      function Ie(e) {
+        R.value = e;
+      }
+      function Ee(e) {
+        R.value === e && (R.value = -1);
+      }
+      (0, n.watch)(_, (e, o) => void (0, n.nextTick)(() => se.value = o)), (0, n.watch)(W, () => {
+        if (a.marks) {
+          if (O.value)
+            return;
+          O.value = !0, (0, n.nextTick)(() => {
+            O.value = !1;
+          });
+        }
+        (0, n.nextTick)($e);
+      }), (0, n.onBeforeUnmount)(() => {
+        E();
+      });
+      const ve = (0, n.computed)(() => {
+        const { self: { markFontSize: e, railColor: o, railColorHover: t, fillColor: l, fillColorHover: s, handleColor: v, opacityDisabled: B, dotColor: g, dotColorModal: m, handleBoxShadow: C, handleBoxShadowHover: Z, handleBoxShadowActive: ee, handleBoxShadowFocus: Ne, dotBorder: Ue, dotBoxShadow: Le, railHeight: Ke, railWidthVertical: Xe, handleSize: Ye, dotHeight: qe, dotWidth: We, dotBorderRadius: Ge, fontSize: Je, dotBorderActive: Qe, dotColorPopover: Ze }, common: { cubicBezierEaseInOut: eo } } = f.value;
+        return {
+          "--n-bezier": eo,
+          "--n-dot-border": Ue,
+          "--n-dot-border-active": Qe,
+          "--n-dot-border-radius": Ge,
+          "--n-dot-box-shadow": Le,
+          "--n-dot-color": g,
+          "--n-dot-color-modal": m,
+          "--n-dot-color-popover": Ze,
+          "--n-dot-height": qe,
+          "--n-dot-width": We,
+          "--n-fill-color": l,
+          "--n-fill-color-hover": s,
+          "--n-font-size": Je,
+          "--n-handle-box-shadow": C,
+          "--n-handle-box-shadow-active": ee,
+          "--n-handle-box-shadow-focus": Ne,
+          "--n-handle-box-shadow-hover": Z,
+          "--n-handle-color": v,
+          "--n-handle-size": Ye,
+          "--n-opacity-disabled": B,
+          "--n-rail-color": o,
+          "--n-rail-color-hover": t,
+          "--n-rail-height": Ke,
+          "--n-rail-width-vertical": Xe,
+          "--n-mark-font-size": e
+        };
+      }), D = M ? (0, y.useThemeClass)("slider", void 0, ve, a) : void 0, me = (0, n.computed)(() => {
+        const { self: { fontSize: e, indicatorColor: o, indicatorBoxShadow: t, indicatorTextColor: l, indicatorBorderRadius: s } } = f.value;
+        return {
+          "--n-font-size": e,
+          "--n-indicator-border-radius": s,
+          "--n-indicator-box-shadow": t,
+          "--n-indicator-color": o,
+          "--n-indicator-text-color": l
+        };
+      }), $ = M ? (0, y.useThemeClass)("slider-indicator", void 0, me, a) : void 0;
+      return {
+        mergedClsPrefix: c,
+        namespace: Y,
+        uncontrolledValue: q,
+        mergedValue: W,
+        mergedDisabled: F,
+        mergedPlacement: Ce,
+        isMounted: (0, u.useIsMounted)(),
+        adjustedTo: (0, x.useAdjustedTo)(a),
+        dotTransitionDisabled: O,
+        markInfos: Re,
+        isShowTooltip: de,
+        shouldKeepTooltipTransition: ze,
+        handleRailRef: p,
+        setHandleRefs: V,
+        setFollowerRefs: Be,
+        fillStyle: Me,
+        getHandleStyle: Te,
+        activeIndex: _,
+        arrifiedValues: w,
+        followerEnabledIndexSet: ke,
+        handleRailMouseDown: Fe,
+        handleHandleFocus: He,
+        handleHandleBlur: Ae,
+        handleHandleMouseEnter: Ie,
+        handleHandleMouseLeave: Ee,
+        handleRailKeyDown: je,
+        indicatorCssVars: M ? void 0 : me,
+        indicatorThemeClass: $ == null ? void 0 : $.themeClass,
+        indicatorOnRender: $ == null ? void 0 : $.onRender,
+        cssVars: M ? void 0 : ve,
+        themeClass: D == null ? void 0 : D.themeClass,
+        onRender: D == null ? void 0 : D.onRender
+      };
+    },
+    render() {
+      var a;
+      const { mergedClsPrefix: c, themeClass: Y, formatTooltip: M } = this;
+      return (a = this.onRender) === null || a === void 0 || a.call(this), (0, n.h)(
+        "div",
+        { class: [
+          `${c}-slider`,
+          Y,
+          {
+            [`${c}-slider--disabled`]: this.mergedDisabled,
+            [`${c}-slider--active`]: this.activeIndex !== -1,
+            [`${c}-slider--with-mark`]: this.marks,
+            [`${c}-slider--vertical`]: this.vertical,
+            [`${c}-slider--reverse`]: this.reverse
+          }
+        ], style: this.cssVars, onKeydown: this.handleRailKeyDown, onMousedown: this.handleRailMouseDown, onTouchstart: this.handleRailMouseDown },
+        (0, n.h)(
+          "div",
+          { class: `${c}-slider-rail` },
+          (0, n.h)("div", { class: `${c}-slider-rail__fill`, style: this.fillStyle }),
+          this.marks ? (0, n.h)("div", { class: [
+            `${c}-slider-dots`,
+            this.dotTransitionDisabled && `${c}-slider-dots--transition-disabled`
+          ] }, this.markInfos.map((f) => (0, n.h)("div", { key: f.key, class: [
+            `${c}-slider-dot`,
+            {
+              [`${c}-slider-dot--active`]: f.active
+            }
+          ], style: f.style }))) : null,
+          (0, n.h)("div", { ref: "handleRailRef", class: `${c}-slider-handles` }, this.arrifiedValues.map((f, p) => {
+            const j = this.isShowTooltip(p);
+            return (0, n.h)(d.VBinder, null, {
+              default: () => [
+                (0, n.h)(d.VTarget, null, {
+                  default: () => (0, n.h)("div", { ref: this.setHandleRefs(p), class: `${c}-slider-handle-wrapper`, tabindex: this.mergedDisabled ? -1 : 0, role: "slider", "aria-valuenow": f, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-orientation": this.vertical ? "vertical" : "horizontal", "aria-disabled": this.disabled, style: this.getHandleStyle(f, p), onFocus: () => {
+                    this.handleHandleFocus(p);
+                  }, onBlur: () => {
+                    this.handleHandleBlur(p);
+                  }, onMouseenter: () => {
+                    this.handleHandleMouseEnter(p);
+                  }, onMouseleave: () => {
+                    this.handleHandleMouseLeave(p);
+                  } }, (0, x.resolveSlot)(this.$slots.thumb, () => [
+                    (0, n.h)("div", { class: `${c}-slider-handle` })
+                  ]))
+                }),
+                this.tooltip && (0, n.h)(d.VFollower, { ref: this.setFollowerRefs(p), show: j, to: this.adjustedTo, enabled: this.showTooltip && !this.range || this.followerEnabledIndexSet.has(p), teleportDisabled: this.adjustedTo === x.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
+                  default: () => (0, n.h)(n.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, css: this.shouldKeepTooltipTransition(p), onEnter: () => {
+                    this.followerEnabledIndexSet.add(p);
+                  }, onAfterLeave: () => {
+                    this.followerEnabledIndexSet.delete(p);
+                  } }, {
+                    default: () => {
+                      var V;
+                      return j ? ((V = this.indicatorOnRender) === null || V === void 0 || V.call(this), (0, n.h)("div", { class: [
+                        `${c}-slider-handle-indicator`,
+                        this.indicatorThemeClass,
+                        `${c}-slider-handle-indicator--${this.mergedPlacement}`
+                      ], style: this.indicatorCssVars }, typeof M == "function" ? M(f) : f)) : null;
+                    }
+                  })
+                })
+              ]
+            });
+          })),
+          this.marks ? (0, n.h)("div", { class: `${c}-slider-marks` }, this.markInfos.map((f) => (0, n.h)("div", { key: f.key, class: `${c}-slider-mark`, style: f.style }, typeof f.label == "function" ? f.label() : f.label))) : null
+        )
+      );
+    }
+  });
+})(we);
+(function(i) {
+  var b = k && k.__importDefault || function(d) {
+    return d && d.__esModule ? d : { default: d };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderProps = i.NSlider = void 0;
+  var n = we;
+  Object.defineProperty(i, "NSlider", { enumerable: !0, get: function() {
+    return b(n).default;
+  } }), Object.defineProperty(i, "sliderProps", { enumerable: !0, get: function() {
+    return n.sliderProps;
+  } });
+})(xe);
+const Co = /* @__PURE__ */ so({
+  __proto__: null
+}, [xe]);
+export {
+  Co as i
+};