@v-c/slider 1.0.0

package/dist/Tracks/Track.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),h=require("classnames"),M=require("../context.cjs"),d=require("../util.cjs"),q=c.defineComponent({name:"Track",props:{prefixCls:{type:String,required:!0},replaceCls:{type:String},start:{type:Number,required:!0},end:{type:Number,required:!0},index:{type:Number,default:()=>null},onStartMove:{type:Function}},setup(a,{attrs:f}){const{direction:v,min:s,max:o,disabled:b,range:p,classNames:g}=M.useInjectSlider(),S=r=>{!b&&a.onStartMove&&a.onStartMove(r,-1)},e={};return()=>{const{prefixCls:r,index:l,onStartMove:u,replaceCls:$,start:m,end:y}=a,t=d.getOffset(m,s.value,o.value),n=d.getOffset(y,s.value,o.value),i=`${r}-track`,k=$||h(i,{[`${i}-${l+1}`]:l!==null&&p,[`${r}-track-draggable`]:u},g.track);switch(v.value){case"rtl":e.right=`${t*100}%`,e.width=`${n*100-t*100}%`;break;case"btt":e.bottom=`${t*100}%`,e.height=`${n*100-t*100}%`;break;case"ttb":e.top=`${t*100}%`,e.height=`${n*100-t*100}%`;break;default:e.left=`${t*100}%`,e.width=`${n*100-t*100}%`}return c.createVNode("div",{class:k,style:{...e,...f.style},onMousedown:u?S:void 0},null)}}});exports.default=q;

