import e from"../../../_util/classNames.mjs";import{isValidElement as t}from"../../../_util/props-util/index.mjs";import n from"../../../_util/supportsPassive.mjs";import{createVNode as r}from"vue";var i=(i,{attrs:a,slots:o})=>{let{class:s,vertical:c,reverse:l,marks:u,included:d,upperBound:f,lowerBound:p,max:m,min:h,onClickLabel:g}=a,_=Object.keys(u),v=o.mark,y=m-h,b=_.map(Number.parseFloat).sort((e,t)=>e-t).map(i=>{let a=typeof u[i]==`function`?u[i]():u[i],o=typeof a==`object`&&!t(a),m=o?a.label:a;if(!m&&m!==0)return null;v&&(m=v({point:i,label:m}));let _=!d&&i===f||d&&i<=f&&i>=p,b=e({[`${s}-text`]:!0,[`${s}-text-active`]:_}),x={marginBottom:`-50%`,[l?`top`:`bottom`]:`${(i-h)/y*100}%`},S={transform:`translateX(${l?`50%`:`-50%`})`,msTransform:`translateX(${l?`50%`:`-50%`})`,[l?`right`:`left`]:`${(i-h)/y*100}%`},C=c?x:S;return r(`span`,{class:b,style:o?{...C,...a.style}:C,key:i,onMousedown:e=>g(e,i),[n?`onTouchstartPassive`:`onTouchstart`]:e=>g(e,i)},[m])});return r(`div`,{class:s},[b])};i.inheritAttrs=!1;export{i as default};