@milaboratories/uikit 2.0.0 → 2.0.1

package/dist/pl-uikit.umd.cjs

@@ -18,4 +18,4 @@
         black ${g}px,
         black ${_}px,
         transparent 100%
-      )`}function l(){const a=n.value;if(!a)return;const d=[s(a),r(a)].filter(c=>c!==null);a.style.setProperty("-webkit-mask-image",d.join(",")),a.style.setProperty("mask-image",d.join(",")),d.length>1&&(a.style.setProperty("-webkit-mask-composite","source-in"),a.style.setProperty("mask-composite","source-in"))}const i=St(l);e.onMounted(l),W(window,"scroll",i,!0),W(window,"resize",i,!0)}function ao(n,t){On(()=>{K(e.unref(n),o=>{Rn(o,()=>t(o))})}),e.onUnmounted(()=>{K(e.unref(n),o=>{Pn(o)})})}const ye={item:"sortable__item",animate:"sortable__animate"},tt=n=>n.getBoundingClientRect().y,io=n=>{const{y:t,height:o}=n.getBoundingClientRect();return t+Math.ceil(o/2)},Oc=n=>{const{y:t,height:o}=n.getBoundingClientRect();return t+o};function Rc(n,t){const o={item:void 0,options(){var g;return[...((g=n.value)==null?void 0:g.children)??[]]}},s=e.computed(()=>o.options()),r=t.shakeBuffer??10,l=t.reorderDelay??100;function i(g){const _=t.handle?this.querySelector(t.handle):null;_&&!_.contains(g.target)||(this.classList.remove(ye.animate),this.classList.add(ye.item),o.item={el:this,y:g.y,dy:0,orderChanged:!1})}function a(g){const _=o.options();return _.slice(0,_.indexOf(g))}function d(g){const _=o.options();return _.slice(_.indexOf(g)+1)}function c(g,_){const C=o.options().filter(h=>h!==_),S=C.indexOf(g);return C.splice(S,0,_),C}function u(g,_){const C=o.options().filter(h=>h!==_),S=C.indexOf(g);return C.splice(S+1,0,_),C}function p(g,_){g.dy=_-g.y,g.el.style.setProperty("transform",`translateY(${g.dy}px)`)}function b(g){var E;if(!o.item)return;const{el:_}=o.item;if(!_.isConnected){o.item=void 0;return}const C=g.map(T=>tt(T)),S=tt(_);(E=n.value)==null||E.replaceChildren(...g);const h=tt(_),N=g.map(T=>tt(T)),F=[];for(let T=0;T<N.length;T++){const f=g[T];if(f===o.item.el)continue;const m=N[T],w=C[T]-m;f.style.transform=`translateY(${w}px)`,F.push(f)}const R=h-S;o.item.y=o.item.y+R,o.item.dy=o.item.dy-R,o.item.orderChanged=!0,o.item.el.style.setProperty("transform",`translateY(${o.item.dy}px)`),F.forEach(T=>T.classList.remove(ye.animate)),requestAnimationFrame(function(){F.forEach(T=>{T.classList.add(ye.animate),T.style.transform="",T.addEventListener("transitionend",()=>{T.classList.remove(ye.animate)})})})}W(window,"mousemove",g=>{if(!o.item)return;const{el:_}=o.item;p(o.item,g.y);const C=tt(o.item.el),S=Oc(o.item.el),h=a(_),N=d(_);h.forEach(F=>{const R=io(F);C+r<R&&b(c(F,_))}),N.forEach(F=>{const R=io(F);S-r>R&&b(u(F,_))})}),W(window,"mouseup",()=>{if(!o.item)return;const{el:g,orderChanged:_}=o.item;g.classList.add(ye.animate),g.style.removeProperty("transform"),g.addEventListener("transitionend",()=>{g.classList.remove(ye.animate,ye.item)}),setTimeout(()=>{if(!_)return;const C=o.options().map(h=>Number(h.getAttribute("data-index"))),S=n.value;if(S){for(const h of o.options())S.removeChild(h);s.value.forEach(h=>{S.appendChild(h)})}t.onChange(C)},l),o.item=void 0}),e.watchEffect(()=>{s.value.forEach((g,_)=>{g.removeEventListener("mousedown",i),g.addEventListener("mousedown",i),g.setAttribute("data-index",String(_))})})}function Pc(n,t){let o;e.onMounted(()=>{o=setInterval(n,t)}),e.onUnmounted(()=>clearInterval(o))}function zc(n,t,o){const s=e.reactive({data:Ct.deepClone(t(n.value)),changed:!1});return e.watch(()=>s.data,r=>{s.changed?o(Ct.deepClone(r)):s.changed=!0},{deep:!0}),e.watch(n,r=>{Object.assign(s,{data:Ct.deepClone(t(r)),changed:!1})},{deep:!0,immediate:!0}),s}function Ic(n){const t=e.reactive({isLoading:!1,result:void 0,error:void 0,async run(...o){this.isLoading=!0,this.error=void 0;try{this.result=await n(...o)}catch(s){this.error=s}finally{this.isLoading=!1}},debounce(o,s=1e3){return mn(()=>{const r=o();this.run(...r).catch(console.error)},s)}});return t.run=t.run.bind(t),t}function Ac(n,t){function o(i,a){const d=e.unref(n);if(!d)return;const c=`translate(${a.x-i.x}px, ${a.y-i.y}px)`;d.style.setProperty("transform",c),t(a)}function s(i){const a=d=>o(i,d);document.addEventListener("mousemove",a),document.addEventListener("mouseup",()=>{const d=e.unref(n);document.removeEventListener("mousemove",a),d&&(d.style.setProperty("transition","all .3s ease-in-out"),d.style.removeProperty("transform"),d.addEventListener("transitionend",()=>{d.style.removeProperty("transition")}))},{once:!0})}function r(){var i;(i=e.unref(n))==null||i.addEventListener("mousedown",s)}function l(){var i;(i=e.unref(n))==null||i.removeEventListener("mousedown",s)}e.onMounted(r),e.onUnmounted(l)}const Fc={class:"ui-slider__wrapper"},Lc={class:"ui-slider__label-section"},jc={key:0,class:"text-s"},Zc={class:"ui-slider__base"},Hc={class:"ui-slider__container"},Uc={class:"ui-slider__container ui-slider__container-thumb"},Wc=["data-percent"],qc=["data-percent"],Kc=["data-percent"],Yc={key:0,class:"ui-slider__error"},Gc=e.defineComponent({__name:"SliderRangeTriple",props:{modelValue:{},min:{default:0},max:{},step:{default:1},label:{default:void 0},helper:{default:void 0},error:{default:void 0},mode:{default:"text"},measure:{default:"%"},breakpoints:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:t}){const o=e.useSlots(),s=t,r=n,l=e.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),i=e.ref(),a=e.ref(),d=e.ref(),c=e.ref(),u=e.computed(()=>r.max-r.min),p=e.computed(()=>r),b=Qt(p),g=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),_=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),C=e.computed(()=>G((r.modelValue[2]??0)+l.deltaValue3,r.min,r.max)),S=e.computed(()=>{const O=r.modelValue;if(!(Array.isArray(O)&&O.length===3&&O.every(H=>Number.isFinite(H))))return"Expected model [number, number, number]";const U=[];return[...r.modelValue].forEach(H=>{H>r.max&&U.push(`Max model value must be lower than max props ${r.max}.`),H<r.min&&U.push("Min model value must be greater than max props.")}),U.length>0?U.join(" "):r.error}),h=e.computed(()=>(g.value-r.min)/u.value),N=e.computed(()=>(_.value-r.min)/u.value),F=e.computed(()=>(C.value-r.min)/u.value),R=e.computed(()=>w()),E=e.computed(()=>({right:R.value[0]+"%",left:100-R.value[2]+"%"})),T=e.computed(()=>({right:Math.ceil((1-h.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-N.value)*100)+"%"})),m=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"}));ue(a,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue1=H/U.width*u.value,a.value&&k(a.value,r.modelValue[0],l.deltaValue1),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue1=0)})}),ue(d,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue2=H/U.width*u.value,d.value&&k(d.value,r.modelValue[1],l.deltaValue2),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue2=0)})}),ue(c,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue3=H/U.width*u.value,c.value&&k(c.value,r.modelValue[2],l.deltaValue3),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue3=0)})});function k(O,v,U){const H=y(G((v??0)+U,r.min,r.max));O.dataset.percent=`${H}${r.measure}`,M()}function w(){const O=Math.ceil((1-h.value)*100),v=Math.ceil((1-N.value)*100),U=Math.ceil((1-F.value)*100);return[O,v,U].sort((H,ve)=>H-ve)}function y(O){const v=G(O,r.min,r.max);return Math.round((v+Number.EPSILON)*(1/r.step))/(1/r.step)}function B(O){s("update:modelValue",O)}function M(){const O=Number(T.value.right.substring(0,T.value.right.length-1)),v=Number(f.value.right.substring(0,f.value.right.length-1)),U=Number(m.value.right.substring(0,m.value.right.length-1)),H=[{r:O,th:a},{r:v,th:d},{r:U,th:c}].sort((ve,bt)=>ve.r-bt.r);H[0].th.value&&(H[0].th.value.dataset.hint="high"),H[1].th.value&&(H[1].th.value.dataset.hint="mid"),H[2].th.value&&(H[2].th.value.dataset.hint="low")}function z(O,v){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(O.code)&&O.preventDefault();const U=O.code==="ArrowUp"||O.code==="ArrowRight"?r.step*1:O.code==="ArrowDown"||O.code==="ArrowLeft"?r.step*-1:0,H=[...r.modelValue];H[v]=G(H[v]+U,r.min,r.max),B(H),M()}return e.onMounted(()=>{M()}),(O,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([r.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope ui-slider__triple"])},[e.createElementVNode("div",{class:e.normalizeClass([`ui-slider__mode-${r.mode}`,"ui-slider"])},[e.createElementVNode("div",Fc,[e.createElementVNode("div",Lc,[O.label?(e.openBlock(),e.createElementBlock("label",jc,[e.createElementVNode("span",null,e.toDisplayString(O.label),1),v[3]||(v[3]=e.createTextVNode()),e.unref(o).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(O.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),v[11]||(v[11]=e.createTextVNode()),e.createElementVNode("div",Zc,[e.createElementVNode("div",Hc,[e.createElementVNode("div",{ref_key:"barRef",ref:i,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(E.value)},null,4)],512)]),v[10]||(v[10]=e.createTextVNode()),e.createElementVNode("div",Uc,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(b),(U,H)=>(e.openBlock(),e.createElementBlock("div",{key:H,style:e.normalizeStyle({right:`${U}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),v[7]||(v[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:a,style:e.normalizeStyle(T.value),"data-percent":r.modelValue[0]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r1:"",tabindex:"0",onKeydown:v[0]||(v[0]=U=>z(U,0))},v[4]||(v[4]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,Wc),v[8]||(v[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(f.value),"data-percent":r.modelValue[1]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r2:"",tabindex:"0",onKeydown:v[1]||(v[1]=U=>z(U,1))},v[5]||(v[5]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,qc),v[9]||(v[9]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef3",ref:c,style:e.normalizeStyle(m.value),"data-percent":r.modelValue[2]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r3:"",tabindex:"0",onKeydown:v[2]||(v[2]=U=>z(U,2))},v[6]||(v[6]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,Kc)])])]),v[12]||(v[12]=e.createTextVNode()),v[13]||(v[13]=e.createElementVNode("div",{class:"ui-slider__input-wrapper d-flex"},null,-1))],2),v[14]||(v[14]=e.createTextVNode()),S.value?(e.openBlock(),e.createElementBlock("div",Yc,e.toDisplayString(S.value),1)):e.createCommentVNode("",!0)],2))}}),Xc={class:"ui-input-range__separator"},Jc=e.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(n,{emit:t}){const o=n,s=t,r=e.reactive({left:o.modelValue[0],right:o.modelValue[1]}),l=e.ref(!1),i=e.computed(()=>(l.value,"ui-input-range-focused")),a=e.computed({get(){return{left:Math.min(...o.modelValue),right:Math.max(...o.modelValue)}},set(){}});e.watch(()=>a.value,u=>(r.left=u.left)&&(r.right=u.right));function d(){s("update:modelValue",[+r.left,+r.right]),s("change",[+r.left,+r.right])}function c(u,p){const b=p.target.value;/^[0-9]{0,2}$/.test(b)?u?r.left=+b:r.right=+b:u?r.left=+b.slice(0,b.length-1):r.right=+b.slice(0,b.length-1)}return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[i.value,"ui-input-range"]},u.$attrs),[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=b=>a.value.left=b),class:"text-s",type:"text",onChange:d,onFocus:p[1]||(p[1]=b=>l.value=!0),onFocusout:p[2]||(p[2]=b=>l.value=!1),onInput:p[3]||(p[3]=b=>c(!0,b))},null,544),[[e.vModelText,a.value.left]]),p[8]||(p[8]=e.createTextVNode()),e.createElementVNode("div",Xc,e.toDisplayString(o.separator),1),p[9]||(p[9]=e.createTextVNode()),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[4]||(p[4]=b=>a.value.right=b),class:"text-s",type:"text",onChange:d,onFocus:p[5]||(p[5]=b=>l.value=!0),onFocusout:p[6]||(p[6]=b=>l.value=!1),onInput:p[7]||(p[7]=b=>c(!1,b))},null,544),[[e.vModelText,a.value.right]])],16))}}),Qc={class:"ui-slider__wrapper"},eu={class:"ui-slider__label-section"},tu={key:0,class:"text-s"},nu={key:1,class:"ui-slider__value-static text-s"},ou={class:"ui-slider__base"},ru={class:"ui-slider__container"},su={class:"ui-slider__container ui-slider__container-thumb"},lu={class:"ui-slider__input-wrapper d-flex"},au={key:0,class:"ui-slider__error"},iu=e.defineComponent({__name:"SliderRange",props:{modelValue:{},min:{default:0},max:{},step:{default:1},label:{default:void 0},helper:{default:void 0},error:{default:void 0},mode:{default:"text"},measure:{default:""},breakpoints:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:t}){const o=e.useSlots(),s=t,r=n,l=e.reactive({deltaValue1:0,deltaValue2:0}),i=e.ref(),a=e.ref(),d=e.ref(),c=e.ref(r.modelValue),u=e.ref(r.modelValue[0]),p=e.ref(r.modelValue[1]),b=e.computed(()=>r),g=Qt(b),_=e.computed(()=>[u.value,p.value].sort((M,z)=>M-z).join("-")),C=e.computed(()=>r.max-r.min),S=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),h=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),N=e.computed(()=>{const M=r.modelValue;return Array.isArray(M)&&M.length===2&&M.every(O=>Number.isFinite(O))?r.error:"Expected model [number, number]"}),F=e.computed(()=>(S.value-r.min)/C.value),R=e.computed(()=>(h.value-r.min)/C.value),E=e.computed(()=>k()),T=e.computed(()=>({right:E.value[0]+"%",left:100-E.value[1]+"%"})),f=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"})),m=e.computed(()=>({right:Math.ceil((1-R.value)*100)+"%"}));e.watch(()=>r.modelValue,M=>{c.value=M,u.value=+M[0],p.value=+M[1]},{immediate:!0}),ue(a,M=>{var z;K((z=e.unref(i))==null?void 0:z.getBoundingClientRect(),O=>{const{dx:v}=M;l.deltaValue1=v/O.width*C.value,u.value=w(G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),c.value=[u.value,p.value].sort((U,H)=>U-H),M.stop&&(y([w(S.value),w(h.value)]),l.deltaValue1=0)})}),ue(d,M=>{var z;K((z=e.unref(i))==null?void 0:z.getBoundingClientRect(),O=>{const{dx:v}=M;l.deltaValue2=v/O.width*C.value,p.value=w(G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),c.value=[u.value,p.value].sort((U,H)=>U-H),M.stop&&(y([w(S.value),w(h.value)]),l.deltaValue2=0)})});function k(){const M=Math.ceil((1-F.value)*100),z=Math.ceil((1-R.value)*100);return[M,z].sort((O,v)=>O-v)}function w(M){const z=G(M,r.min,r.max);return Math.round((z+Number.EPSILON)*(1/r.step))/(1/r.step)}function y(M){s("update:modelValue",M)}function B(M,z){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(M.code)&&M.preventDefault();const O=M.code==="ArrowUp"||M.code==="ArrowRight"?r.step*1:M.code==="ArrowDown"||M.code==="ArrowLeft"?r.step*-1:0,v=[...r.modelValue];v[z]=G(v[z]+O,r.min,r.max),y(v)}return(M,z)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([r.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope"])},[e.createElementVNode("div",{class:e.normalizeClass([`ui-slider__mode-${r.mode}`,"ui-slider"])},[e.createElementVNode("div",Qc,[e.createElementVNode("div",eu,[M.label?(e.openBlock(),e.createElementBlock("label",tu,[e.createElementVNode("span",null,e.toDisplayString(M.label),1),z[3]||(z[3]=e.createTextVNode()),e.unref(o).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(M.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),z[4]||(z[4]=e.createTextVNode()),r.mode==="text"?(e.openBlock(),e.createElementBlock("div",nu,e.toDisplayString(_.value),1)):e.createCommentVNode("",!0)]),z[10]||(z[10]=e.createTextVNode()),e.createElementVNode("div",ou,[e.createElementVNode("div",ru,[e.createElementVNode("div",{ref_key:"barRef",ref:i,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(T.value)},null,4)],512)]),z[9]||(z[9]=e.createTextVNode()),e.createElementVNode("div",su,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(g),(O,v)=>(e.openBlock(),e.createElementBlock("div",{key:v,style:e.normalizeStyle({right:`${O}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),z[7]||(z[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:a,style:e.normalizeStyle(f.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[0]||(z[0]=O=>B(O,0))},z[5]||(z[5]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36),z[8]||(z[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(m.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[1]||(z[1]=O=>B(O,1))},z[6]||(z[6]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36)])])]),z[11]||(z[11]=e.createTextVNode()),e.createElementVNode("div",lu,[r.mode==="input"?(e.openBlock(),e.createBlock(Jc,{key:0,modelValue:c.value,"onUpdate:modelValue":z[2]||(z[2]=O=>c.value=O),class:"ui-focused-border",onChange:y},null,8,["modelValue"])):e.createCommentVNode("",!0)])],2),z[12]||(z[12]=e.createTextVNode()),N.value?(e.openBlock(),e.createElementBlock("div",au,e.toDisplayString(N.value),1)):e.createCommentVNode("",!0)],2))}}),du=e.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(n,{emit:t}){const o=t,s=n,r=e.ref(),l=e.computed(()=>s.clientHeight/(s.scrollHeight||1)),i=e.computed(()=>l.value<1),a=e.computed(()=>{const d=e.unref(l);return{top:s.scrollTop*d+"px",height:Math.floor(s.clientHeight*d)+"px"}});return W(r,"pointerdown",d=>{const c={clientY:d.clientY},p=jt(document,"mousemove",b=>{const g=(b.clientY-c.clientY)/l.value;o("update:scrollTop",s.scrollTop+g),c.clientY=b.clientY});["mouseup","pointercancel"].forEach(b=>{document.addEventListener(b,p,{once:!0})})}),(d,c)=>i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:r,class:"v-scroll"},[e.createElementVNode("div",{class:"v-scroll__scrollbar",style:e.normalizeStyle(a.value)},null,4)],512)):e.createCommentVNode("",!0)}}),cu=e.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(n,{emit:t}){const o=t,s=n,r=e.ref(),l=e.computed(()=>s.clientWidth/(s.scrollWidth||1)),i=e.computed(()=>l.value<1),a=e.computed(()=>{const d=e.unref(l);return{left:s.scrollLeft*d+"px",width:Math.floor(s.clientWidth*d)+"px"}});return W(r,"pointerdown",d=>{const c={clientX:d.clientX},p=jt(document,"mousemove",b=>{const g=(b.clientX-c.clientX)/l.value;o("update:scrollLeft",s.scrollLeft+g),c.clientX=b.clientX});["mouseup","pointercancel"].forEach(b=>{document.addEventListener(b,p,{once:!0})})}),(d,c)=>i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:r,class:"h-scroll"},[e.createElementVNode("div",{class:"h-scroll__scrollbar",style:e.normalizeStyle(a.value)},null,4)],512)):e.createCommentVNode("",!0)}}),uu={class:"ui-scrollable"},pu=e.defineComponent({__name:"Scrollable",setup(n){const t=e.ref(),o=e.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function s(a){xl(o,a,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const r=a=>{a.preventDefault();const d=a.currentTarget;d.scrollTop+=a.deltaY,d.scrollLeft+=a.deltaX,s(d)};function l(a){K(e.unref(t),d=>{d.scrollTop=a,s(d)})}function i(a){K(e.unref(t),d=>{d.scrollLeft=a,s(d)})}return ao(t,a=>{K(a,d=>s(d))}),e.onMounted(()=>{K(e.unref(t),a=>{s(a),a.addEventListener("wheel",r)})}),e.onUnmounted(()=>{K(e.unref(t),a=>a.removeEventListener("wheel",r))}),(a,d)=>(e.openBlock(),e.createElementBlock("div",uu,[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:"ui-scrollable__container",onWheel:r},[e.renderSlot(a.$slots,"default")],544),d[2]||(d[2]=e.createTextVNode()),e.createVNode(du,{"scroll-top":o.scrollTop,"client-height":o.clientHeight,"scroll-height":o.scrollHeight,onWheel:d[0]||(d[0]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollTop":l},null,8,["scroll-top","client-height","scroll-height"]),d[3]||(d[3]=e.createTextVNode()),e.createVNode(cu,{"scroll-left":o.scrollLeft,"client-width":o.clientWidth,"scroll-width":o.scrollWidth,onWheel:d[1]||(d[1]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":i},null,8,["scroll-left","client-width","scroll-width"])]))}}),mu={add:"add.svg","arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg","cell-type-num":"cell-type-num.svg","cell-type-txt":"cell-type-txt.svg",checkmark:"checkmark.svg","chevron-down":"chevron-down.svg","chevron-first":"chevron-first.svg","chevron-last":"chevron-last.svg","chevron-left":"chevron-left.svg","chevron-right":"chevron-right.svg","chevron-up":"chevron-up.svg",clear:"clear.svg","clipboard-copied":"clipboard-copied.svg",clipboard:"clipboard.svg",close:"close.svg",comp:"comp.svg",compare:"compare.svg",copy:"copy.svg","data-dimentions":"data-dimentions.svg",delete:"delete.svg","drag-dots":"drag-dots.svg",edit:"edit.svg",error:"error.svg",export:"export.svg","filter-2":"filter-2.svg",filter:"filter.svg",help:"help.svg",import:"import.svg",info:"info.svg","link-arrow":"link-arrow.svg",link:"link.svg",loading:"loading.svg",lock:"lock.svg",maximize:"maximize.svg",minimize:"minimize.svg",minus:"minus.svg","more-horizontal":"more-horizontal.svg",open:"open.svg",pause:"pause.svg",play:"play.svg",required:"required.svg",restart:"restart.svg","settings-2":"settings-2.svg",sort:"sort.svg",sorter:"sorter.svg",stop:"stop.svg",success:"success.svg",warning:"warning.svg","x-axis":"x-axis.svg","y-axis":"y-axis.svg",zip:"zip.svg"},fu={"add-layer":"add-layer.svg",add:"add.svg",annotate:"annotate.svg",annotation:"annotation.svg",area:"area.svg","arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg",axes:"axes.svg","bar-error":"bar-error.svg","bar-trend":"bar-trend.svg",bar:"bar.svg",bindot:"bindot.svg","box-dot":"box-dot.svg","boxplot-1":"boxplot-1.svg","boxplot-binned":"boxplot-binned.svg","boxplot-jitter":"boxplot-jitter.svg","boxplot-notched":"boxplot-notched.svg",boxplot:"boxplot.svg",bubble:"bubble.svg",canvas:"canvas.svg",checkbox:"checkbox.svg",checkmark:"checkmark.svg","chevron-down":"chevron-down.svg","chevron-left":"chevron-left.svg","chevron-right":"chevron-right.svg","chevron-sort":"chevron-sort.svg","chevron-up":"chevron-up.svg","clipboard-copied":"clipboard-copied.svg",clipboard:"clipboard.svg",close:"close.svg","cloud-down":"cloud-down.svg","cloud-offline":"cloud-offline.svg","cloud-online":"cloud-online.svg","cloud-up":"cloud-up.svg","code-2":"code-2.svg",code:"code.svg",color:"color.svg",columns:"columns.svg","connected-points":"connected-points.svg",copy:"copy.svg",cpu:"cpu.svg","cross-bars":"cross-bars.svg","dark-mode":"dark-mode.svg",delete:"delete.svg","dendrogram-X-1":"dendrogram-X-1.svg","dendrogram-X":"dendrogram-X.svg","dendrogram-Y-1":"dendrogram-Y-1.svg","dendrogram-Y":"dendrogram-Y.svg",dna:"dna.svg","download-files":"download-files.svg",duplicate:"duplicate.svg",edit:"edit.svg","error-bar":"error-bar.svg",error:"error.svg","expand-left":"expand-left.svg","expand-right":"expand-right.svg","export-2":"export-2.svg",export:"export.svg","external-link":"external-link.svg","fill-color":"fill-color.svg","filter-on":"filter-on.svg",filter:"filter.svg","filters-gate":"filters-gate.svg","fire-tips":"fire-tips.svg","folder-parent":"folder-parent.svg","frame-type":"frame-type.svg",generate:"generate.svg",graph:"graph.svg",heatmap:"heatmap.svg",help:"help.svg",hide:"hide.svg","import-2":"import-2.svg","import-download":"import-download.svg","info-circle-outline":"info-circle-outline.svg",jitter:"jitter.svg",layers:"layers.svg",learn:"learn.svg",legend:"legend.svg","light-mode":"light-mode.svg","line-binned":"line-binned.svg","line-error":"line-error.svg","line-jitter":"line-jitter.svg",line:"line.svg",linetype:"linetype.svg","link-disabled":"link-disabled.svg",link:"link.svg",loading:"loading.svg",local:"local.svg",logout:"logout.svg",menu:"menu.svg",minus:"minus.svg","more-horizontal":"more-horizontal.svg","outlier-shape":"outlier-shape.svg","paper-clip":"paper-clip.svg",pin:"pin.svg",position:"position.svg","progress-2":"progress-2.svg",progress:"progress.svg",publications:"publications.svg","radio-btn":"radio-btn.svg",restart:"restart.svg",reverse:"reverse.svg",rotation:"rotation.svg",save:"save.svg",search:"search.svg","server-2":"server-2.svg","settings-2":"settings-2.svg",show:"show.svg",sina:"sina.svg",skatterplot:"skatterplot.svg","social-media":"social-media.svg",sort:"sort.svg","stacked-bar":"stacked-bar.svg",statistics:"statistics.svg","strip-plot":"strip-plot.svg","stroke-non":"stroke-non.svg",stroke:"stroke.svg",success:"success.svg","table-upload":"table-upload.svg",table:"table.svg",template:"template.svg","title-position":"title-position.svg","upload-files":"upload-files.svg",venn:"venn.svg","violin-binned":"violin-binned.svg","violin-jitter":"violin-jitter.svg",violin:"violin.svg",warning:"warning.svg",wetlab:"wetlab.svg","zoom-in":"zoom-in.svg"};function hu(){return{txtSec:{title:"Text",data:{"--txt-00":{light:[!1,!1],value:["#FFFFFF","#FFFFFF"],description:"Text on the colored elements"},"--txt-01":{light:[!0,!1],value:["#110529","#FFFFFF"],description:"Primary text layer"},"--txt-02":{light:[!0,!1],value:["#231842","#ADAEB8"],description:"Secondary text layer - large arrays of text"},"--txt-03":{light:[!0,!0],value:["#9D9EAE","#60616B"],description:"Tetritary text layer - hints and descriptions"},"--txt-mask":{light:[!1,!0],value:["#CFD1DB","#3D3D42"],description:"Text mask in inputs, icons, etc."},"--txt-focus":{light:[!0,!0],value:["#07AD3E","#87E087"],description:"Colored text in active/focus elements"},"--txt-error":{light:[!0,!0],value:["#F1222F","#FF5C5C"],description:"Colored text in error elements"},"--txt-link":{light:[!0,!0],value:["#5F31CC","#9470FF"],description:"Colored text in links"}}},iconSec:{title:"Icon",data:{"--ic-00":{light:[!1,!1],value:["#FFFFFF","#FFFFFF"],description:"Icons on colored elements"},"--ic-01":{light:[!0,!1],value:["#110529","#FFFFFF"],description:"Primary elements"},"--ic-02":{light:[!1,!0],value:["#CFD1DB","#60616B"],description:"Secondary & tetritary elements"},"--ic-accent":{light:[!0,!1],value:["#07AD3E","#87E087"],description:"Focus/active elements"}}},borderSec:{title:"Border",data:{"--border-color-default":{light:[!0,!0],value:["#110529","#60616B"],description:"Main border for components"},"--border-color-hover":{light:[!0,!0],value:["#231842","#ADAEB8"],description:"Hover on main border"},"--border-color-focus":{light:[!1,!1],value:["#49CC49","#49CC49"],description:"Active border for components"},"--border-color-error":{light:[!1,!1],value:["#FF5C5C","#FF5C5C"],description:"Error border for components"},"--border-color-div-grey":{light:[!1,!0],value:["#E1E3EB","#232329"],description:"Divider lines low contrast"},"--border-color-div-bw":{light:[!1,!0],value:["#FFFFFF","#000000"],description:"Divider lines hight contrast"}}},btnSec:{title:"Button",data:{"--btn-accent-default":{light:[!0,!0],value:["#845CFF"," #5F31CC"],description:"Accent coloured button"},"--btn-accent-hover":{light:[!0,!0],value:["#9470FF"," #5F31CC"],description:"Hover on accent coloured button"},"--btn-accent-press":{light:[!0,!0],value:["#6F4DD6","#5F31CC"],description:"Pressed on accent coloured button"},"--btn-primary-default":{light:[!0,!0],value:["#110529","#5F31CC"],description:"Primary button"},"--btn-primary-hover":{light:[!0,!0],value:["#231842","#6D3DDB"],description:"Hover on primary button"},"--btn-primary-press":{light:[!0,!0],value:["#080214","#5328B8"],description:"Hover on primary button"},"--btn-sec-hover-white":{light:[!1,!0],value:["rgba(255, 255, 255, 0.50)","rgba(131, 131, 163, 0.16)"],description:"Hover background on transparent button"},"--btn-sec-hover-grey":{light:[!1,!0],value:["rgba(155, 171, 204, 0.16)","rgba(131, 131, 163, 0.16)"],description:"Hover background on ghost button & icons"},"--btn-sec-press-grey":{light:[!1,!0],value:["rgba(155, 171, 204, 0.24)","rgba(131, 131, 163, 0.24)"],description:"Hover background on ghost button & icons"},"--btn-active-select":{light:[!1,!0],value:["rgba(99, 224, 36, 0.24)","rgba(99, 224, 36, 0.24)"],description:"Fill on selected elements"},"--btn-switcher":{light:[!1,!0],value:["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)","#5E5E70"],description:"Gradient on active controll/switcher element"}}},disSec:{title:"Disable",data:{"--dis-00":{light:[!1,!0],value:["#FFFFFF","#65656B"],description:"Elements on dis-01, labels, texts, icons"},"--dis-01":{light:[!1,!0],value:["#CFD1DB","#3D3D42"],description:"Buttons, borders, labels, texts, icons"}}},bgSec:{title:"Background",data:{"--bg-base-dark":{light:[!0,!0],value:["#110529","#0D0D0F"],description:"Default dark block background"},"--bg-base-light":{light:[!1,!0],value:["#F7F8FA","#0D0D0F"],description:"Default light block background"},"--bg-elevated-01":{light:[!1,!0],value:["#FFFFFF","#1B1B1F"],description:"Default block background"},"--bg-elevated-02":{light:[!1,!0],value:["#E1E3EB","#2D2D33"],description:"Secondary block background"}}},filledSec:{title:"Filled",data:{"--filled-V-BG":{light:[!1,!0],value:["#D0F0C0","rgba(66, 184, 66, 0.40)"],description:"Text background selection on V-read"},"--filled-D-BG":{light:[!1,!0],value:["#FFCECC","rgba(229, 83, 229, 0.40)"],description:"Text background selection on D-read"},"--filled-N-BG":{light:[!1,!0],value:["#FAF5AA","rgba(83, 82, 102, 0.40)"],description:"Text background selection on C/N-read"},"--filled-J-BG":{light:[!1,!0],value:["#DEDBFF","rgba(132, 92, 255, 0.40)"],description:"Text background selection on J-read"}}},notificationSec:{title:"Notification",data:{"--notification-neutral":{light:[!1,!0],value:["linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)","linear-gradient(90deg, #4D4D8F 0%, #292933 100%)"],description:"Background on neutral blocks"},"--notification-success":{light:[!1,!0],value:["linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)","linear-gradient(90deg, #305C3E 0%, #292933 100%)"],description:"Background on success blocks"},"--notification-warning":{light:[!1,!0],value:["linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)","linear-gradient(90deg, #754F2D 0%, #292933 100%)"],description:"Background on warning blocks"},"--notification-error":{light:[!1,!0],value:["linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)","linear-gradient(90deg, #8F3343 0%, #292933 100%)"],description:"Background on error blocks"}}},gradientSec:{title:"Gradient",data:{"--gradient-blue-green":{light:[!0,!0],value:["linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand dark gradient"},"--gradient-green-lime":{light:[!1,!0],value:["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand light gradient"},"--gradient-blue-violet":{light:[!1,!0],value:["linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand light gradient"},"--gradient-blue-clear":{light:[!1,!0],value:["linear-gradient(180deg, #85BEFF 0%, #CEF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-orange":{light:[!1,!0],value:["linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-mint":{light:[!1,!0],value:["linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-lime":{light:[!1,!0],value:["linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-rose":{light:[!1,!0],value:["linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-red":{light:[!1,!0],value:["linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-violet":{light:[!1,!0],value:["linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"}}}}}const gu=["add","arrow-down","arrow-left","arrow-right","arrow-up","cell-type-num","cell-type-txt","checkmark","chevron-down","chevron-first","chevron-last","chevron-left","chevron-right","chevron-up","clear","clipboard-copied","clipboard","close","comp","compare","copy","data-dimentions","delete","drag-dots","edit","error","export","filter-2","filter","help","import","info","link-arrow","link","loading","lock","maximize","minimize","minus","more-horizontal","open","pause","play","required","restart","settings-2","sort","sorter","stop","success","warning","x-axis","y-axis","zip"],yu=["add-layer","add","annotate","annotation","area","arrow-down","arrow-left","arrow-right","arrow-up","axes","bar-error","bar-trend","bar","bindot","box-dot","boxplot-1","boxplot-binned","boxplot-jitter","boxplot-notched","boxplot","bubble","canvas","checkbox","checkmark","chevron-down","chevron-left","chevron-right","chevron-sort","chevron-up","clipboard-copied","clipboard","close","cloud-down","cloud-offline","cloud-online","cloud-up","code-2","code","color","columns","connected-points","copy","cpu","cross-bars","dark-mode","delete","dendrogram-X-1","dendrogram-X","dendrogram-Y-1","dendrogram-Y","dna","download-files","duplicate","edit","error-bar","error","expand-left","expand-right","export-2","export","external-link","fill-color","filter-on","filter","filters-gate","fire-tips","folder-parent","frame-type","generate","graph","heatmap","help","hide","import-2","import-download","info-circle-outline","jitter","layers","learn","legend","light-mode","line-binned","line-error","line-jitter","line","linetype","link-disabled","link","loading","local","logout","menu","minus","more-horizontal","outlier-shape","paper-clip","pin","position","progress-2","progress","publications","radio-btn","restart","reverse","rotation","save","search","server-2","settings-2","show","sina","skatterplot","social-media","sort","stacked-bar","statistics","strip-plot","stroke-non","stroke","success","table-upload","table","template","title-position","upload-files","venn","violin-binned","violin-jitter","violin","warning","wetlab","zoom-in"],ku={allCssVariables:hu(),icons16:mu,icons24:fu};V.ContextProvider=wc,V.DataTable=Rs,V.DemoData=ku,V.DropdownListItem=dt,V.GridTable=Ar,V.LongText=Zn,V.MaskIcon16=ze,V.MaskIcon24=be,V.PlAlert=dl,V.PlBlockPage=Ks,V.PlBtnAccent=fl,V.PlBtnDanger=gl,V.PlBtnGhost=vn,V.PlBtnGroup=Il,V.PlBtnLink=_l,V.PlBtnPrimary=Sn,V.PlBtnSecondary=Dn,V.PlCheckbox=gi,V.PlCheckboxGroup=_i,V.PlChip=Ut,V.PlContainer=Gs,V.PlDialogModal=Hn,V.PlDropdown=Ht,V.PlDropdownLine=La,V.PlDropdownMulti=fi,V.PlDropdownRef=$a,V.PlFileDialog=Wn,V.PlFileInput=_c,V.PlGrid=ol,V.PlLogView=Wi,V.PlNumberField=Qa,V.PlProgressBar=Wa,V.PlRow=Js,V.PlSlideModal=vi,V.PlSpacer=tl,V.PlTextArea=aa,V.PlTextField=An,V.PlToggleSwitch=Ri,V.PlTooltip=Q,V.Scrollable=pu,V.Slider=vc,V.SliderRange=iu,V.SliderRangeTriple=Gc,V.ThemeSwitcher=Ls,V.animate=wn,V.animateInfinite=zr,V.call=gn,V.debounce=Vn,V.delay=yn,V.detectOutside=ia,V.eventListener=jt,V.getElementScrollPosition=Ln,V.isElementVisible=Fn,V.listToOptions=Ir,V.makeEaseInOut=Pr,V.makeEaseOut=_n,V.maskIcons16=gu,V.maskIcons24=yu,V.normalizeListOptions=xe,V.notEmpty=$t,V.randomInt=bn,V.randomString=Rr,V.requestTick=St,V.scrollIntoView=it,V.showContextMenu=Mt,V.throttle=Dt,V.timeout=kn,V.useClickOutside=at,V.useDraggable=Ac,V.useEventListener=W,V.useFormState=zc,V.useHover=Tt,V.useInterval=Pc,V.useLabelNotch=ke,V.useLocalStorage=En,V.useMouse=Nt,V.useMouseCapture=ue,V.usePosition=Mn,V.useQuery=Ic,V.useResizeObserver=ao,V.useScroll=Mc,V.useSortable=Rc,V.useTheme=Tn,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
+      )`}function l(){const a=n.value;if(!a)return;const d=[s(a),r(a)].filter(c=>c!==null);a.style.setProperty("-webkit-mask-image",d.join(",")),a.style.setProperty("mask-image",d.join(",")),d.length>1&&(a.style.setProperty("-webkit-mask-composite","source-in"),a.style.setProperty("mask-composite","source-in"))}const i=St(l);e.onMounted(l),W(window,"scroll",i,!0),W(window,"resize",i,!0)}function ao(n,t){On(()=>{K(e.unref(n),o=>{Rn(o,()=>t(o))})}),e.onUnmounted(()=>{K(e.unref(n),o=>{Pn(o)})})}const ye={item:"sortable__item",animate:"sortable__animate"},tt=n=>n.getBoundingClientRect().y,io=n=>{const{y:t,height:o}=n.getBoundingClientRect();return t+Math.ceil(o/2)},Oc=n=>{const{y:t,height:o}=n.getBoundingClientRect();return t+o};function Rc(n,t){const o={item:void 0,options(){var g;return[...((g=n.value)==null?void 0:g.children)??[]]}},s=e.computed(()=>o.options()),r=t.shakeBuffer??10,l=t.reorderDelay??100;function i(g){const _=t.handle?this.querySelector(t.handle):null;_&&!_.contains(g.target)||(this.classList.remove(ye.animate),this.classList.add(ye.item),o.item={el:this,y:g.y,dy:0,orderChanged:!1})}function a(g){const _=o.options();return _.slice(0,_.indexOf(g))}function d(g){const _=o.options();return _.slice(_.indexOf(g)+1)}function c(g,_){const C=o.options().filter(h=>h!==_),S=C.indexOf(g);return C.splice(S,0,_),C}function u(g,_){const C=o.options().filter(h=>h!==_),S=C.indexOf(g);return C.splice(S+1,0,_),C}function p(g,_){g.dy=_-g.y,g.el.style.setProperty("transform",`translateY(${g.dy}px)`)}function b(g){var E;if(!o.item)return;const{el:_}=o.item;if(!_.isConnected){o.item=void 0;return}const C=g.map(T=>tt(T)),S=tt(_);(E=n.value)==null||E.replaceChildren(...g);const h=tt(_),N=g.map(T=>tt(T)),F=[];for(let T=0;T<N.length;T++){const f=g[T];if(f===o.item.el)continue;const m=N[T],w=C[T]-m;f.style.transform=`translateY(${w}px)`,F.push(f)}const R=h-S;o.item.y=o.item.y+R,o.item.dy=o.item.dy-R,o.item.orderChanged=!0,o.item.el.style.setProperty("transform",`translateY(${o.item.dy}px)`),F.forEach(T=>T.classList.remove(ye.animate)),requestAnimationFrame(function(){F.forEach(T=>{T.classList.add(ye.animate),T.style.transform="",T.addEventListener("transitionend",()=>{T.classList.remove(ye.animate)})})})}W(window,"mousemove",g=>{if(!o.item)return;const{el:_}=o.item;p(o.item,g.y);const C=tt(o.item.el),S=Oc(o.item.el),h=a(_),N=d(_);h.forEach(F=>{const R=io(F);C+r<R&&b(c(F,_))}),N.forEach(F=>{const R=io(F);S-r>R&&b(u(F,_))})}),W(window,"mouseup",()=>{if(!o.item)return;const{el:g,orderChanged:_}=o.item;g.classList.add(ye.animate),g.style.removeProperty("transform"),g.addEventListener("transitionend",()=>{g.classList.remove(ye.animate,ye.item)}),setTimeout(()=>{if(!_)return;const C=o.options().map(h=>Number(h.getAttribute("data-index"))),S=n.value;if(S){for(const h of o.options())S.removeChild(h);s.value.forEach(h=>{S.appendChild(h)})}t.onChange(C)},l),o.item=void 0}),e.watchEffect(()=>{s.value.forEach((g,_)=>{g.removeEventListener("mousedown",i),g.addEventListener("mousedown",i),g.setAttribute("data-index",String(_))})})}function Pc(n,t){let o;e.onMounted(()=>{o=setInterval(n,t)}),e.onUnmounted(()=>clearInterval(o))}function zc(n,t,o){const s=e.reactive({data:Ct.deepClone(t(n.value)),changed:!1});return e.watch(()=>s.data,r=>{s.changed?o(Ct.deepClone(r)):s.changed=!0},{deep:!0}),e.watch(n,r=>{Object.assign(s,{data:Ct.deepClone(t(r)),changed:!1})},{deep:!0,immediate:!0}),s}function Ic(n){const t=e.reactive({isLoading:!1,result:void 0,error:void 0,async run(...o){this.isLoading=!0,this.error=void 0;try{this.result=await n(...o)}catch(s){this.error=s}finally{this.isLoading=!1}},debounce(o,s=1e3){return mn(()=>{const r=o();this.run(...r).catch(console.error)},s)}});return t.run=t.run.bind(t),t}function Ac(n,t){function o(i,a){const d=e.unref(n);if(!d)return;const c=`translate(${a.x-i.x}px, ${a.y-i.y}px)`;d.style.setProperty("transform",c),t(a)}function s(i){const a=d=>o(i,d);document.addEventListener("mousemove",a),document.addEventListener("mouseup",()=>{const d=e.unref(n);document.removeEventListener("mousemove",a),d&&(d.style.setProperty("transition","all .3s ease-in-out"),d.style.removeProperty("transform"),d.addEventListener("transitionend",()=>{d.style.removeProperty("transition")}))},{once:!0})}function r(){var i;(i=e.unref(n))==null||i.addEventListener("mousedown",s)}function l(){var i;(i=e.unref(n))==null||i.removeEventListener("mousedown",s)}e.onMounted(r),e.onUnmounted(l)}const Fc={class:"ui-slider__wrapper"},Lc={class:"ui-slider__label-section"},jc={key:0,class:"text-s"},Zc={class:"ui-slider__base"},Hc={class:"ui-slider__container"},Uc={class:"ui-slider__container ui-slider__container-thumb"},Wc=["data-percent"],qc=["data-percent"],Kc=["data-percent"],Yc={key:0,class:"ui-slider__error"},Gc=e.defineComponent({__name:"SliderRangeTriple",props:{modelValue:{},min:{default:0},max:{},step:{default:1},label:{default:void 0},helper:{default:void 0},error:{default:void 0},mode:{default:"text"},measure:{default:"%"},breakpoints:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:t}){const o=e.useSlots(),s=t,r=n,l=e.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),i=e.ref(),a=e.ref(),d=e.ref(),c=e.ref(),u=e.computed(()=>r.max-r.min),p=e.computed(()=>r),b=Qt(p),g=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),_=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),C=e.computed(()=>G((r.modelValue[2]??0)+l.deltaValue3,r.min,r.max)),S=e.computed(()=>{const O=r.modelValue;if(!(Array.isArray(O)&&O.length===3&&O.every(H=>Number.isFinite(H))))return"Expected model [number, number, number]";const U=[];return[...r.modelValue].forEach(H=>{H>r.max&&U.push(`Max model value must be lower than max props ${r.max}.`),H<r.min&&U.push("Min model value must be greater than max props.")}),U.length>0?U.join(" "):r.error}),h=e.computed(()=>(g.value-r.min)/u.value),N=e.computed(()=>(_.value-r.min)/u.value),F=e.computed(()=>(C.value-r.min)/u.value),R=e.computed(()=>w()),E=e.computed(()=>({right:R.value[0]+"%",left:100-R.value[2]+"%"})),T=e.computed(()=>({right:Math.ceil((1-h.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-N.value)*100)+"%"})),m=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"}));ue(a,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue1=H/U.width*u.value,a.value&&k(a.value,r.modelValue[0],l.deltaValue1),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue1=0)})}),ue(d,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue2=H/U.width*u.value,d.value&&k(d.value,r.modelValue[1],l.deltaValue2),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue2=0)})}),ue(c,O=>{var v;K((v=e.unref(i))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=O;l.deltaValue3=H/U.width*u.value,c.value&&k(c.value,r.modelValue[2],l.deltaValue3),O.stop&&(B([y(g.value),y(_.value),y(C.value)]),l.deltaValue3=0)})});function k(O,v,U){const H=y(G((v??0)+U,r.min,r.max));O.dataset.percent=`${H}${r.measure}`,M()}function w(){const O=Math.ceil((1-h.value)*100),v=Math.ceil((1-N.value)*100),U=Math.ceil((1-F.value)*100);return[O,v,U].sort((H,ve)=>H-ve)}function y(O){const v=G(O,r.min,r.max);return Math.round((v+Number.EPSILON)*(1/r.step))/(1/r.step)}function B(O){s("update:modelValue",O)}function M(){const O=Number(T.value.right.substring(0,T.value.right.length-1)),v=Number(f.value.right.substring(0,f.value.right.length-1)),U=Number(m.value.right.substring(0,m.value.right.length-1)),H=[{r:O,th:a},{r:v,th:d},{r:U,th:c}].sort((ve,bt)=>ve.r-bt.r);H[0].th.value&&(H[0].th.value.dataset.hint="high"),H[1].th.value&&(H[1].th.value.dataset.hint="mid"),H[2].th.value&&(H[2].th.value.dataset.hint="low")}function z(O,v){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(O.code)&&O.preventDefault();const U=O.code==="ArrowUp"||O.code==="ArrowRight"?r.step*1:O.code==="ArrowDown"||O.code==="ArrowLeft"?r.step*-1:0,H=[...r.modelValue];H[v]=G(H[v]+U,r.min,r.max),B(H),M()}return e.onMounted(()=>{M()}),(O,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([r.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope ui-slider__triple"])},[e.createElementVNode("div",{class:e.normalizeClass([`ui-slider__mode-${r.mode}`,"ui-slider"])},[e.createElementVNode("div",Fc,[e.createElementVNode("div",Lc,[O.label?(e.openBlock(),e.createElementBlock("label",jc,[e.createElementVNode("span",null,e.toDisplayString(O.label),1),v[3]||(v[3]=e.createTextVNode()),e.unref(o).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(O.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),v[11]||(v[11]=e.createTextVNode()),e.createElementVNode("div",Zc,[e.createElementVNode("div",Hc,[e.createElementVNode("div",{ref_key:"barRef",ref:i,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(E.value)},null,4)],512)]),v[10]||(v[10]=e.createTextVNode()),e.createElementVNode("div",Uc,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(b),(U,H)=>(e.openBlock(),e.createElementBlock("div",{key:H,style:e.normalizeStyle({right:`${U}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),v[7]||(v[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:a,style:e.normalizeStyle(T.value),"data-percent":r.modelValue[0]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r1:"",tabindex:"0",onKeydown:v[0]||(v[0]=U=>z(U,0))},v[4]||(v[4]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,Wc),v[8]||(v[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(f.value),"data-percent":r.modelValue[1]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r2:"",tabindex:"0",onKeydown:v[1]||(v[1]=U=>z(U,1))},v[5]||(v[5]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,qc),v[9]||(v[9]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef3",ref:c,style:e.normalizeStyle(m.value),"data-percent":r.modelValue[2]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r3:"",tabindex:"0",onKeydown:v[2]||(v[2]=U=>z(U,2))},v[6]||(v[6]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,Kc)])])]),v[12]||(v[12]=e.createTextVNode()),v[13]||(v[13]=e.createElementVNode("div",{class:"ui-slider__input-wrapper d-flex"},null,-1))],2),v[14]||(v[14]=e.createTextVNode()),S.value?(e.openBlock(),e.createElementBlock("div",Yc,e.toDisplayString(S.value),1)):e.createCommentVNode("",!0)],2))}}),Xc={class:"ui-input-range__separator"},Jc=e.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(n,{emit:t}){const o=n,s=t,r=e.reactive({left:o.modelValue[0],right:o.modelValue[1]}),l=e.ref(!1),i=e.computed(()=>(l.value,"ui-input-range-focused")),a=e.computed({get(){return{left:Math.min(...o.modelValue),right:Math.max(...o.modelValue)}},set(){}});e.watch(()=>a.value,u=>(r.left=u.left)&&(r.right=u.right));function d(){s("update:modelValue",[+r.left,+r.right]),s("change",[+r.left,+r.right])}function c(u,p){const b=p.target.value;/^[0-9]{0,2}$/.test(b)?u?r.left=+b:r.right=+b:u?r.left=+b.slice(0,b.length-1):r.right=+b.slice(0,b.length-1)}return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[i.value,"ui-input-range"]},u.$attrs),[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=b=>a.value.left=b),class:"text-s",type:"text",onChange:d,onFocus:p[1]||(p[1]=b=>l.value=!0),onFocusout:p[2]||(p[2]=b=>l.value=!1),onInput:p[3]||(p[3]=b=>c(!0,b))},null,544),[[e.vModelText,a.value.left]]),p[8]||(p[8]=e.createTextVNode()),e.createElementVNode("div",Xc,e.toDisplayString(o.separator),1),p[9]||(p[9]=e.createTextVNode()),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[4]||(p[4]=b=>a.value.right=b),class:"text-s",type:"text",onChange:d,onFocus:p[5]||(p[5]=b=>l.value=!0),onFocusout:p[6]||(p[6]=b=>l.value=!1),onInput:p[7]||(p[7]=b=>c(!1,b))},null,544),[[e.vModelText,a.value.right]])],16))}}),Qc={class:"ui-slider__wrapper"},eu={class:"ui-slider__label-section"},tu={key:0,class:"text-s"},nu={key:1,class:"ui-slider__value-static text-s"},ou={class:"ui-slider__base"},ru={class:"ui-slider__container"},su={class:"ui-slider__container ui-slider__container-thumb"},lu={class:"ui-slider__input-wrapper d-flex"},au={key:0,class:"ui-slider__error"},iu=e.defineComponent({__name:"SliderRange",props:{modelValue:{},min:{default:0},max:{},step:{default:1},label:{default:void 0},helper:{default:void 0},error:{default:void 0},mode:{default:"text"},measure:{default:""},breakpoints:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:t}){const o=e.useSlots(),s=t,r=n,l=e.reactive({deltaValue1:0,deltaValue2:0}),i=e.ref(),a=e.ref(),d=e.ref(),c=e.ref(r.modelValue),u=e.ref(r.modelValue[0]),p=e.ref(r.modelValue[1]),b=e.computed(()=>r),g=Qt(b),_=e.computed(()=>[u.value,p.value].sort((M,z)=>M-z).join("-")),C=e.computed(()=>r.max-r.min),S=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),h=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),N=e.computed(()=>{const M=r.modelValue;return Array.isArray(M)&&M.length===2&&M.every(O=>Number.isFinite(O))?r.error:"Expected model [number, number]"}),F=e.computed(()=>(S.value-r.min)/C.value),R=e.computed(()=>(h.value-r.min)/C.value),E=e.computed(()=>k()),T=e.computed(()=>({right:E.value[0]+"%",left:100-E.value[1]+"%"})),f=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"})),m=e.computed(()=>({right:Math.ceil((1-R.value)*100)+"%"}));e.watch(()=>r.modelValue,M=>{c.value=M,u.value=+M[0],p.value=+M[1]},{immediate:!0}),ue(a,M=>{var z;K((z=e.unref(i))==null?void 0:z.getBoundingClientRect(),O=>{const{dx:v}=M;l.deltaValue1=v/O.width*C.value,u.value=w(G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),c.value=[u.value,p.value].sort((U,H)=>U-H),M.stop&&(y([w(S.value),w(h.value)]),l.deltaValue1=0)})}),ue(d,M=>{var z;K((z=e.unref(i))==null?void 0:z.getBoundingClientRect(),O=>{const{dx:v}=M;l.deltaValue2=v/O.width*C.value,p.value=w(G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),c.value=[u.value,p.value].sort((U,H)=>U-H),M.stop&&(y([w(S.value),w(h.value)]),l.deltaValue2=0)})});function k(){const M=Math.ceil((1-F.value)*100),z=Math.ceil((1-R.value)*100);return[M,z].sort((O,v)=>O-v)}function w(M){const z=G(M,r.min,r.max);return Math.round((z+Number.EPSILON)*(1/r.step))/(1/r.step)}function y(M){s("update:modelValue",M)}function B(M,z){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(M.code)&&M.preventDefault();const O=M.code==="ArrowUp"||M.code==="ArrowRight"?r.step*1:M.code==="ArrowDown"||M.code==="ArrowLeft"?r.step*-1:0,v=[...r.modelValue];v[z]=G(v[z]+O,r.min,r.max),y(v)}return(M,z)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([r.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope"])},[e.createElementVNode("div",{class:e.normalizeClass([`ui-slider__mode-${r.mode}`,"ui-slider"])},[e.createElementVNode("div",Qc,[e.createElementVNode("div",eu,[M.label?(e.openBlock(),e.createElementBlock("label",tu,[e.createElementVNode("span",null,e.toDisplayString(M.label),1),z[3]||(z[3]=e.createTextVNode()),e.unref(o).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(M.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),z[4]||(z[4]=e.createTextVNode()),r.mode==="text"?(e.openBlock(),e.createElementBlock("div",nu,e.toDisplayString(_.value),1)):e.createCommentVNode("",!0)]),z[10]||(z[10]=e.createTextVNode()),e.createElementVNode("div",ou,[e.createElementVNode("div",ru,[e.createElementVNode("div",{ref_key:"barRef",ref:i,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(T.value)},null,4)],512)]),z[9]||(z[9]=e.createTextVNode()),e.createElementVNode("div",su,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(g),(O,v)=>(e.openBlock(),e.createElementBlock("div",{key:v,style:e.normalizeStyle({right:`${O}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),z[7]||(z[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:a,style:e.normalizeStyle(f.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[0]||(z[0]=O=>B(O,0))},z[5]||(z[5]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36),z[8]||(z[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(m.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[1]||(z[1]=O=>B(O,1))},z[6]||(z[6]=[e.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36)])])]),z[11]||(z[11]=e.createTextVNode()),e.createElementVNode("div",lu,[r.mode==="input"?(e.openBlock(),e.createBlock(Jc,{key:0,modelValue:c.value,"onUpdate:modelValue":z[2]||(z[2]=O=>c.value=O),class:"ui-focused-border",onChange:y},null,8,["modelValue"])):e.createCommentVNode("",!0)])],2),z[12]||(z[12]=e.createTextVNode()),N.value?(e.openBlock(),e.createElementBlock("div",au,e.toDisplayString(N.value),1)):e.createCommentVNode("",!0)],2))}}),du=e.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(n,{emit:t}){const o=t,s=n,r=e.ref(),l=e.computed(()=>s.clientHeight/(s.scrollHeight||1)),i=e.computed(()=>l.value<1),a=e.computed(()=>{const d=e.unref(l);return{top:s.scrollTop*d+"px",height:Math.floor(s.clientHeight*d)+"px"}});return W(r,"pointerdown",d=>{const c={clientY:d.clientY},p=jt(document,"mousemove",b=>{const g=(b.clientY-c.clientY)/l.value;o("update:scrollTop",s.scrollTop+g),c.clientY=b.clientY});["mouseup","pointercancel"].forEach(b=>{document.addEventListener(b,p,{once:!0})})}),(d,c)=>i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:r,class:"v-scroll"},[e.createElementVNode("div",{class:"v-scroll__scrollbar",style:e.normalizeStyle(a.value)},null,4)],512)):e.createCommentVNode("",!0)}}),cu=e.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(n,{emit:t}){const o=t,s=n,r=e.ref(),l=e.computed(()=>s.clientWidth/(s.scrollWidth||1)),i=e.computed(()=>l.value<1),a=e.computed(()=>{const d=e.unref(l);return{left:s.scrollLeft*d+"px",width:Math.floor(s.clientWidth*d)+"px"}});return W(r,"pointerdown",d=>{const c={clientX:d.clientX},p=jt(document,"mousemove",b=>{const g=(b.clientX-c.clientX)/l.value;o("update:scrollLeft",s.scrollLeft+g),c.clientX=b.clientX});["mouseup","pointercancel"].forEach(b=>{document.addEventListener(b,p,{once:!0})})}),(d,c)=>i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:r,class:"h-scroll"},[e.createElementVNode("div",{class:"h-scroll__scrollbar",style:e.normalizeStyle(a.value)},null,4)],512)):e.createCommentVNode("",!0)}}),uu={class:"ui-scrollable"},pu=e.defineComponent({__name:"Scrollable",setup(n){const t=e.ref(),o=e.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function s(a){xl(o,a,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const r=a=>{a.preventDefault();const d=a.currentTarget;d.scrollTop+=a.deltaY,d.scrollLeft+=a.deltaX,s(d)};function l(a){K(e.unref(t),d=>{d.scrollTop=a,s(d)})}function i(a){K(e.unref(t),d=>{d.scrollLeft=a,s(d)})}return ao(t,a=>{K(a,d=>s(d))}),e.onMounted(()=>{K(e.unref(t),a=>{s(a),a.addEventListener("wheel",r)})}),e.onUnmounted(()=>{K(e.unref(t),a=>a.removeEventListener("wheel",r))}),(a,d)=>(e.openBlock(),e.createElementBlock("div",uu,[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:"ui-scrollable__container",onWheel:r},[e.renderSlot(a.$slots,"default")],544),d[2]||(d[2]=e.createTextVNode()),e.createVNode(du,{"scroll-top":o.scrollTop,"client-height":o.clientHeight,"scroll-height":o.scrollHeight,onWheel:d[0]||(d[0]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollTop":l},null,8,["scroll-top","client-height","scroll-height"]),d[3]||(d[3]=e.createTextVNode()),e.createVNode(cu,{"scroll-left":o.scrollLeft,"client-width":o.clientWidth,"scroll-width":o.scrollWidth,onWheel:d[1]||(d[1]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":i},null,8,["scroll-left","client-width","scroll-width"])]))}}),mu={add:"add.svg","arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg","cell-type-num":"cell-type-num.svg","cell-type-txt":"cell-type-txt.svg",checkmark:"checkmark.svg","chevron-down":"chevron-down.svg","chevron-first":"chevron-first.svg","chevron-last":"chevron-last.svg","chevron-left":"chevron-left.svg","chevron-right":"chevron-right.svg","chevron-up":"chevron-up.svg",clear:"clear.svg","clipboard-copied":"clipboard-copied.svg",clipboard:"clipboard.svg",close:"close.svg",comp:"comp.svg",compare:"compare.svg",copy:"copy.svg","data-dimentions":"data-dimentions.svg",delete:"delete.svg","drag-dots":"drag-dots.svg",edit:"edit.svg",error:"error.svg",export:"export.svg","filter-2":"filter-2.svg",filter:"filter.svg",help:"help.svg",import:"import.svg",info:"info.svg","link-arrow":"link-arrow.svg",link:"link.svg",loading:"loading.svg",lock:"lock.svg",maximize:"maximize.svg",minimize:"minimize.svg",minus:"minus.svg","more-horizontal":"more-horizontal.svg",open:"open.svg",pause:"pause.svg",play:"play.svg",required:"required.svg",restart:"restart.svg","settings-2":"settings-2.svg",sort:"sort.svg",sorter:"sorter.svg",stop:"stop.svg",success:"success.svg",warning:"warning.svg","x-axis":"x-axis.svg","y-axis":"y-axis.svg",zip:"zip.svg"},fu={"add-layer":"add-layer.svg",add:"add.svg",annotate:"annotate.svg",annotation:"annotation.svg",area:"area.svg","arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg",axes:"axes.svg","bar-error":"bar-error.svg","bar-trend":"bar-trend.svg",bar:"bar.svg",bindot:"bindot.svg","box-dot":"box-dot.svg","boxplot-1":"boxplot-1.svg","boxplot-binned":"boxplot-binned.svg","boxplot-jitter":"boxplot-jitter.svg","boxplot-notched":"boxplot-notched.svg",boxplot:"boxplot.svg",bubble:"bubble.svg",canvas:"canvas.svg",checkbox:"checkbox.svg",checkmark:"checkmark.svg","chevron-down":"chevron-down.svg","chevron-left":"chevron-left.svg","chevron-right":"chevron-right.svg","chevron-sort":"chevron-sort.svg","chevron-up":"chevron-up.svg","clipboard-copied":"clipboard-copied.svg",clipboard:"clipboard.svg",close:"close.svg","cloud-down":"cloud-down.svg","cloud-offline":"cloud-offline.svg","cloud-online":"cloud-online.svg","cloud-up":"cloud-up.svg","code-2":"code-2.svg",code:"code.svg",color:"color.svg",columns:"columns.svg","connected-points":"connected-points.svg",copy:"copy.svg",cpu:"cpu.svg","cross-bars":"cross-bars.svg","dark-mode":"dark-mode.svg","delete-bin":"delete-bin.svg",delete:"delete.svg","dendrogram-X-1":"dendrogram-X-1.svg","dendrogram-X":"dendrogram-X.svg","dendrogram-Y-1":"dendrogram-Y-1.svg","dendrogram-Y":"dendrogram-Y.svg",dna:"dna.svg","download-files":"download-files.svg",duplicate:"duplicate.svg",edit:"edit.svg","error-bar":"error-bar.svg",error:"error.svg","expand-left":"expand-left.svg","expand-right":"expand-right.svg","export-2":"export-2.svg",export:"export.svg","external-link":"external-link.svg","fill-color":"fill-color.svg","filter-on":"filter-on.svg",filter:"filter.svg","filters-gate":"filters-gate.svg","fire-tips":"fire-tips.svg","folder-parent":"folder-parent.svg","frame-type":"frame-type.svg",generate:"generate.svg",graph:"graph.svg",heatmap:"heatmap.svg",help:"help.svg",hide:"hide.svg","import-2":"import-2.svg","import-download":"import-download.svg","info-circle-outline":"info-circle-outline.svg",jitter:"jitter.svg",layers:"layers.svg",learn:"learn.svg",legend:"legend.svg","light-mode":"light-mode.svg","line-binned":"line-binned.svg","line-error":"line-error.svg","line-jitter":"line-jitter.svg",line:"line.svg",linetype:"linetype.svg","link-disabled":"link-disabled.svg",link:"link.svg",loading:"loading.svg",local:"local.svg",logout:"logout.svg",menu:"menu.svg",minus:"minus.svg","more-horizontal":"more-horizontal.svg","outlier-shape":"outlier-shape.svg","paper-clip":"paper-clip.svg",pin:"pin.svg",position:"position.svg","progress-2":"progress-2.svg",progress:"progress.svg",publications:"publications.svg","radio-btn":"radio-btn.svg",restart:"restart.svg",reverse:"reverse.svg",rotation:"rotation.svg",save:"save.svg",search:"search.svg","server-2":"server-2.svg","settings-2":"settings-2.svg",show:"show.svg",sina:"sina.svg",skatterplot:"skatterplot.svg","social-media":"social-media.svg",sort:"sort.svg","stacked-bar":"stacked-bar.svg",statistics:"statistics.svg","strip-plot":"strip-plot.svg","stroke-non":"stroke-non.svg",stroke:"stroke.svg",success:"success.svg","table-upload":"table-upload.svg",table:"table.svg",template:"template.svg","title-position":"title-position.svg","upload-files":"upload-files.svg",venn:"venn.svg","violin-binned":"violin-binned.svg","violin-jitter":"violin-jitter.svg",violin:"violin.svg",warning:"warning.svg",wetlab:"wetlab.svg","zoom-in":"zoom-in.svg"};function hu(){return{txtSec:{title:"Text",data:{"--txt-00":{light:[!1,!1],value:["#FFFFFF","#FFFFFF"],description:"Text on the colored elements"},"--txt-01":{light:[!0,!1],value:["#110529","#FFFFFF"],description:"Primary text layer"},"--txt-02":{light:[!0,!1],value:["#231842","#ADAEB8"],description:"Secondary text layer - large arrays of text"},"--txt-03":{light:[!0,!0],value:["#9D9EAE","#60616B"],description:"Tetritary text layer - hints and descriptions"},"--txt-mask":{light:[!1,!0],value:["#CFD1DB","#3D3D42"],description:"Text mask in inputs, icons, etc."},"--txt-focus":{light:[!0,!0],value:["#07AD3E","#87E087"],description:"Colored text in active/focus elements"},"--txt-error":{light:[!0,!0],value:["#F1222F","#FF5C5C"],description:"Colored text in error elements"},"--txt-link":{light:[!0,!0],value:["#5F31CC","#9470FF"],description:"Colored text in links"}}},iconSec:{title:"Icon",data:{"--ic-00":{light:[!1,!1],value:["#FFFFFF","#FFFFFF"],description:"Icons on colored elements"},"--ic-01":{light:[!0,!1],value:["#110529","#FFFFFF"],description:"Primary elements"},"--ic-02":{light:[!1,!0],value:["#CFD1DB","#60616B"],description:"Secondary & tetritary elements"},"--ic-accent":{light:[!0,!1],value:["#07AD3E","#87E087"],description:"Focus/active elements"}}},borderSec:{title:"Border",data:{"--border-color-default":{light:[!0,!0],value:["#110529","#60616B"],description:"Main border for components"},"--border-color-hover":{light:[!0,!0],value:["#231842","#ADAEB8"],description:"Hover on main border"},"--border-color-focus":{light:[!1,!1],value:["#49CC49","#49CC49"],description:"Active border for components"},"--border-color-error":{light:[!1,!1],value:["#FF5C5C","#FF5C5C"],description:"Error border for components"},"--border-color-div-grey":{light:[!1,!0],value:["#E1E3EB","#232329"],description:"Divider lines low contrast"},"--border-color-div-bw":{light:[!1,!0],value:["#FFFFFF","#000000"],description:"Divider lines hight contrast"}}},btnSec:{title:"Button",data:{"--btn-accent-default":{light:[!0,!0],value:["#845CFF"," #5F31CC"],description:"Accent coloured button"},"--btn-accent-hover":{light:[!0,!0],value:["#9470FF"," #5F31CC"],description:"Hover on accent coloured button"},"--btn-accent-press":{light:[!0,!0],value:["#6F4DD6","#5F31CC"],description:"Pressed on accent coloured button"},"--btn-primary-default":{light:[!0,!0],value:["#110529","#5F31CC"],description:"Primary button"},"--btn-primary-hover":{light:[!0,!0],value:["#231842","#6D3DDB"],description:"Hover on primary button"},"--btn-primary-press":{light:[!0,!0],value:["#080214","#5328B8"],description:"Hover on primary button"},"--btn-sec-hover-white":{light:[!1,!0],value:["rgba(255, 255, 255, 0.50)","rgba(131, 131, 163, 0.16)"],description:"Hover background on transparent button"},"--btn-sec-hover-grey":{light:[!1,!0],value:["rgba(155, 171, 204, 0.16)","rgba(131, 131, 163, 0.16)"],description:"Hover background on ghost button & icons"},"--btn-sec-press-grey":{light:[!1,!0],value:["rgba(155, 171, 204, 0.24)","rgba(131, 131, 163, 0.24)"],description:"Hover background on ghost button & icons"},"--btn-active-select":{light:[!1,!0],value:["rgba(99, 224, 36, 0.24)","rgba(99, 224, 36, 0.24)"],description:"Fill on selected elements"},"--btn-switcher":{light:[!1,!0],value:["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)","#5E5E70"],description:"Gradient on active controll/switcher element"}}},disSec:{title:"Disable",data:{"--dis-00":{light:[!1,!0],value:["#FFFFFF","#65656B"],description:"Elements on dis-01, labels, texts, icons"},"--dis-01":{light:[!1,!0],value:["#CFD1DB","#3D3D42"],description:"Buttons, borders, labels, texts, icons"}}},bgSec:{title:"Background",data:{"--bg-base-dark":{light:[!0,!0],value:["#110529","#0D0D0F"],description:"Default dark block background"},"--bg-base-light":{light:[!1,!0],value:["#F7F8FA","#0D0D0F"],description:"Default light block background"},"--bg-elevated-01":{light:[!1,!0],value:["#FFFFFF","#1B1B1F"],description:"Default block background"},"--bg-elevated-02":{light:[!1,!0],value:["#E1E3EB","#2D2D33"],description:"Secondary block background"}}},filledSec:{title:"Filled",data:{"--filled-V-BG":{light:[!1,!0],value:["#D0F0C0","rgba(66, 184, 66, 0.40)"],description:"Text background selection on V-read"},"--filled-D-BG":{light:[!1,!0],value:["#FFCECC","rgba(229, 83, 229, 0.40)"],description:"Text background selection on D-read"},"--filled-N-BG":{light:[!1,!0],value:["#FAF5AA","rgba(83, 82, 102, 0.40)"],description:"Text background selection on C/N-read"},"--filled-J-BG":{light:[!1,!0],value:["#DEDBFF","rgba(132, 92, 255, 0.40)"],description:"Text background selection on J-read"}}},notificationSec:{title:"Notification",data:{"--notification-neutral":{light:[!1,!0],value:["linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)","linear-gradient(90deg, #4D4D8F 0%, #292933 100%)"],description:"Background on neutral blocks"},"--notification-success":{light:[!1,!0],value:["linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)","linear-gradient(90deg, #305C3E 0%, #292933 100%)"],description:"Background on success blocks"},"--notification-warning":{light:[!1,!0],value:["linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)","linear-gradient(90deg, #754F2D 0%, #292933 100%)"],description:"Background on warning blocks"},"--notification-error":{light:[!1,!0],value:["linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)","linear-gradient(90deg, #8F3343 0%, #292933 100%)"],description:"Background on error blocks"}}},gradientSec:{title:"Gradient",data:{"--gradient-blue-green":{light:[!0,!0],value:["linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand dark gradient"},"--gradient-green-lime":{light:[!1,!0],value:["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand light gradient"},"--gradient-blue-violet":{light:[!1,!0],value:["linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Main brand light gradient"},"--gradient-blue-clear":{light:[!1,!0],value:["linear-gradient(180deg, #85BEFF 0%, #CEF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-orange":{light:[!1,!0],value:["linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-mint":{light:[!1,!0],value:["linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-lime":{light:[!1,!0],value:["linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-rose":{light:[!1,!0],value:["linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-red":{light:[!1,!0],value:["linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"},"--gradient-violet":{light:[!1,!0],value:["linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)","linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],description:"Additional brand gradient"}}}}}const gu=["add","arrow-down","arrow-left","arrow-right","arrow-up","cell-type-num","cell-type-txt","checkmark","chevron-down","chevron-first","chevron-last","chevron-left","chevron-right","chevron-up","clear","clipboard-copied","clipboard","close","comp","compare","copy","data-dimentions","delete","drag-dots","edit","error","export","filter-2","filter","help","import","info","link-arrow","link","loading","lock","maximize","minimize","minus","more-horizontal","open","pause","play","required","restart","settings-2","sort","sorter","stop","success","warning","x-axis","y-axis","zip"],yu=["add-layer","add","annotate","annotation","area","arrow-down","arrow-left","arrow-right","arrow-up","axes","bar-error","bar-trend","bar","bindot","box-dot","boxplot-1","boxplot-binned","boxplot-jitter","boxplot-notched","boxplot","bubble","canvas","checkbox","checkmark","chevron-down","chevron-left","chevron-right","chevron-sort","chevron-up","clipboard-copied","clipboard","close","cloud-down","cloud-offline","cloud-online","cloud-up","code-2","code","color","columns","connected-points","copy","cpu","cross-bars","dark-mode","delete-bin","delete","dendrogram-X-1","dendrogram-X","dendrogram-Y-1","dendrogram-Y","dna","download-files","duplicate","edit","error-bar","error","expand-left","expand-right","export-2","export","external-link","fill-color","filter-on","filter","filters-gate","fire-tips","folder-parent","frame-type","generate","graph","heatmap","help","hide","import-2","import-download","info-circle-outline","jitter","layers","learn","legend","light-mode","line-binned","line-error","line-jitter","line","linetype","link-disabled","link","loading","local","logout","menu","minus","more-horizontal","outlier-shape","paper-clip","pin","position","progress-2","progress","publications","radio-btn","restart","reverse","rotation","save","search","server-2","settings-2","show","sina","skatterplot","social-media","sort","stacked-bar","statistics","strip-plot","stroke-non","stroke","success","table-upload","table","template","title-position","upload-files","venn","violin-binned","violin-jitter","violin","warning","wetlab","zoom-in"],ku={allCssVariables:hu(),icons16:mu,icons24:fu};V.ContextProvider=wc,V.DataTable=Rs,V.DemoData=ku,V.DropdownListItem=dt,V.GridTable=Ar,V.LongText=Zn,V.MaskIcon16=ze,V.MaskIcon24=be,V.PlAlert=dl,V.PlBlockPage=Ks,V.PlBtnAccent=fl,V.PlBtnDanger=gl,V.PlBtnGhost=vn,V.PlBtnGroup=Il,V.PlBtnLink=_l,V.PlBtnPrimary=Sn,V.PlBtnSecondary=Dn,V.PlCheckbox=gi,V.PlCheckboxGroup=_i,V.PlChip=Ut,V.PlContainer=Gs,V.PlDialogModal=Hn,V.PlDropdown=Ht,V.PlDropdownLine=La,V.PlDropdownMulti=fi,V.PlDropdownRef=$a,V.PlFileDialog=Wn,V.PlFileInput=_c,V.PlGrid=ol,V.PlLogView=Wi,V.PlNumberField=Qa,V.PlProgressBar=Wa,V.PlRow=Js,V.PlSlideModal=vi,V.PlSpacer=tl,V.PlTextArea=aa,V.PlTextField=An,V.PlToggleSwitch=Ri,V.PlTooltip=Q,V.Scrollable=pu,V.Slider=vc,V.SliderRange=iu,V.SliderRangeTriple=Gc,V.ThemeSwitcher=Ls,V.animate=wn,V.animateInfinite=zr,V.call=gn,V.debounce=Vn,V.delay=yn,V.detectOutside=ia,V.eventListener=jt,V.getElementScrollPosition=Ln,V.isElementVisible=Fn,V.listToOptions=Ir,V.makeEaseInOut=Pr,V.makeEaseOut=_n,V.maskIcons16=gu,V.maskIcons24=yu,V.normalizeListOptions=xe,V.notEmpty=$t,V.randomInt=bn,V.randomString=Rr,V.requestTick=St,V.scrollIntoView=it,V.showContextMenu=Mt,V.throttle=Dt,V.timeout=kn,V.useClickOutside=at,V.useDraggable=Ac,V.useEventListener=W,V.useFormState=zc,V.useHover=Tt,V.useInterval=Pc,V.useLabelNotch=ke,V.useLocalStorage=En,V.useMouse=Nt,V.useMouseCapture=ue,V.usePosition=Mn,V.useQuery=Ic,V.useResizeObserver=ao,V.useScroll=Mc,V.useSortable=Rc,V.useTheme=Tn,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});

package/dist/src/generated/icons-24.d.ts

@@ -1 +1 @@
-export declare const maskIcons24: readonly ["add-layer", "add", "annotate", "annotation", "area", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "axes", "bar-error", "bar-trend", "bar", "bindot", "box-dot", "boxplot-1", "boxplot-binned", "boxplot-jitter", "boxplot-notched", "boxplot", "bubble", "canvas", "checkbox", "checkmark", "chevron-down", "chevron-left", "chevron-right", "chevron-sort", "chevron-up", "clipboard-copied", "clipboard", "close", "cloud-down", "cloud-offline", "cloud-online", "cloud-up", "code-2", "code", "color", "columns", "connected-points", "copy", "cpu", "cross-bars", "dark-mode", "delete", "dendrogram-X-1", "dendrogram-X", "dendrogram-Y-1", "dendrogram-Y", "dna", "download-files", "duplicate", "edit", "error-bar", "error", "expand-left", "expand-right", "export-2", "export", "external-link", "fill-color", "filter-on", "filter", "filters-gate", "fire-tips", "folder-parent", "frame-type", "generate", "graph", "heatmap", "help", "hide", "import-2", "import-download", "info-circle-outline", "jitter", "layers", "learn", "legend", "light-mode", "line-binned", "line-error", "line-jitter", "line", "linetype", "link-disabled", "link", "loading", "local", "logout", "menu", "minus", "more-horizontal", "outlier-shape", "paper-clip", "pin", "position", "progress-2", "progress", "publications", "radio-btn", "restart", "reverse", "rotation", "save", "search", "server-2", "settings-2", "show", "sina", "skatterplot", "social-media", "sort", "stacked-bar", "statistics", "strip-plot", "stroke-non", "stroke", "success", "table-upload", "table", "template", "title-position", "upload-files", "venn", "violin-binned", "violin-jitter", "violin", "warning", "wetlab", "zoom-in"];
+export declare const maskIcons24: readonly ["add-layer", "add", "annotate", "annotation", "area", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "axes", "bar-error", "bar-trend", "bar", "bindot", "box-dot", "boxplot-1", "boxplot-binned", "boxplot-jitter", "boxplot-notched", "boxplot", "bubble", "canvas", "checkbox", "checkmark", "chevron-down", "chevron-left", "chevron-right", "chevron-sort", "chevron-up", "clipboard-copied", "clipboard", "close", "cloud-down", "cloud-offline", "cloud-online", "cloud-up", "code-2", "code", "color", "columns", "connected-points", "copy", "cpu", "cross-bars", "dark-mode", "delete-bin", "delete", "dendrogram-X-1", "dendrogram-X", "dendrogram-Y-1", "dendrogram-Y", "dna", "download-files", "duplicate", "edit", "error-bar", "error", "expand-left", "expand-right", "export-2", "export", "external-link", "fill-color", "filter-on", "filter", "filters-gate", "fire-tips", "folder-parent", "frame-type", "generate", "graph", "heatmap", "help", "hide", "import-2", "import-download", "info-circle-outline", "jitter", "layers", "learn", "legend", "light-mode", "line-binned", "line-error", "line-jitter", "line", "linetype", "link-disabled", "link", "loading", "local", "logout", "menu", "minus", "more-horizontal", "outlier-shape", "paper-clip", "pin", "position", "progress-2", "progress", "publications", "radio-btn", "restart", "reverse", "rotation", "save", "search", "server-2", "settings-2", "show", "sina", "skatterplot", "social-media", "sort", "stacked-bar", "statistics", "strip-plot", "stroke-non", "stroke", "success", "table-upload", "table", "template", "title-position", "upload-files", "venn", "violin-binned", "violin-jitter", "violin", "warning", "wetlab", "zoom-in"];

package/dist/src/index.d.ts

@@ -196,6 +196,7 @@ declare const DemoData: {
         cpu: string;
         "cross-bars": string;
         "dark-mode": string;
+        "delete-bin": string;
         delete: string;
         "dendrogram-X-1": string;
         "dendrogram-X": string;