package/dist/Tracks/Track.d.ts

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import { OnStartMove } from '../interface';
+export interface TrackProps {
+    prefixCls: string;
+    /** Replace with origin prefix concat className */
+    replaceCls?: string;
+    start: number;
+    end: number;
+    index: number;
+    onStartMove?: OnStartMove;
+}
+declare const Track: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    replaceCls: {
+        type: StringConstructor;
+    };
+    start: {
+        type: NumberConstructor;
+        required: true;
+    };
+    end: {
+        type: NumberConstructor;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        default: () => null;
+    };
+    onStartMove: {
+        type: PropType<OnStartMove>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    replaceCls: {
+        type: StringConstructor;
+    };
+    start: {
+        type: NumberConstructor;
+        required: true;
+    };
+    end: {
+        type: NumberConstructor;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        default: () => null;
+    };
+    onStartMove: {
+        type: PropType<OnStartMove>;
+    };
+}>> & Readonly<{}>, {
+    index: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default Track;

package/dist/Tracks/Track.js

@@ -0,0 +1,82 @@
+import { defineComponent as y, createVNode as h } from "vue";
+import x from "classnames";
+import { useInjectSlider as C } from "../context.js";
+import { getOffset as u } from "../util.js";
+const I = /* @__PURE__ */ y({
+  name: "Track",
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    replaceCls: {
+      type: String
+    },
+    start: {
+      type: Number,
+      required: !0
+    },
+    end: {
+      type: Number,
+      required: !0
+    },
+    index: {
+      type: Number,
+      default: () => null
+    },
+    onStartMove: {
+      type: Function
+    }
+  },
+  setup(n, {
+    attrs: d
+  }) {
+    const {
+      direction: f,
+      min: o,
+      max: s,
+      disabled: m,
+      range: p,
+      classNames: $
+    } = C(), b = (r) => {
+      !m && n.onStartMove && n.onStartMove(r, -1);
+    }, e = {};
+    return () => {
+      const {
+        prefixCls: r,
+        index: l,
+        onStartMove: i,
+        replaceCls: v,
+        start: S,
+        end: g
+      } = n, t = u(S, o.value, s.value), a = u(g, o.value, s.value), c = `${r}-track`, k = v || x(c, {
+        [`${c}-${l + 1}`]: l !== null && p,
+        [`${r}-track-draggable`]: i
+      }, $.track);
+      switch (f.value) {
+        case "rtl":
+          e.right = `${t * 100}%`, e.width = `${a * 100 - t * 100}%`;
+          break;
+        case "btt":
+          e.bottom = `${t * 100}%`, e.height = `${a * 100 - t * 100}%`;
+          break;
+        case "ttb":
+          e.top = `${t * 100}%`, e.height = `${a * 100 - t * 100}%`;
+          break;
+        default:
+          e.left = `${t * 100}%`, e.width = `${a * 100 - t * 100}%`;
+      }
+      return h("div", {
+        class: k,
+        style: {
+          ...e,
+          ...d.style
+        },
+        onMousedown: i ? b : void 0
+      }, null);
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/Tracks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),f=require("classnames"),k=require("../context.cjs"),y=require("../util.cjs"),i=require("./Track.cjs"),m=r.defineComponent({name:"Tracks",props:{prefixCls:{type:String,required:!0},trackStyle:{type:[Object,Array]},values:{type:Array,required:!0},onStartMove:{type:Function},startPoint:{type:Number}},setup(e){const{included:o,range:d,min:v,styles:u,classNames:c}=k.useInjectSlider(),a=r.computed(()=>{if(!d){if(e.values.length===0)return[];const t=e.startPoint??v.value,n=e.values[0];return[{start:Math.min(t,n),end:Math.max(t,n)}]}const l=[];for(let t=0;t<e.values.length-1;t+=1)l.push({start:e.values[t],end:e.values[t+1]});return l});return()=>{if(!o)return null;const l=a.value?.length&&(c.tracks||u.tracks)?r.createVNode(i.default,{index:0,prefixCls:e.prefixCls,start:a.value[0].start,end:a.value[a.value.length-1].end,replaceCls:f(c.tracks,`${e.prefixCls}-tracks`),style:u.tracks},null):null;return r.createVNode(r.Fragment,null,[l,a.value.map(({start:t,end:n},s)=>r.createVNode(i.default,{index:s,prefixCls:e.prefixCls,style:{...y.getIndex(e.trackStyle,s),...u?.track},start:t,end:n,key:s,onStartMove:e.onStartMove},null))])}}});exports.default=m;

package/dist/Tracks/index.d.ts

@@ -0,0 +1,47 @@
+import { CSSProperties, PropType } from 'vue';
+import { OnStartMove } from '../interface';
+export interface TrackProps {
+    prefixCls: string;
+    style?: CSSProperties | CSSProperties[];
+    values: number[];
+    onStartMove?: OnStartMove;
+    startPoint?: number;
+}
+declare const Tracks: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    trackStyle: {
+        type: PropType<CSSProperties | CSSProperties[]>;
+    };
+    values: {
+        type: PropType<number[]>;
+        required: true;
+    };
+    onStartMove: {
+        type: PropType<OnStartMove>;
+    };
+    startPoint: {
+        type: NumberConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    trackStyle: {
+        type: PropType<CSSProperties | CSSProperties[]>;
+    };
+    values: {
+        type: PropType<number[]>;
+        required: true;
+    };
+    onStartMove: {
+        type: PropType<OnStartMove>;
+    };
+    startPoint: {
+        type: NumberConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default Tracks;

package/dist/Tracks/index.js

@@ -0,0 +1,83 @@
+import { defineComponent as f, computed as v, createVNode as u, Fragment as k } from "vue";
+import y from "classnames";
+import { useInjectSlider as x } from "../context.js";
+import { getIndex as g } from "../util.js";
+import i from "./Track.js";
+const N = /* @__PURE__ */ f({
+  name: "Tracks",
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    trackStyle: {
+      type: [Object, Array]
+    },
+    values: {
+      type: Array,
+      required: !0
+    },
+    onStartMove: {
+      type: Function
+    },
+    startPoint: {
+      type: Number
+    }
+  },
+  setup(t) {
+    const {
+      included: o,
+      range: m,
+      min: d,
+      styles: n,
+      classNames: c
+    } = x(), r = v(() => {
+      if (!m) {
+        if (t.values.length === 0)
+          return [];
+        const e = t.startPoint ?? d.value, l = t.values[0];
+        return [{
+          start: Math.min(e, l),
+          end: Math.max(e, l)
+        }];
+      }
+      const a = [];
+      for (let e = 0; e < t.values.length - 1; e += 1)
+        a.push({
+          start: t.values[e],
+          end: t.values[e + 1]
+        });
+      return a;
+    });
+    return () => {
+      if (!o)
+        return null;
+      const a = r.value?.length && (c.tracks || n.tracks) ? u(i, {
+        index: 0,
+        prefixCls: t.prefixCls,
+        start: r.value[0].start,
+        end: r.value[r.value.length - 1].end,
+        replaceCls: y(c.tracks, `${t.prefixCls}-tracks`),
+        style: n.tracks
+      }, null) : null;
+      return u(k, null, [a, r.value.map(({
+        start: e,
+        end: l
+      }, s) => u(i, {
+        index: s,
+        prefixCls: t.prefixCls,
+        style: {
+          ...g(t.trackStyle, s),
+          ...n?.track
+        },
+        start: e,
+        end: l,
+        key: s,
+        onStartMove: t.onStartMove
+      }, null))]);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=Symbol("SliderContext"),l={min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0,styles:{},classNames:{}};function o(n){e.provide(t,n)}function r(){return e.inject(t)}const d=Symbol("UnstableContext"),i={};exports.UnstableContextKey=d;exports.defaultSliderContextValue=l;exports.defaultUnstableContextValue=i;exports.useInjectSlider=r;exports.useProviderSliderContext=o;

package/dist/context.d.ts

@@ -0,0 +1,51 @@
+import { InjectionKey, ShallowRef } from 'vue';
+import { AriaValueFormat, Direction, SliderClassNames, SliderStyles } from './interface';
+export interface SliderContextProps {
+    min: ShallowRef<number>;
+    max: ShallowRef<number>;
+    includedStart: number;
+    includedEnd: number;
+    direction: ShallowRef<Direction>;
+    disabled?: boolean;
+    keyboard?: boolean;
+    included?: boolean;
+    step: ShallowRef<number | null>;
+    range?: boolean;
+    tabIndex: number | number[];
+    ariaLabelForHandle?: string | string[];
+    ariaLabelledByForHandle?: string | string[];
+    ariaRequired?: boolean;
+    ariaValueTextFormatterForHandle?: AriaValueFormat | AriaValueFormat[];
+    classNames: SliderClassNames;
+    styles: SliderStyles;
+}
+export declare const defaultSliderContextValue: {
+    min: number;
+    max: number;
+    direction: string;
+    step: number;
+    includedStart: number;
+    includedEnd: number;
+    tabIndex: number;
+    keyboard: boolean;
+    styles: {};
+    classNames: {};
+};
+export declare function useProviderSliderContext(ctx: SliderContextProps): void;
+export declare function useInjectSlider(): SliderContextProps;
+export interface UnstableContextProps {
+    onDragStart?: (info: {
+        rawValues: number[];
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+    onDragChange?: (info: {
+        rawValues: number[];
+        deleteIndex: number;
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+}
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+export declare const UnstableContextKey: InjectionKey<UnstableContextProps>;
+export declare const defaultUnstableContextValue: UnstableContextProps;

package/dist/context.js

@@ -0,0 +1,27 @@
+import { provide as n, inject as o } from "vue";
+const e = Symbol("SliderContext"), r = {
+  min: 0,
+  max: 0,
+  direction: "ltr",
+  step: 1,
+  includedStart: 0,
+  includedEnd: 0,
+  tabIndex: 0,
+  keyboard: !0,
+  styles: {},
+  classNames: {}
+};
+function d(t) {
+  n(e, t);
+}
+function i() {
+  return o(e);
+}
+const s = Symbol("UnstableContext"), a = {};
+export {
+  s as UnstableContextKey,
+  r as defaultSliderContextValue,
+  a as defaultUnstableContextValue,
+  i as useInjectSlider,
+  d as useProviderSliderContext
+};

package/dist/hooks/useDrag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const W=require("@v-c/util/dist/hooks/useEvent"),l=require("vue"),q=require("../context.cjs"),Z=130;function P(h){const L="targetTouches"in h?h.targetTouches[0]:h;return{pageX:L.pageX,pageY:L.pageY}}function $(h,L,f,T,X,y,B,K,z,O,A){const Y=l.ref(null),c=l.ref(-1),C=l.ref(!1),i=l.ref(f.value),g=l.ref(f.value),p=l.ref(null),E=l.ref(null),v=l.ref(null),F=l.inject(q.UnstableContextKey,q.defaultUnstableContextValue),{onDragStart:R,onDragChange:U}=F;c.value===-1&&(i.value=f.value),l.onUnmounted(()=>{document.removeEventListener("mousemove",p.value),document.removeEventListener("mouseup",E.value),v.value&&(v.value.removeEventListener("touchmove",p.value),v.value.removeEventListener("touchend",E.value))});const j=(t,n,o)=>{n!==void 0&&(Y.value=n),i.value=t;let a=t;o&&(a=t.filter((s,e)=>e!==c.value)),B(a),U&&U({rawValues:t,deleteIndex:o?c.value:-1,draggingIndex:c.value,draggingValue:n})},G=W((t,n,o)=>{if(t===-1){const a=g.value[0],s=g.value[g.value.length-1],e=T.value-a,r=X.value-s;let u=n*(X.value-T.value);u=Math.max(u,e),u=Math.min(u,r),u=y(a+u)-a;const d=g.value.map(m=>m+u);j(d)}else{const a=(X.value-T.value)*n,s=[...i.value];s[t]=g.value[t];const e=z(s,a,t,"dist");j(e.values,e.value,o)}}),H=(t,n,o)=>{t.stopPropagation(),console.log("onStartMove",n);const a=o||f.value,s=a[n];c.value=n,Y.value=s,g.value=a,i.value=a,C.value=!1;const{pageX:e,pageY:r}=P(t);let u=!1;R&&R({rawValues:a,draggingIndex:n,draggingValue:s});const b=m=>{m.preventDefault();const{pageX:N,pageY:Q}=P(m),D=N-e,S=Q-r,{width:_,height:k}=h.value.getBoundingClientRect();let M,V;switch(L.value){case"btt":M=-S/k,V=D;break;case"ttb":M=S/k,V=D;break;case"rtl":M=-D/_,V=S;break;default:M=D/_,V=S}u=O?Math.abs(V)>Z&&A<i.value.length:!1,C.value=u,G(n,M,u)},d=m=>{m.preventDefault(),document.removeEventListener("mouseup",d),document.removeEventListener("mousemove",b),v.value&&(v.value.removeEventListener("touchmove",p.value),v.value.removeEventListener("touchend",E.value)),p.value=null,E.value=null,v.value=null,K(u),c.value=-1,C.value=!1};document.addEventListener("mouseup",d),document.addEventListener("mousemove",b),t.currentTarget.addEventListener("touchend",d),t.currentTarget.addEventListener("touchmove",b),p.value=b,E.value=d,v.value=t.currentTarget},J=l.computed(()=>{const t=[...f.value].sort((e,r)=>e-r),n=[...i.value].sort((e,r)=>e-r),o={};n.forEach(e=>{o[e]=(o[e]||0)+1}),t.forEach(e=>{o[e]=(o[e]||0)-1});const a=O?1:0;return Object.values(o).reduce((e,r)=>e+Math.abs(r),0)<=a?i.value:f.value});return[c,Y,C,J,H]}exports.default=$;

package/dist/hooks/useDrag.d.ts

@@ -0,0 +1,11 @@
+import { Ref, ShallowRef } from 'vue';
+import { Direction, OnStartMove } from '../interface';
+import { OffsetValues } from './useOffset';
+declare function useDrag(containerRef: Ref<HTMLDivElement>, direction: ShallowRef<Direction>, rawValues: Ref<number[]>, min: ShallowRef<number>, max: ShallowRef<number>, formatValue: (value: number) => number, triggerChange: (values: number[]) => void, finishChange: (draggingDelete: boolean) => void, offsetValues: OffsetValues, editable: boolean, minCount: number): [
+    draggingIndex: Ref<number>,
+    draggingValue: Ref<number>,
+    draggingDelete: Ref<boolean>,
+    returnValues: Ref<number[]>,
+    onStartMove: OnStartMove
+];
+export default useDrag;

package/dist/hooks/useDrag.js

@@ -0,0 +1,88 @@
+import Q from "@v-c/util/dist/hooks/useEvent";
+import { ref as r, inject as W, onUnmounted as Z, computed as $ } from "vue";
+import { UnstableContextKey as w, defaultUnstableContextValue as x } from "../context.js";
+const I = 130;
+function _(h) {
+  const M = "targetTouches" in h ? h.targetTouches[0] : h;
+  return { pageX: M.pageX, pageY: M.pageY };
+}
+function oe(h, M, f, T, X, y, B, K, q, R, z) {
+  const Y = r(null), c = r(-1), C = r(!1), i = r(f.value), g = r(f.value), p = r(null), E = r(null), v = r(null), A = W(w, x), { onDragStart: U, onDragChange: O } = A;
+  c.value === -1 && (i.value = f.value), Z(() => {
+    document.removeEventListener("mousemove", p.value), document.removeEventListener("mouseup", E.value), v.value && (v.value.removeEventListener("touchmove", p.value), v.value.removeEventListener("touchend", E.value));
+  });
+  const j = (t, o, n) => {
+    o !== void 0 && (Y.value = o), i.value = t;
+    let a = t;
+    n && (a = t.filter((l, e) => e !== c.value)), B(a), O && O({
+      rawValues: t,
+      deleteIndex: n ? c.value : -1,
+      draggingIndex: c.value,
+      draggingValue: o
+    });
+  }, F = Q(
+    (t, o, n) => {
+      if (t === -1) {
+        const a = g.value[0], l = g.value[g.value.length - 1], e = T.value - a, s = X.value - l;
+        let u = o * (X.value - T.value);
+        u = Math.max(u, e), u = Math.min(u, s), u = y(a + u) - a;
+        const m = g.value.map((d) => d + u);
+        j(m);
+      } else {
+        const a = (X.value - T.value) * o, l = [...i.value];
+        l[t] = g.value[t];
+        const e = q(l, a, t, "dist");
+        j(e.values, e.value, n);
+      }
+    }
+  ), G = (t, o, n) => {
+    t.stopPropagation(), console.log("onStartMove", o);
+    const a = n || f.value, l = a[o];
+    c.value = o, Y.value = l, g.value = a, i.value = a, C.value = !1;
+    const { pageX: e, pageY: s } = _(t);
+    let u = !1;
+    U && U({
+      rawValues: a,
+      draggingIndex: o,
+      draggingValue: l
+    });
+    const V = (d) => {
+      d.preventDefault();
+      const { pageX: J, pageY: N } = _(d), D = J - e, S = N - s, { width: k, height: P } = h.value.getBoundingClientRect();
+      let L, b;
+      switch (M.value) {
+        case "btt":
+          L = -S / P, b = D;
+          break;
+        case "ttb":
+          L = S / P, b = D;
+          break;
+        case "rtl":
+          L = -D / k, b = S;
+          break;
+        default:
+          L = D / k, b = S;
+      }
+      u = R ? Math.abs(b) > I && z < i.value.length : !1, C.value = u, F(o, L, u);
+    }, m = (d) => {
+      d.preventDefault(), document.removeEventListener("mouseup", m), document.removeEventListener("mousemove", V), v.value && (v.value.removeEventListener("touchmove", p.value), v.value.removeEventListener("touchend", E.value)), p.value = null, E.value = null, v.value = null, K(u), c.value = -1, C.value = !1;
+    };
+    document.addEventListener("mouseup", m), document.addEventListener("mousemove", V), t.currentTarget.addEventListener("touchend", m), t.currentTarget.addEventListener("touchmove", V), p.value = V, E.value = m, v.value = t.currentTarget;
+  }, H = $(() => {
+    const t = [...f.value].sort((e, s) => e - s), o = [...i.value].sort((e, s) => e - s), n = {};
+    o.forEach((e) => {
+      n[e] = (n[e] || 0) + 1;
+    }), t.forEach((e) => {
+      n[e] = (n[e] || 0) - 1;
+    });
+    const a = R ? 1 : 0;
+    return Object.values(n).reduce(
+      (e, s) => e + Math.abs(s),
+      0
+    ) <= a ? i.value : f.value;
+  });
+  return [c, Y, C, H, G];
+}
+export {
+  oe as default
+};

package/dist/hooks/useOffset.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("vue");function P(c,a,f,D,O,g){const w=m.computed(()=>n=>Math.max(c,Math.min(a,n))).value,V=m.computed(()=>n=>{if(f!==null){const l=c+Math.round((w(n)-c)/f)*f,u=r=>(String(r).split(".")[1]||"").length,o=Math.max(u(f),u(a),u(c)),t=Number(l.toFixed(o));return c<=t&&t<=a?t:null}return null}).value,y=m.computed(()=>n=>{const l=w(n),u=D.map(r=>r.value);f!==null&&u.push(V(n)),u.push(c,a);let o=u[0],t=a-c;return u.forEach(r=>{const h=Math.abs(l-r);h<=t&&(o=r,t=h)}),o}).value,b=(n,l,u,o="unit")=>{if(typeof l=="number"){let t;const r=n[u],h=r+l;let e=[];D.forEach(s=>{e.push(s.value)}),e.push(c,a),e.push(V(r));const i=l>0?1:-1;o==="unit"?e.push(V(r+i*f)):e.push(V(h)),e=e.filter(s=>s!==null).filter(s=>l<0?s<=r:s>=r),o==="unit"&&(e=e.filter(s=>s!==r));const S=o==="unit"?r:h;t=e[0];let E=Math.abs(t-S);if(e.forEach(s=>{const N=Math.abs(s-S);N<E&&(t=s,E=N)}),t===void 0)return l<0?c:a;if(o==="dist")return t;if(Math.abs(l)>1){const s=[...n];return s[u]=t,b(s,l-i,u,o)}return t}else{if(l==="min")return c;if(l==="max")return a}},M=(n,l,u,o="unit")=>{const t=n[u],r=b(n,l,u,o);return{value:r,changed:r!==t}},p=n=>g===null&&n===0||typeof g=="number"&&n<g;return[y,(n,l,u,o="unit")=>{const t=n.map(y),r=t[u],h=b(t,l,u,o);if(t[u]=h,O){if(typeof g=="number"||g===null){for(let e=u+1;e<t.length;e+=1){let i=!0;for(;p(t[e]-t[e-1])&&i;)({value:t[e],changed:i}=M(t,1,e))}for(let e=u;e>0;e-=1){let i=!0;for(;p(t[e]-t[e-1])&&i;)({value:t[e-1],changed:i}=M(t,-1,e-1))}for(let e=t.length-1;e>0;e-=1){let i=!0;for(;p(t[e]-t[e-1])&&i;)({value:t[e-1],changed:i}=M(t,-1,e-1))}for(let e=0;e<t.length-1;e+=1){let i=!0;for(;p(t[e+1]-t[e])&&i;)({value:t[e+1],changed:i}=M(t,1,e+1))}}}else{const e=g||0;u>0&&t[u-1]!==r&&(t[u]=Math.max(t[u],t[u-1]+e)),u<t.length-1&&t[u+1]!==r&&(t[u]=Math.min(t[u],t[u+1]-e))}return{value:t[u],values:t}}]}exports.default=P;

package/dist/hooks/useOffset.d.ts

@@ -0,0 +1,10 @@
+import { InternalMarkObj } from '../Marks';
+/** Format value align with step & marks */
+type FormatValue = (value: number) => number;
+type OffsetMode = 'unit' | 'dist';
+export type OffsetValues = (values: number[], offset: number | 'min' | 'max', valueIndex: number, mode?: OffsetMode) => {
+    value: number;
+    values: number[];
+};
+export default function useOffset(min: number, max: number, step: number, markList: InternalMarkObj[], allowCross: boolean, pushable: false | number): [FormatValue, OffsetValues];
+export {};

package/dist/hooks/useOffset.js

@@ -0,0 +1,98 @@
+import { computed as m } from "vue";
+function P(c, a, f, w, C, V) {
+  const b = m(() => (n) => Math.max(c, Math.min(a, n))).value, g = m(() => (n) => {
+    if (f !== null) {
+      const l = c + Math.round((b(n) - c) / f) * f, r = (u) => (String(u).split(".")[1] || "").length, i = Math.max(r(f), r(a), r(c)), t = Number(l.toFixed(i));
+      return c <= t && t <= a ? t : null;
+    }
+    return null;
+  }).value, y = m(() => (n) => {
+    const l = b(n), r = w.map((u) => u.value);
+    f !== null && r.push(g(n)), r.push(c, a);
+    let i = r[0], t = a - c;
+    return r.forEach((u) => {
+      const h = Math.abs(l - u);
+      h <= t && (i = u, t = h);
+    }), i;
+  }).value, D = (n, l, r, i = "unit") => {
+    if (typeof l == "number") {
+      let t;
+      const u = n[r], h = u + l;
+      let e = [];
+      w.forEach((s) => {
+        e.push(s.value);
+      }), e.push(c, a), e.push(g(u));
+      const o = l > 0 ? 1 : -1;
+      i === "unit" ? e.push(g(u + o * f)) : e.push(g(h)), e = e.filter((s) => s !== null).filter((s) => l < 0 ? s <= u : s >= u), i === "unit" && (e = e.filter((s) => s !== u));
+      const E = i === "unit" ? u : h;
+      t = e[0];
+      let N = Math.abs(t - E);
+      if (e.forEach((s) => {
+        const S = Math.abs(s - E);
+        S < N && (t = s, N = S);
+      }), t === void 0)
+        return l < 0 ? c : a;
+      if (i === "dist")
+        return t;
+      if (Math.abs(l) > 1) {
+        const s = [...n];
+        return s[r] = t, D(s, l - o, r, i);
+      }
+      return t;
+    } else {
+      if (l === "min")
+        return c;
+      if (l === "max")
+        return a;
+    }
+  }, p = (n, l, r, i = "unit") => {
+    const t = n[r], u = D(n, l, r, i);
+    return {
+      value: u,
+      changed: u !== t
+    };
+  }, M = (n) => V === null && n === 0 || typeof V == "number" && n < V;
+  return [y, (n, l, r, i = "unit") => {
+    const t = n.map(y), u = t[r], h = D(t, l, r, i);
+    if (t[r] = h, C) {
+      if (typeof V == "number" || V === null) {
+        for (let e = r + 1; e < t.length; e += 1) {
+          let o = !0;
+          for (; M(t[e] - t[e - 1]) && o; )
+            ({ value: t[e], changed: o } = p(t, 1, e));
+        }
+        for (let e = r; e > 0; e -= 1) {
+          let o = !0;
+          for (; M(t[e] - t[e - 1]) && o; )
+            ({ value: t[e - 1], changed: o } = p(t, -1, e - 1));
+        }
+        for (let e = t.length - 1; e > 0; e -= 1) {
+          let o = !0;
+          for (; M(t[e] - t[e - 1]) && o; )
+            ({ value: t[e - 1], changed: o } = p(t, -1, e - 1));
+        }
+        for (let e = 0; e < t.length - 1; e += 1) {
+          let o = !0;
+          for (; M(t[e + 1] - t[e]) && o; )
+            ({ value: t[e + 1], changed: o } = p(t, 1, e + 1));
+        }
+      }
+    } else {
+      const e = V || 0;
+      r > 0 && t[r - 1] !== u && (t[r] = Math.max(
+        t[r],
+        t[r - 1] + e
+      )), r < t.length - 1 && t[r + 1] !== u && (t[r] = Math.min(
+        t[r],
+        t[r + 1] - e
+      ));
+    }
+    return {
+      value: t[r],
+      values: t
+    };
+  }];
+}
+export {
+  P as default
+};

package/dist/hooks/useRange.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@v-c/util/dist/warning");function i(e){if(e===!0||!e)return[!!e,!1,!1,0];const{editable:t=!1,draggableTrack:r=!1,minCount:a,maxCount:n}=e;return process.env.NODE_ENV!=="production"&&u.warning(!t||!r,"`editable` can not work with `draggableTrack`."),[!0,t,!t&&r,a||0,n]}exports.default=i;

package/dist/hooks/useRange.d.ts

@@ -0,0 +1,8 @@
+import { SliderProps } from '../Slider';
+export default function useRange(range?: SliderProps['range']): [
+    range: boolean,
+    rangeEditable: boolean,
+    rangeDraggableTrack: boolean,
+    minCount: number,
+    maxCount?: number
+];

package/dist/hooks/useRange.js

@@ -0,0 +1,10 @@
+import { warning as o } from "@v-c/util/dist/warning";
+function u(e) {
+  if (e === !0 || !e)
+    return [!!e, !1, !1, 0];
+  const { editable: t = !1, draggableTrack: a = !1, minCount: r, maxCount: n } = e;
+  return process.env.NODE_ENV !== "production" && o(!t || !a, "`editable` can not work with `draggableTrack`."), [!0, t, !t && a, r || 0, n];
+}
+export {
+  u as default
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Slider.cjs");exports.default=e.default;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { SliderProps, SliderRef, default as Slider } from './Slider';
+export type { SliderProps, SliderRef };
+export default Slider;

package/dist/index.js

@@ -0,0 +1,4 @@
+import e from "./Slider.js";
+export {
+  e as default
+};

package/dist/interface.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/interface.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'vue';
+export type Direction = 'rtl' | 'ltr' | 'ttb' | 'btt';
+export type OnStartMove = (e: MouseEvent | TouchEvent, valueIndex: number, startValues?: number[]) => void;
+export type AriaValueFormat = (value: number) => string;
+export type SemanticName = 'tracks' | 'track' | 'rail' | 'handle';
+export type SliderClassNames = Partial<Record<SemanticName, string>>;
+export type SliderStyles = Partial<Record<SemanticName, CSSProperties>>;

package/dist/interface.js

@@ -0,0 +1 @@
+

package/dist/util.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e,r,a){return(e-r)/(a-r)}function f(e,r,a,s){const n=o(r,a,s),t={};switch(e){case"rtl":t.right=`${n*100}%`,t.transform="translateX(50%)";break;case"btt":t.bottom=`${n*100}%`,t.transform="translateY(50%)";break;case"ttb":t.top=`${n*100}%`,t.transform="translateY(-50%)";break;default:t.left=`${n*100}%`,t.transform="translateX(-50%)";break}return t}function i(e,r){return Array.isArray(e)?e[r]:e}exports.getDirectionStyle=f;exports.getIndex=i;exports.getOffset=o;

package/dist/util.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'vue';
+import { Direction } from './interface';
+export declare function getOffset(value: number, min: number, max: number): number;
+export declare function getDirectionStyle(direction: Direction, value: number, min: number, max: number): CSSProperties;
+/** Return index value if is list or return value directly */
+export declare function getIndex<T>(value: T | T[], index: number): T;