@platforma-sdk/ui-vue 1.7.31 → 1.7.32

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @platforma-sdk/ui-vue
 
+## 1.7.32
+
+### Patch Changes
+
+- Updated dependencies [7c9d23c]
+  - @milaboratories/uikit@2.0.1
+
 ## 1.7.31
 
 ### Patch Changes

package/dist/lib.js

@@ -11944,6 +11944,7 @@ const EO = { class: "ui-slider__wrapper" }, OO = { class: "ui-slider__label-sect
   cpu: HA,
   "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",
@@ -12450,6 +12451,7 @@ const E3 = [
   "cpu",
   "cross-bars",
   "dark-mode",
+  "delete-bin",
   "delete",
   "dendrogram-X-1",
   "dendrogram-X",

package/dist/lib.umd.cjs

@@ -18,7 +18,7 @@
         black ${T}px,
         black ${B}px,
         transparent 100%
-      )`}function c(){const u=i.value;if(!u)return;const p=[a(u),s(u)].filter(h=>h!==null);u.style.setProperty("-webkit-mask-image",p.join(",")),u.style.setProperty("mask-image",p.join(",")),p.length>1&&(u.style.setProperty("-webkit-mask-composite","source-in"),u.style.setProperty("mask-composite","source-in"))}const d=Ps(c);n.onMounted(c),Ge(window,"scroll",d,!0),Ge(window,"resize",d,!0)}function hu(i,e){Fd(()=>{at(n.unref(i),t=>{$d(t,()=>e(t))})}),n.onUnmounted(()=>{at(n.unref(i),t=>{zd(t)})})}const rr={item:"sortable__item",animate:"sortable__animate"},co=i=>i.getBoundingClientRect().y,mu=i=>{const{y:e,height:t}=i.getBoundingClientRect();return e+Math.ceil(t/2)},d1=i=>{const{y:e,height:t}=i.getBoundingClientRect();return e+t};function u1(i,e){const t={item:void 0,options(){var B;return[...((B=i.value)==null?void 0:B.children)??[]]}},a=n.computed(()=>t.options()),s=e.shakeBuffer??10,c=e.reorderDelay??100;function d(B){const O=e.handle?this.querySelector(e.handle):null;O&&!O.contains(B.target)||(this.classList.remove(rr.animate),this.classList.add(rr.item),t.item={el:this,y:B.y,dy:0,orderChanged:!1})}function u(B){const O=t.options();return O.slice(0,O.indexOf(B))}function p(B){const O=t.options();return O.slice(O.indexOf(B)+1)}function h(B,O){const C=t.options().filter(b=>b!==O),A=C.indexOf(B);return C.splice(A,0,O),C}function g(B,O){const C=t.options().filter(b=>b!==O),A=C.indexOf(B);return C.splice(A+1,0,O),C}function v(B,O){B.dy=O-B.y,B.el.style.setProperty("transform",`translateY(${B.dy}px)`)}function T(B){var O;if(!t.item)return;const{el:C}=t.item;if(!C.isConnected){t.item=void 0;return}const A=B.map(U=>co(U)),b=co(C);(O=i.value)==null||O.replaceChildren(...B);const D=co(C),$=B.map(U=>co(U)),j=[];for(let U=0;U<$.length;U++){const N=B[U];if(N===t.item.el)continue;const S=$[U],M=A[U]-S;N.style.transform=`translateY(${M}px)`,j.push(N)}const P=D-b;t.item.y=t.item.y+P,t.item.dy=t.item.dy-P,t.item.orderChanged=!0,t.item.el.style.setProperty("transform",`translateY(${t.item.dy}px)`),j.forEach(U=>U.classList.remove(rr.animate)),requestAnimationFrame(function(){j.forEach(U=>{U.classList.add(rr.animate),U.style.transform="",U.addEventListener("transitionend",()=>{U.classList.remove(rr.animate)})})})}Ge(window,"mousemove",B=>{if(!t.item)return;const{el:O}=t.item;v(t.item,B.y);const C=co(t.item.el),A=d1(t.item.el),b=u(O),D=p(O);b.forEach($=>{const j=mu($);C+s<j&&T(h($,O))}),D.forEach($=>{const j=mu($);A-s>j&&T(g($,O))})}),Ge(window,"mouseup",()=>{if(!t.item)return;const{el:B,orderChanged:O}=t.item;B.classList.add(rr.animate),B.style.removeProperty("transform"),B.addEventListener("transitionend",()=>{B.classList.remove(rr.animate,rr.item)}),setTimeout(()=>{if(!O)return;const C=t.options().map(b=>Number(b.getAttribute("data-index"))),A=i.value;if(A){for(const b of t.options())A.removeChild(b);a.value.forEach(b=>{A.appendChild(b)})}e.onChange(C)},c),t.item=void 0}),n.watchEffect(()=>{a.value.forEach((B,O)=>{B.removeEventListener("mousedown",d),B.addEventListener("mousedown",d),B.setAttribute("data-index",String(O))})})}function f1(i,e){let t;n.onMounted(()=>{t=setInterval(i,e)}),n.onUnmounted(()=>clearInterval(t))}function p1(i,e,t){const a=n.reactive({data:As.deepClone(e(i.value)),changed:!1});return n.watch(()=>a.data,s=>{a.changed?t(As.deepClone(s)):a.changed=!0},{deep:!0}),n.watch(i,s=>{Object.assign(a,{data:As.deepClone(e(s)),changed:!1})},{deep:!0,immediate:!0}),a}function h1(i){const e=n.reactive({isLoading:!1,result:void 0,error:void 0,async run(...t){this.isLoading=!0,this.error=void 0;try{this.result=await i(...t)}catch(a){this.error=a}finally{this.isLoading=!1}},debounce(t,a=1e3){return wd(()=>{const s=t();this.run(...s).catch(console.error)},a)}});return e.run=e.run.bind(e),e}function m1(i,e){function t(d,u){const p=n.unref(i);if(!p)return;const h=`translate(${u.x-d.x}px, ${u.y-d.y}px)`;p.style.setProperty("transform",h),e(u)}function a(d){const u=p=>t(d,p);document.addEventListener("mousemove",u),document.addEventListener("mouseup",()=>{const p=n.unref(i);document.removeEventListener("mousemove",u),p&&(p.style.setProperty("transition","all .3s ease-in-out"),p.style.removeProperty("transform"),p.addEventListener("transitionend",()=>{p.style.removeProperty("transition")}))},{once:!0})}function s(){var d;(d=n.unref(i))==null||d.addEventListener("mousedown",a)}function c(){var d;(d=n.unref(i))==null||d.removeEventListener("mousedown",a)}n.onMounted(s),n.onUnmounted(c)}const g1={class:"ui-slider__wrapper"},y1={class:"ui-slider__label-section"},_1={key:0,class:"text-s"},w1={class:"ui-slider__base"},b1={class:"ui-slider__container"},k1={class:"ui-slider__container ui-slider__container-thumb"},v1=["data-percent"],x1=["data-percent"],C1=["data-percent"],E1={key:0,class:"ui-slider__error"},S1=n.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(i,{emit:e}){const t=n.useSlots(),a=e,s=i,c=n.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),d=n.ref(),u=n.ref(),p=n.ref(),h=n.ref(),g=n.computed(()=>s.max-s.min),v=n.computed(()=>s),T=sl(v),B=n.computed(()=>ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),O=n.computed(()=>ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),C=n.computed(()=>ht((s.modelValue[2]??0)+c.deltaValue3,s.min,s.max)),A=n.computed(()=>{const ae=s.modelValue;if(!(Array.isArray(ae)&&ae.length===3&&ae.every(Ce=>Number.isFinite(Ce))))return"Expected model [number, number, number]";const J=[];return[...s.modelValue].forEach(Ce=>{Ce>s.max&&J.push(`Max model value must be lower than max props ${s.max}.`),Ce<s.min&&J.push("Min model value must be greater than max props.")}),J.length>0?J.join(" "):s.error}),b=n.computed(()=>(B.value-s.min)/g.value),D=n.computed(()=>(O.value-s.min)/g.value),$=n.computed(()=>(C.value-s.min)/g.value),j=n.computed(()=>W()),P=n.computed(()=>({right:j.value[0]+"%",left:100-j.value[2]+"%"})),U=n.computed(()=>({right:Math.ceil((1-b.value)*100)+"%"})),N=n.computed(()=>({right:Math.ceil((1-D.value)*100)+"%"})),S=n.computed(()=>({right:Math.ceil((1-$.value)*100)+"%"}));Yn(u,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue1=Ne/Ce.width*g.value,u.value&&M(u.value,s.modelValue[0],c.deltaValue1),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue1=0)})}),Yn(p,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue2=Ne/Ce.width*g.value,p.value&&M(p.value,s.modelValue[1],c.deltaValue2),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue2=0)})}),Yn(h,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue3=Ne/Ce.width*g.value,h.value&&M(h.value,s.modelValue[2],c.deltaValue3),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue3=0)})});function M(ae,J,Ce){const Ne=F(ht((J??0)+Ce,s.min,s.max));ae.dataset.percent=`${Ne}${s.measure}`,oe()}function W(){const ae=Math.ceil((1-b.value)*100),J=Math.ceil((1-D.value)*100),Ce=Math.ceil((1-$.value)*100);return[ae,J,Ce].sort((Ne,Ar)=>Ne-Ar)}function F(ae){const J=ht(ae,s.min,s.max);return Math.round((J+Number.EPSILON)*(1/s.step))/(1/s.step)}function q(ae){a("update:modelValue",ae)}function oe(){const ae=Number(U.value.right.substring(0,U.value.right.length-1)),J=Number(N.value.right.substring(0,N.value.right.length-1)),Ce=Number(S.value.right.substring(0,S.value.right.length-1)),Ne=[{r:ae,th:u},{r:J,th:p},{r:Ce,th:h}].sort((Ar,ar)=>Ar.r-ar.r);Ne[0].th.value&&(Ne[0].th.value.dataset.hint="high"),Ne[1].th.value&&(Ne[1].th.value.dataset.hint="mid"),Ne[2].th.value&&(Ne[2].th.value.dataset.hint="low")}function de(ae,J){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(ae.code)&&ae.preventDefault();const Ce=ae.code==="ArrowUp"||ae.code==="ArrowRight"?s.step*1:ae.code==="ArrowDown"||ae.code==="ArrowLeft"?s.step*-1:0,Ne=[...s.modelValue];Ne[J]=ht(Ne[J]+Ce,s.min,s.max),q(Ne),oe()}return n.onMounted(()=>{oe()}),(ae,J)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([s.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope ui-slider__triple"])},[n.createElementVNode("div",{class:n.normalizeClass([`ui-slider__mode-${s.mode}`,"ui-slider"])},[n.createElementVNode("div",g1,[n.createElementVNode("div",y1,[ae.label?(n.openBlock(),n.createElementBlock("label",_1,[n.createElementVNode("span",null,n.toDisplayString(ae.label),1),J[3]||(J[3]=n.createTextVNode()),n.unref(t).tooltip?(n.openBlock(),n.createBlock(n.unref(Zt),{key:0,class:"info",position:"top"},{tooltip:n.withCtx(()=>[n.renderSlot(ae.$slots,"tooltip")]),_:3})):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)]),J[11]||(J[11]=n.createTextVNode()),n.createElementVNode("div",w1,[n.createElementVNode("div",b1,[n.createElementVNode("div",{ref_key:"barRef",ref:d,class:"ui-slider__bar"},[n.createElementVNode("div",{class:"ui-slider__progress",style:n.normalizeStyle(P.value)},null,4)],512)]),J[10]||(J[10]=n.createTextVNode()),n.createElementVNode("div",k1,[s.breakpoints?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(n.unref(T),(Ce,Ne)=>(n.openBlock(),n.createElementBlock("div",{key:Ne,style:n.normalizeStyle({right:`${Ce}%`}),class:"ui-slider__thumb-step"},null,4))),128)):n.createCommentVNode("",!0),J[7]||(J[7]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef1",ref:u,style:n.normalizeStyle(U.value),"data-percent":s.modelValue[0]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r1:"",tabindex:"0",onKeydown:J[0]||(J[0]=Ce=>de(Ce,0))},J[4]||(J[4]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,v1),J[8]||(J[8]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef2",ref:p,style:n.normalizeStyle(N.value),"data-percent":s.modelValue[1]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r2:"",tabindex:"0",onKeydown:J[1]||(J[1]=Ce=>de(Ce,1))},J[5]||(J[5]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,x1),J[9]||(J[9]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef3",ref:h,style:n.normalizeStyle(S.value),"data-percent":s.modelValue[2]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r3:"",tabindex:"0",onKeydown:J[2]||(J[2]=Ce=>de(Ce,2))},J[6]||(J[6]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,C1)])])]),J[12]||(J[12]=n.createTextVNode()),J[13]||(J[13]=n.createElementVNode("div",{class:"ui-slider__input-wrapper d-flex"},null,-1))],2),J[14]||(J[14]=n.createTextVNode()),A.value?(n.openBlock(),n.createElementBlock("div",E1,n.toDisplayString(A.value),1)):n.createCommentVNode("",!0)],2))}}),T1={class:"ui-input-range__separator"},V1=n.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(i,{emit:e}){const t=i,a=e,s=n.reactive({left:t.modelValue[0],right:t.modelValue[1]}),c=n.ref(!1),d=n.computed(()=>(c.value,"ui-input-range-focused")),u=n.computed({get(){return{left:Math.min(...t.modelValue),right:Math.max(...t.modelValue)}},set(){}});n.watch(()=>u.value,g=>(s.left=g.left)&&(s.right=g.right));function p(){a("update:modelValue",[+s.left,+s.right]),a("change",[+s.left,+s.right])}function h(g,v){const T=v.target.value;/^[0-9]{0,2}$/.test(T)?g?s.left=+T:s.right=+T:g?s.left=+T.slice(0,T.length-1):s.right=+T.slice(0,T.length-1)}return(g,v)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({class:[d.value,"ui-input-range"]},g.$attrs),[n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=T=>u.value.left=T),class:"text-s",type:"text",onChange:p,onFocus:v[1]||(v[1]=T=>c.value=!0),onFocusout:v[2]||(v[2]=T=>c.value=!1),onInput:v[3]||(v[3]=T=>h(!0,T))},null,544),[[n.vModelText,u.value.left]]),v[8]||(v[8]=n.createTextVNode()),n.createElementVNode("div",T1,n.toDisplayString(t.separator),1),v[9]||(v[9]=n.createTextVNode()),n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":v[4]||(v[4]=T=>u.value.right=T),class:"text-s",type:"text",onChange:p,onFocus:v[5]||(v[5]=T=>c.value=!0),onFocusout:v[6]||(v[6]=T=>c.value=!1),onInput:v[7]||(v[7]=T=>h(!1,T))},null,544),[[n.vModelText,u.value.right]])],16))}}),B1={class:"ui-slider__wrapper"},N1={class:"ui-slider__label-section"},O1={key:0,class:"text-s"},A1={key:1,class:"ui-slider__value-static text-s"},R1={class:"ui-slider__base"},D1={class:"ui-slider__container"},I1={class:"ui-slider__container ui-slider__container-thumb"},M1={class:"ui-slider__input-wrapper d-flex"},P1={key:0,class:"ui-slider__error"},L1=n.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(i,{emit:e}){const t=n.useSlots(),a=e,s=i,c=n.reactive({deltaValue1:0,deltaValue2:0}),d=n.ref(),u=n.ref(),p=n.ref(),h=n.ref(s.modelValue),g=n.ref(s.modelValue[0]),v=n.ref(s.modelValue[1]),T=n.computed(()=>s),B=sl(T),O=n.computed(()=>[g.value,v.value].sort((oe,de)=>oe-de).join("-")),C=n.computed(()=>s.max-s.min),A=n.computed(()=>ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),b=n.computed(()=>ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),D=n.computed(()=>{const oe=s.modelValue;return Array.isArray(oe)&&oe.length===2&&oe.every(de=>Number.isFinite(de))?s.error:"Expected model [number, number]"}),$=n.computed(()=>(A.value-s.min)/C.value),j=n.computed(()=>(b.value-s.min)/C.value),P=n.computed(()=>M()),U=n.computed(()=>({right:P.value[0]+"%",left:100-P.value[1]+"%"})),N=n.computed(()=>({right:Math.ceil((1-$.value)*100)+"%"})),S=n.computed(()=>({right:Math.ceil((1-j.value)*100)+"%"}));n.watch(()=>s.modelValue,oe=>{h.value=oe,g.value=+oe[0],v.value=+oe[1]},{immediate:!0}),Yn(u,oe=>{var de;at((de=n.unref(d))==null?void 0:de.getBoundingClientRect(),ae=>{const{dx:J}=oe;c.deltaValue1=J/ae.width*C.value,g.value=W(ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),h.value=[g.value,v.value].sort((Ce,Ne)=>Ce-Ne),oe.stop&&(F([W(A.value),W(b.value)]),c.deltaValue1=0)})}),Yn(p,oe=>{var de;at((de=n.unref(d))==null?void 0:de.getBoundingClientRect(),ae=>{const{dx:J}=oe;c.deltaValue2=J/ae.width*C.value,v.value=W(ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),h.value=[g.value,v.value].sort((Ce,Ne)=>Ce-Ne),oe.stop&&(F([W(A.value),W(b.value)]),c.deltaValue2=0)})});function M(){const oe=Math.ceil((1-$.value)*100),de=Math.ceil((1-j.value)*100);return[oe,de].sort((ae,J)=>ae-J)}function W(oe){const de=ht(oe,s.min,s.max);return Math.round((de+Number.EPSILON)*(1/s.step))/(1/s.step)}function F(oe){a("update:modelValue",oe)}function q(oe,de){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(oe.code)&&oe.preventDefault();const ae=oe.code==="ArrowUp"||oe.code==="ArrowRight"?s.step*1:oe.code==="ArrowDown"||oe.code==="ArrowLeft"?s.step*-1:0,J=[...s.modelValue];J[de]=ht(J[de]+ae,s.min,s.max),F(J)}return(oe,de)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([s.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope"])},[n.createElementVNode("div",{class:n.normalizeClass([`ui-slider__mode-${s.mode}`,"ui-slider"])},[n.createElementVNode("div",B1,[n.createElementVNode("div",N1,[oe.label?(n.openBlock(),n.createElementBlock("label",O1,[n.createElementVNode("span",null,n.toDisplayString(oe.label),1),de[3]||(de[3]=n.createTextVNode()),n.unref(t).tooltip?(n.openBlock(),n.createBlock(n.unref(Zt),{key:0,class:"info",position:"top"},{tooltip:n.withCtx(()=>[n.renderSlot(oe.$slots,"tooltip")]),_:3})):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),de[4]||(de[4]=n.createTextVNode()),s.mode==="text"?(n.openBlock(),n.createElementBlock("div",A1,n.toDisplayString(O.value),1)):n.createCommentVNode("",!0)]),de[10]||(de[10]=n.createTextVNode()),n.createElementVNode("div",R1,[n.createElementVNode("div",D1,[n.createElementVNode("div",{ref_key:"barRef",ref:d,class:"ui-slider__bar"},[n.createElementVNode("div",{class:"ui-slider__progress",style:n.normalizeStyle(U.value)},null,4)],512)]),de[9]||(de[9]=n.createTextVNode()),n.createElementVNode("div",I1,[s.breakpoints?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(n.unref(B),(ae,J)=>(n.openBlock(),n.createElementBlock("div",{key:J,style:n.normalizeStyle({right:`${ae}%`}),class:"ui-slider__thumb-step"},null,4))),128)):n.createCommentVNode("",!0),de[7]||(de[7]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef1",ref:u,style:n.normalizeStyle(N.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:de[0]||(de[0]=ae=>q(ae,0))},de[5]||(de[5]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36),de[8]||(de[8]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef2",ref:p,style:n.normalizeStyle(S.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:de[1]||(de[1]=ae=>q(ae,1))},de[6]||(de[6]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36)])])]),de[11]||(de[11]=n.createTextVNode()),n.createElementVNode("div",M1,[s.mode==="input"?(n.openBlock(),n.createBlock(V1,{key:0,modelValue:h.value,"onUpdate:modelValue":de[2]||(de[2]=ae=>h.value=ae),class:"ui-focused-border",onChange:F},null,8,["modelValue"])):n.createCommentVNode("",!0)])],2),de[12]||(de[12]=n.createTextVNode()),D.value?(n.openBlock(),n.createElementBlock("div",P1,n.toDisplayString(D.value),1)):n.createCommentVNode("",!0)],2))}}),F1=n.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(i,{emit:e}){const t=e,a=i,s=n.ref(),c=n.computed(()=>a.clientHeight/(a.scrollHeight||1)),d=n.computed(()=>c.value<1),u=n.computed(()=>{const p=n.unref(c);return{top:a.scrollTop*p+"px",height:Math.floor(a.clientHeight*p)+"px"}});return Ge(s,"pointerdown",p=>{const h={clientY:p.clientY},g=Ys(document,"mousemove",v=>{const T=(v.clientY-h.clientY)/c.value;t("update:scrollTop",a.scrollTop+T),h.clientY=v.clientY});["mouseup","pointercancel"].forEach(v=>{document.addEventListener(v,g,{once:!0})})}),(p,h)=>d.value?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:s,class:"v-scroll"},[n.createElementVNode("div",{class:"v-scroll__scrollbar",style:n.normalizeStyle(u.value)},null,4)],512)):n.createCommentVNode("",!0)}}),$1=n.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(i,{emit:e}){const t=e,a=i,s=n.ref(),c=n.computed(()=>a.clientWidth/(a.scrollWidth||1)),d=n.computed(()=>c.value<1),u=n.computed(()=>{const p=n.unref(c);return{left:a.scrollLeft*p+"px",width:Math.floor(a.clientWidth*p)+"px"}});return Ge(s,"pointerdown",p=>{const h={clientX:p.clientX},g=Ys(document,"mousemove",v=>{const T=(v.clientX-h.clientX)/c.value;t("update:scrollLeft",a.scrollLeft+T),h.clientX=v.clientX});["mouseup","pointercancel"].forEach(v=>{document.addEventListener(v,g,{once:!0})})}),(p,h)=>d.value?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:s,class:"h-scroll"},[n.createElementVNode("div",{class:"h-scroll__scrollbar",style:n.normalizeStyle(u.value)},null,4)],512)):n.createCommentVNode("",!0)}}),z1={class:"ui-scrollable"},Z1=n.defineComponent({__name:"Scrollable",setup(i){const e=n.ref(),t=n.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function a(u){Q_(t,u,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const s=u=>{u.preventDefault();const p=u.currentTarget;p.scrollTop+=u.deltaY,p.scrollLeft+=u.deltaX,a(p)};function c(u){at(n.unref(e),p=>{p.scrollTop=u,a(p)})}function d(u){at(n.unref(e),p=>{p.scrollLeft=u,a(p)})}return hu(e,u=>{at(u,p=>a(p))}),n.onMounted(()=>{at(n.unref(e),u=>{a(u),u.addEventListener("wheel",s)})}),n.onUnmounted(()=>{at(n.unref(e),u=>u.removeEventListener("wheel",s))}),(u,p)=>(n.openBlock(),n.createElementBlock("div",z1,[n.createElementVNode("div",{ref_key:"containerRef",ref:e,class:"ui-scrollable__container",onWheel:s},[n.renderSlot(u.$slots,"default")],544),p[2]||(p[2]=n.createTextVNode()),n.createVNode(F1,{"scroll-top":t.scrollTop,"client-height":t.clientHeight,"scroll-height":t.scrollHeight,onWheel:p[0]||(p[0]=n.withModifiers(()=>{},["stop"])),"onUpdate:scrollTop":c},null,8,["scroll-top","client-height","scroll-height"]),p[3]||(p[3]=n.createTextVNode()),n.createVNode($1,{"scroll-left":t.scrollLeft,"client-width":t.clientWidth,"scroll-width":t.scrollWidth,onWheel:p[1]||(p[1]=n.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":d},null,8,["scroll-left","client-width","scroll-width"])]))}}),U1="add.svg",j1="checkmark.svg",W1="clear.svg",H1="clipboard.svg",q1="close.svg",G1="comp.svg",K1="compare.svg",Y1="copy.svg",J1="edit.svg",X1="error.svg",Q1="filter.svg",ev="help.svg",tv="info.svg",nv="link.svg",rv="loading.svg",iv="lock.svg",ov="maximize.svg",av="minimize.svg",sv="minus.svg",lv="open.svg",cv="pause.svg",dv="play.svg",uv="required.svg",fv="restart.svg",pv="sort.svg",hv="sorter.svg",mv="stop.svg",gv="success.svg",yv="warning.svg",_v="zip.svg",wv={add:U1,"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:j1,"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:W1,"clipboard-copied":"clipboard-copied.svg",clipboard:H1,close:q1,comp:G1,compare:K1,copy:Y1,"data-dimentions":"data-dimentions.svg",delete:"delete.svg","drag-dots":"drag-dots.svg",edit:J1,error:X1,export:"export.svg","filter-2":"filter-2.svg",filter:Q1,help:ev,import:"import.svg",info:tv,"link-arrow":"link-arrow.svg",link:nv,loading:rv,lock:iv,maximize:ov,minimize:av,minus:sv,"more-horizontal":"more-horizontal.svg",open:lv,pause:cv,play:dv,required:uv,restart:fv,"settings-2":"settings-2.svg",sort:pv,sorter:hv,stop:mv,success:gv,warning:yv,"x-axis":"x-axis.svg","y-axis":"y-axis.svg",zip:_v},bv="add.svg",kv="annotate.svg",vv="annotation.svg",xv="area.svg",Cv="axes.svg",Ev="bar.svg",Sv="bindot.svg",Tv="boxplot.svg",Vv="bubble.svg",Bv="canvas.svg",Nv="checkbox.svg",Ov="checkmark.svg",Av="clipboard.svg",Rv="close.svg",Dv="code.svg",Iv="color.svg",Mv="columns.svg",Pv="copy.svg",Lv="cpu.svg",Fv="dna.svg",$v="duplicate.svg",zv="edit.svg",Zv="error.svg",Uv="filter.svg",jv="generate.svg",Wv="graph.svg",Hv="heatmap.svg",qv="help.svg",Gv="hide.svg",Kv="jitter.svg",Yv="layers.svg",Jv="learn.svg",Xv="legend.svg",Qv="line.svg",ex="linetype.svg",tx="link.svg",nx="loading.svg",rx="local.svg",ix="logout.svg",ox="menu.svg",ax="minus.svg",sx="pin.svg",lx="position.svg",cx="progress.svg",dx="publications.svg",ux="restart.svg",fx="reverse.svg",px="rotation.svg",hx="save.svg",mx="search.svg",gx="show.svg",yx="sina.svg",_x="skatterplot.svg",wx="sort.svg",bx="statistics.svg",kx="stroke.svg",vx="success.svg",xx="table.svg",Cx="template.svg",Ex="venn.svg",Sx="violin.svg",Tx="warning.svg",Vx="wetlab.svg",Bx={"add-layer":"add-layer.svg",add:bv,annotate:kv,annotation:vv,area:xv,"arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg",axes:Cv,"bar-error":"bar-error.svg","bar-trend":"bar-trend.svg",bar:Ev,bindot:Sv,"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:Tv,bubble:Vv,canvas:Bv,checkbox:Nv,checkmark:Ov,"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:Av,close:Rv,"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:Dv,color:Iv,columns:Mv,"connected-points":"connected-points.svg",copy:Pv,cpu:Lv,"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:Fv,"download-files":"download-files.svg",duplicate:$v,edit:zv,"error-bar":"error-bar.svg",error:Zv,"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:Uv,"filters-gate":"filters-gate.svg","fire-tips":"fire-tips.svg","folder-parent":"folder-parent.svg","frame-type":"frame-type.svg",generate:jv,graph:Wv,heatmap:Hv,help:qv,hide:Gv,"import-2":"import-2.svg","import-download":"import-download.svg","info-circle-outline":"info-circle-outline.svg",jitter:Kv,layers:Yv,learn:Jv,legend:Xv,"light-mode":"light-mode.svg","line-binned":"line-binned.svg","line-error":"line-error.svg","line-jitter":"line-jitter.svg",line:Qv,linetype:ex,"link-disabled":"link-disabled.svg",link:tx,loading:nx,local:rx,logout:ix,menu:ox,minus:ax,"more-horizontal":"more-horizontal.svg","outlier-shape":"outlier-shape.svg","paper-clip":"paper-clip.svg",pin:sx,position:lx,"progress-2":"progress-2.svg",progress:cx,publications:dx,"radio-btn":"radio-btn.svg",restart:ux,reverse:fx,rotation:px,save:hx,search:mx,"server-2":"server-2.svg","settings-2":"settings-2.svg",show:gx,sina:yx,skatterplot:_x,"social-media":"social-media.svg",sort:wx,"stacked-bar":"stacked-bar.svg",statistics:bx,"strip-plot":"strip-plot.svg","stroke-non":"stroke-non.svg",stroke:kx,success:vx,"table-upload":"table-upload.svg",table:xx,template:Cx,"title-position":"title-position.svg","upload-files":"upload-files.svg",venn:Ex,"violin-binned":"violin-binned.svg","violin-jitter":"violin-jitter.svg",violin:Sx,warning:Tx,wetlab:Vx,"zoom-in":"zoom-in.svg"};function Nx(){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 Ox=["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"],Ax=["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"],Rx={allCssVariables:Nx(),icons16:wv,icons24:Bx},Dx={class:"block__not-found"},Ix=n.defineComponent({__name:"NotFound",setup(i){const t=Ss().useApp(),a=()=>{t.updateNavigationState(s=>{s.href="/"})};return(s,c)=>(n.openBlock(),n.createElementBlock("div",Dx,[n.createElementVNode("h1",null,"Not found route: "+n.toDisplayString(n.unref(t).snapshot.navigationState.href),1),n.createVNode(n.unref(Hs),{onClick:n.withModifiers(a,["stop"])},{default:n.withCtx(()=>c[0]||(c[0]=[n.createTextVNode("Return to main page")])),_:1})]))}}),ll=(i,e)=>{const t=i.__vccOpts||i;for(const[a,s]of e)t[a]=s;return t},Mx={},Px={class:"block__loader-page"};function Lx(i,e){return n.openBlock(),n.createElementBlock("div",Px,e[0]||(e[0]=[n.createElementVNode("div",{class:"loader-container"},[n.createElementVNode("i",{class:"mask-24 mask-loading loader-icon"})],-1)]))}const Fx=ll(Mx,[["render",Lx]]),$x={class:"block block__layout"},zx={key:0},Zx=n.defineComponent({__name:"BlockLayout",setup(i){const e=Ss(),t=c=>{try{return new URL(c,"http://dummy").pathname}catch{console.error("Invalid href",c);return}},a=n.computed(()=>e.loaded?e.useApp().href:void 0),s=n.computed(()=>{if(e.loaded){const c=e.useApp(),d=t(c.snapshot.navigationState.href);return d?c.routes[d]:void 0}});return(c,d)=>(n.openBlock(),n.createElementBlock("div",$x,[n.unref(e).error?(n.openBlock(),n.createElementBlock("div",zx,n.toDisplayString(n.unref(e).error),1)):n.unref(e).loaded?s.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.value),{key:a.value})):(n.openBlock(),n.createBlock(Ix,{key:3})):(n.openBlock(),n.createBlock(Fx,{key:1},{default:n.withCtx(()=>d[0]||(d[0]=[n.createTextVNode("Loading...")])),_:1}))]))}});var ua={exports:{}};/**
+      )`}function c(){const u=i.value;if(!u)return;const p=[a(u),s(u)].filter(h=>h!==null);u.style.setProperty("-webkit-mask-image",p.join(",")),u.style.setProperty("mask-image",p.join(",")),p.length>1&&(u.style.setProperty("-webkit-mask-composite","source-in"),u.style.setProperty("mask-composite","source-in"))}const d=Ps(c);n.onMounted(c),Ge(window,"scroll",d,!0),Ge(window,"resize",d,!0)}function hu(i,e){Fd(()=>{at(n.unref(i),t=>{$d(t,()=>e(t))})}),n.onUnmounted(()=>{at(n.unref(i),t=>{zd(t)})})}const rr={item:"sortable__item",animate:"sortable__animate"},co=i=>i.getBoundingClientRect().y,mu=i=>{const{y:e,height:t}=i.getBoundingClientRect();return e+Math.ceil(t/2)},d1=i=>{const{y:e,height:t}=i.getBoundingClientRect();return e+t};function u1(i,e){const t={item:void 0,options(){var B;return[...((B=i.value)==null?void 0:B.children)??[]]}},a=n.computed(()=>t.options()),s=e.shakeBuffer??10,c=e.reorderDelay??100;function d(B){const O=e.handle?this.querySelector(e.handle):null;O&&!O.contains(B.target)||(this.classList.remove(rr.animate),this.classList.add(rr.item),t.item={el:this,y:B.y,dy:0,orderChanged:!1})}function u(B){const O=t.options();return O.slice(0,O.indexOf(B))}function p(B){const O=t.options();return O.slice(O.indexOf(B)+1)}function h(B,O){const C=t.options().filter(b=>b!==O),A=C.indexOf(B);return C.splice(A,0,O),C}function g(B,O){const C=t.options().filter(b=>b!==O),A=C.indexOf(B);return C.splice(A+1,0,O),C}function v(B,O){B.dy=O-B.y,B.el.style.setProperty("transform",`translateY(${B.dy}px)`)}function T(B){var O;if(!t.item)return;const{el:C}=t.item;if(!C.isConnected){t.item=void 0;return}const A=B.map(U=>co(U)),b=co(C);(O=i.value)==null||O.replaceChildren(...B);const D=co(C),$=B.map(U=>co(U)),j=[];for(let U=0;U<$.length;U++){const N=B[U];if(N===t.item.el)continue;const S=$[U],M=A[U]-S;N.style.transform=`translateY(${M}px)`,j.push(N)}const P=D-b;t.item.y=t.item.y+P,t.item.dy=t.item.dy-P,t.item.orderChanged=!0,t.item.el.style.setProperty("transform",`translateY(${t.item.dy}px)`),j.forEach(U=>U.classList.remove(rr.animate)),requestAnimationFrame(function(){j.forEach(U=>{U.classList.add(rr.animate),U.style.transform="",U.addEventListener("transitionend",()=>{U.classList.remove(rr.animate)})})})}Ge(window,"mousemove",B=>{if(!t.item)return;const{el:O}=t.item;v(t.item,B.y);const C=co(t.item.el),A=d1(t.item.el),b=u(O),D=p(O);b.forEach($=>{const j=mu($);C+s<j&&T(h($,O))}),D.forEach($=>{const j=mu($);A-s>j&&T(g($,O))})}),Ge(window,"mouseup",()=>{if(!t.item)return;const{el:B,orderChanged:O}=t.item;B.classList.add(rr.animate),B.style.removeProperty("transform"),B.addEventListener("transitionend",()=>{B.classList.remove(rr.animate,rr.item)}),setTimeout(()=>{if(!O)return;const C=t.options().map(b=>Number(b.getAttribute("data-index"))),A=i.value;if(A){for(const b of t.options())A.removeChild(b);a.value.forEach(b=>{A.appendChild(b)})}e.onChange(C)},c),t.item=void 0}),n.watchEffect(()=>{a.value.forEach((B,O)=>{B.removeEventListener("mousedown",d),B.addEventListener("mousedown",d),B.setAttribute("data-index",String(O))})})}function f1(i,e){let t;n.onMounted(()=>{t=setInterval(i,e)}),n.onUnmounted(()=>clearInterval(t))}function p1(i,e,t){const a=n.reactive({data:As.deepClone(e(i.value)),changed:!1});return n.watch(()=>a.data,s=>{a.changed?t(As.deepClone(s)):a.changed=!0},{deep:!0}),n.watch(i,s=>{Object.assign(a,{data:As.deepClone(e(s)),changed:!1})},{deep:!0,immediate:!0}),a}function h1(i){const e=n.reactive({isLoading:!1,result:void 0,error:void 0,async run(...t){this.isLoading=!0,this.error=void 0;try{this.result=await i(...t)}catch(a){this.error=a}finally{this.isLoading=!1}},debounce(t,a=1e3){return wd(()=>{const s=t();this.run(...s).catch(console.error)},a)}});return e.run=e.run.bind(e),e}function m1(i,e){function t(d,u){const p=n.unref(i);if(!p)return;const h=`translate(${u.x-d.x}px, ${u.y-d.y}px)`;p.style.setProperty("transform",h),e(u)}function a(d){const u=p=>t(d,p);document.addEventListener("mousemove",u),document.addEventListener("mouseup",()=>{const p=n.unref(i);document.removeEventListener("mousemove",u),p&&(p.style.setProperty("transition","all .3s ease-in-out"),p.style.removeProperty("transform"),p.addEventListener("transitionend",()=>{p.style.removeProperty("transition")}))},{once:!0})}function s(){var d;(d=n.unref(i))==null||d.addEventListener("mousedown",a)}function c(){var d;(d=n.unref(i))==null||d.removeEventListener("mousedown",a)}n.onMounted(s),n.onUnmounted(c)}const g1={class:"ui-slider__wrapper"},y1={class:"ui-slider__label-section"},_1={key:0,class:"text-s"},w1={class:"ui-slider__base"},b1={class:"ui-slider__container"},k1={class:"ui-slider__container ui-slider__container-thumb"},v1=["data-percent"],x1=["data-percent"],C1=["data-percent"],E1={key:0,class:"ui-slider__error"},S1=n.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(i,{emit:e}){const t=n.useSlots(),a=e,s=i,c=n.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),d=n.ref(),u=n.ref(),p=n.ref(),h=n.ref(),g=n.computed(()=>s.max-s.min),v=n.computed(()=>s),T=sl(v),B=n.computed(()=>ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),O=n.computed(()=>ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),C=n.computed(()=>ht((s.modelValue[2]??0)+c.deltaValue3,s.min,s.max)),A=n.computed(()=>{const ae=s.modelValue;if(!(Array.isArray(ae)&&ae.length===3&&ae.every(Ce=>Number.isFinite(Ce))))return"Expected model [number, number, number]";const J=[];return[...s.modelValue].forEach(Ce=>{Ce>s.max&&J.push(`Max model value must be lower than max props ${s.max}.`),Ce<s.min&&J.push("Min model value must be greater than max props.")}),J.length>0?J.join(" "):s.error}),b=n.computed(()=>(B.value-s.min)/g.value),D=n.computed(()=>(O.value-s.min)/g.value),$=n.computed(()=>(C.value-s.min)/g.value),j=n.computed(()=>W()),P=n.computed(()=>({right:j.value[0]+"%",left:100-j.value[2]+"%"})),U=n.computed(()=>({right:Math.ceil((1-b.value)*100)+"%"})),N=n.computed(()=>({right:Math.ceil((1-D.value)*100)+"%"})),S=n.computed(()=>({right:Math.ceil((1-$.value)*100)+"%"}));Yn(u,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue1=Ne/Ce.width*g.value,u.value&&M(u.value,s.modelValue[0],c.deltaValue1),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue1=0)})}),Yn(p,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue2=Ne/Ce.width*g.value,p.value&&M(p.value,s.modelValue[1],c.deltaValue2),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue2=0)})}),Yn(h,ae=>{var J;at((J=n.unref(d))==null?void 0:J.getBoundingClientRect(),Ce=>{const{dx:Ne}=ae;c.deltaValue3=Ne/Ce.width*g.value,h.value&&M(h.value,s.modelValue[2],c.deltaValue3),ae.stop&&(q([F(B.value),F(O.value),F(C.value)]),c.deltaValue3=0)})});function M(ae,J,Ce){const Ne=F(ht((J??0)+Ce,s.min,s.max));ae.dataset.percent=`${Ne}${s.measure}`,oe()}function W(){const ae=Math.ceil((1-b.value)*100),J=Math.ceil((1-D.value)*100),Ce=Math.ceil((1-$.value)*100);return[ae,J,Ce].sort((Ne,Ar)=>Ne-Ar)}function F(ae){const J=ht(ae,s.min,s.max);return Math.round((J+Number.EPSILON)*(1/s.step))/(1/s.step)}function q(ae){a("update:modelValue",ae)}function oe(){const ae=Number(U.value.right.substring(0,U.value.right.length-1)),J=Number(N.value.right.substring(0,N.value.right.length-1)),Ce=Number(S.value.right.substring(0,S.value.right.length-1)),Ne=[{r:ae,th:u},{r:J,th:p},{r:Ce,th:h}].sort((Ar,ar)=>Ar.r-ar.r);Ne[0].th.value&&(Ne[0].th.value.dataset.hint="high"),Ne[1].th.value&&(Ne[1].th.value.dataset.hint="mid"),Ne[2].th.value&&(Ne[2].th.value.dataset.hint="low")}function de(ae,J){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(ae.code)&&ae.preventDefault();const Ce=ae.code==="ArrowUp"||ae.code==="ArrowRight"?s.step*1:ae.code==="ArrowDown"||ae.code==="ArrowLeft"?s.step*-1:0,Ne=[...s.modelValue];Ne[J]=ht(Ne[J]+Ce,s.min,s.max),q(Ne),oe()}return n.onMounted(()=>{oe()}),(ae,J)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([s.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope ui-slider__triple"])},[n.createElementVNode("div",{class:n.normalizeClass([`ui-slider__mode-${s.mode}`,"ui-slider"])},[n.createElementVNode("div",g1,[n.createElementVNode("div",y1,[ae.label?(n.openBlock(),n.createElementBlock("label",_1,[n.createElementVNode("span",null,n.toDisplayString(ae.label),1),J[3]||(J[3]=n.createTextVNode()),n.unref(t).tooltip?(n.openBlock(),n.createBlock(n.unref(Zt),{key:0,class:"info",position:"top"},{tooltip:n.withCtx(()=>[n.renderSlot(ae.$slots,"tooltip")]),_:3})):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)]),J[11]||(J[11]=n.createTextVNode()),n.createElementVNode("div",w1,[n.createElementVNode("div",b1,[n.createElementVNode("div",{ref_key:"barRef",ref:d,class:"ui-slider__bar"},[n.createElementVNode("div",{class:"ui-slider__progress",style:n.normalizeStyle(P.value)},null,4)],512)]),J[10]||(J[10]=n.createTextVNode()),n.createElementVNode("div",k1,[s.breakpoints?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(n.unref(T),(Ce,Ne)=>(n.openBlock(),n.createElementBlock("div",{key:Ne,style:n.normalizeStyle({right:`${Ce}%`}),class:"ui-slider__thumb-step"},null,4))),128)):n.createCommentVNode("",!0),J[7]||(J[7]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef1",ref:u,style:n.normalizeStyle(U.value),"data-percent":s.modelValue[0]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r1:"",tabindex:"0",onKeydown:J[0]||(J[0]=Ce=>de(Ce,0))},J[4]||(J[4]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,v1),J[8]||(J[8]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef2",ref:p,style:n.normalizeStyle(N.value),"data-percent":s.modelValue[1]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r2:"",tabindex:"0",onKeydown:J[1]||(J[1]=Ce=>de(Ce,1))},J[5]||(J[5]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,x1),J[9]||(J[9]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef3",ref:h,style:n.normalizeStyle(S.value),"data-percent":s.modelValue[2]+"%",class:"ui-slider__thumb ui-slider__triple-thumb",r3:"",tabindex:"0",onKeydown:J[2]||(J[2]=Ce=>de(Ce,2))},J[6]||(J[6]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),44,C1)])])]),J[12]||(J[12]=n.createTextVNode()),J[13]||(J[13]=n.createElementVNode("div",{class:"ui-slider__input-wrapper d-flex"},null,-1))],2),J[14]||(J[14]=n.createTextVNode()),A.value?(n.openBlock(),n.createElementBlock("div",E1,n.toDisplayString(A.value),1)):n.createCommentVNode("",!0)],2))}}),T1={class:"ui-input-range__separator"},V1=n.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(i,{emit:e}){const t=i,a=e,s=n.reactive({left:t.modelValue[0],right:t.modelValue[1]}),c=n.ref(!1),d=n.computed(()=>(c.value,"ui-input-range-focused")),u=n.computed({get(){return{left:Math.min(...t.modelValue),right:Math.max(...t.modelValue)}},set(){}});n.watch(()=>u.value,g=>(s.left=g.left)&&(s.right=g.right));function p(){a("update:modelValue",[+s.left,+s.right]),a("change",[+s.left,+s.right])}function h(g,v){const T=v.target.value;/^[0-9]{0,2}$/.test(T)?g?s.left=+T:s.right=+T:g?s.left=+T.slice(0,T.length-1):s.right=+T.slice(0,T.length-1)}return(g,v)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({class:[d.value,"ui-input-range"]},g.$attrs),[n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=T=>u.value.left=T),class:"text-s",type:"text",onChange:p,onFocus:v[1]||(v[1]=T=>c.value=!0),onFocusout:v[2]||(v[2]=T=>c.value=!1),onInput:v[3]||(v[3]=T=>h(!0,T))},null,544),[[n.vModelText,u.value.left]]),v[8]||(v[8]=n.createTextVNode()),n.createElementVNode("div",T1,n.toDisplayString(t.separator),1),v[9]||(v[9]=n.createTextVNode()),n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":v[4]||(v[4]=T=>u.value.right=T),class:"text-s",type:"text",onChange:p,onFocus:v[5]||(v[5]=T=>c.value=!0),onFocusout:v[6]||(v[6]=T=>c.value=!1),onInput:v[7]||(v[7]=T=>h(!1,T))},null,544),[[n.vModelText,u.value.right]])],16))}}),B1={class:"ui-slider__wrapper"},N1={class:"ui-slider__label-section"},O1={key:0,class:"text-s"},A1={key:1,class:"ui-slider__value-static text-s"},R1={class:"ui-slider__base"},D1={class:"ui-slider__container"},I1={class:"ui-slider__container ui-slider__container-thumb"},M1={class:"ui-slider__input-wrapper d-flex"},P1={key:0,class:"ui-slider__error"},L1=n.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(i,{emit:e}){const t=n.useSlots(),a=e,s=i,c=n.reactive({deltaValue1:0,deltaValue2:0}),d=n.ref(),u=n.ref(),p=n.ref(),h=n.ref(s.modelValue),g=n.ref(s.modelValue[0]),v=n.ref(s.modelValue[1]),T=n.computed(()=>s),B=sl(T),O=n.computed(()=>[g.value,v.value].sort((oe,de)=>oe-de).join("-")),C=n.computed(()=>s.max-s.min),A=n.computed(()=>ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),b=n.computed(()=>ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),D=n.computed(()=>{const oe=s.modelValue;return Array.isArray(oe)&&oe.length===2&&oe.every(de=>Number.isFinite(de))?s.error:"Expected model [number, number]"}),$=n.computed(()=>(A.value-s.min)/C.value),j=n.computed(()=>(b.value-s.min)/C.value),P=n.computed(()=>M()),U=n.computed(()=>({right:P.value[0]+"%",left:100-P.value[1]+"%"})),N=n.computed(()=>({right:Math.ceil((1-$.value)*100)+"%"})),S=n.computed(()=>({right:Math.ceil((1-j.value)*100)+"%"}));n.watch(()=>s.modelValue,oe=>{h.value=oe,g.value=+oe[0],v.value=+oe[1]},{immediate:!0}),Yn(u,oe=>{var de;at((de=n.unref(d))==null?void 0:de.getBoundingClientRect(),ae=>{const{dx:J}=oe;c.deltaValue1=J/ae.width*C.value,g.value=W(ht((s.modelValue[0]??0)+c.deltaValue1,s.min,s.max)),h.value=[g.value,v.value].sort((Ce,Ne)=>Ce-Ne),oe.stop&&(F([W(A.value),W(b.value)]),c.deltaValue1=0)})}),Yn(p,oe=>{var de;at((de=n.unref(d))==null?void 0:de.getBoundingClientRect(),ae=>{const{dx:J}=oe;c.deltaValue2=J/ae.width*C.value,v.value=W(ht((s.modelValue[1]??0)+c.deltaValue2,s.min,s.max)),h.value=[g.value,v.value].sort((Ce,Ne)=>Ce-Ne),oe.stop&&(F([W(A.value),W(b.value)]),c.deltaValue2=0)})});function M(){const oe=Math.ceil((1-$.value)*100),de=Math.ceil((1-j.value)*100);return[oe,de].sort((ae,J)=>ae-J)}function W(oe){const de=ht(oe,s.min,s.max);return Math.round((de+Number.EPSILON)*(1/s.step))/(1/s.step)}function F(oe){a("update:modelValue",oe)}function q(oe,de){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(oe.code)&&oe.preventDefault();const ae=oe.code==="ArrowUp"||oe.code==="ArrowRight"?s.step*1:oe.code==="ArrowDown"||oe.code==="ArrowLeft"?s.step*-1:0,J=[...s.modelValue];J[de]=ht(J[de]+ae,s.min,s.max),F(J)}return(oe,de)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([s.disabled?"ui-slider__disabled":void 0,"ui-slider__envelope"])},[n.createElementVNode("div",{class:n.normalizeClass([`ui-slider__mode-${s.mode}`,"ui-slider"])},[n.createElementVNode("div",B1,[n.createElementVNode("div",N1,[oe.label?(n.openBlock(),n.createElementBlock("label",O1,[n.createElementVNode("span",null,n.toDisplayString(oe.label),1),de[3]||(de[3]=n.createTextVNode()),n.unref(t).tooltip?(n.openBlock(),n.createBlock(n.unref(Zt),{key:0,class:"info",position:"top"},{tooltip:n.withCtx(()=>[n.renderSlot(oe.$slots,"tooltip")]),_:3})):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),de[4]||(de[4]=n.createTextVNode()),s.mode==="text"?(n.openBlock(),n.createElementBlock("div",A1,n.toDisplayString(O.value),1)):n.createCommentVNode("",!0)]),de[10]||(de[10]=n.createTextVNode()),n.createElementVNode("div",R1,[n.createElementVNode("div",D1,[n.createElementVNode("div",{ref_key:"barRef",ref:d,class:"ui-slider__bar"},[n.createElementVNode("div",{class:"ui-slider__progress",style:n.normalizeStyle(U.value)},null,4)],512)]),de[9]||(de[9]=n.createTextVNode()),n.createElementVNode("div",I1,[s.breakpoints?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(n.unref(B),(ae,J)=>(n.openBlock(),n.createElementBlock("div",{key:J,style:n.normalizeStyle({right:`${ae}%`}),class:"ui-slider__thumb-step"},null,4))),128)):n.createCommentVNode("",!0),de[7]||(de[7]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef1",ref:u,style:n.normalizeStyle(N.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:de[0]||(de[0]=ae=>q(ae,0))},de[5]||(de[5]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36),de[8]||(de[8]=n.createTextVNode()),n.createElementVNode("div",{ref_key:"thumbRef2",ref:p,style:n.normalizeStyle(S.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:de[1]||(de[1]=ae=>q(ae,1))},de[6]||(de[6]=[n.createElementVNode("div",{class:"ui-slider__thumb-focused-contour"},null,-1)]),36)])])]),de[11]||(de[11]=n.createTextVNode()),n.createElementVNode("div",M1,[s.mode==="input"?(n.openBlock(),n.createBlock(V1,{key:0,modelValue:h.value,"onUpdate:modelValue":de[2]||(de[2]=ae=>h.value=ae),class:"ui-focused-border",onChange:F},null,8,["modelValue"])):n.createCommentVNode("",!0)])],2),de[12]||(de[12]=n.createTextVNode()),D.value?(n.openBlock(),n.createElementBlock("div",P1,n.toDisplayString(D.value),1)):n.createCommentVNode("",!0)],2))}}),F1=n.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(i,{emit:e}){const t=e,a=i,s=n.ref(),c=n.computed(()=>a.clientHeight/(a.scrollHeight||1)),d=n.computed(()=>c.value<1),u=n.computed(()=>{const p=n.unref(c);return{top:a.scrollTop*p+"px",height:Math.floor(a.clientHeight*p)+"px"}});return Ge(s,"pointerdown",p=>{const h={clientY:p.clientY},g=Ys(document,"mousemove",v=>{const T=(v.clientY-h.clientY)/c.value;t("update:scrollTop",a.scrollTop+T),h.clientY=v.clientY});["mouseup","pointercancel"].forEach(v=>{document.addEventListener(v,g,{once:!0})})}),(p,h)=>d.value?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:s,class:"v-scroll"},[n.createElementVNode("div",{class:"v-scroll__scrollbar",style:n.normalizeStyle(u.value)},null,4)],512)):n.createCommentVNode("",!0)}}),$1=n.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(i,{emit:e}){const t=e,a=i,s=n.ref(),c=n.computed(()=>a.clientWidth/(a.scrollWidth||1)),d=n.computed(()=>c.value<1),u=n.computed(()=>{const p=n.unref(c);return{left:a.scrollLeft*p+"px",width:Math.floor(a.clientWidth*p)+"px"}});return Ge(s,"pointerdown",p=>{const h={clientX:p.clientX},g=Ys(document,"mousemove",v=>{const T=(v.clientX-h.clientX)/c.value;t("update:scrollLeft",a.scrollLeft+T),h.clientX=v.clientX});["mouseup","pointercancel"].forEach(v=>{document.addEventListener(v,g,{once:!0})})}),(p,h)=>d.value?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollRef",ref:s,class:"h-scroll"},[n.createElementVNode("div",{class:"h-scroll__scrollbar",style:n.normalizeStyle(u.value)},null,4)],512)):n.createCommentVNode("",!0)}}),z1={class:"ui-scrollable"},Z1=n.defineComponent({__name:"Scrollable",setup(i){const e=n.ref(),t=n.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function a(u){Q_(t,u,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const s=u=>{u.preventDefault();const p=u.currentTarget;p.scrollTop+=u.deltaY,p.scrollLeft+=u.deltaX,a(p)};function c(u){at(n.unref(e),p=>{p.scrollTop=u,a(p)})}function d(u){at(n.unref(e),p=>{p.scrollLeft=u,a(p)})}return hu(e,u=>{at(u,p=>a(p))}),n.onMounted(()=>{at(n.unref(e),u=>{a(u),u.addEventListener("wheel",s)})}),n.onUnmounted(()=>{at(n.unref(e),u=>u.removeEventListener("wheel",s))}),(u,p)=>(n.openBlock(),n.createElementBlock("div",z1,[n.createElementVNode("div",{ref_key:"containerRef",ref:e,class:"ui-scrollable__container",onWheel:s},[n.renderSlot(u.$slots,"default")],544),p[2]||(p[2]=n.createTextVNode()),n.createVNode(F1,{"scroll-top":t.scrollTop,"client-height":t.clientHeight,"scroll-height":t.scrollHeight,onWheel:p[0]||(p[0]=n.withModifiers(()=>{},["stop"])),"onUpdate:scrollTop":c},null,8,["scroll-top","client-height","scroll-height"]),p[3]||(p[3]=n.createTextVNode()),n.createVNode($1,{"scroll-left":t.scrollLeft,"client-width":t.clientWidth,"scroll-width":t.scrollWidth,onWheel:p[1]||(p[1]=n.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":d},null,8,["scroll-left","client-width","scroll-width"])]))}}),U1="add.svg",j1="checkmark.svg",W1="clear.svg",H1="clipboard.svg",q1="close.svg",G1="comp.svg",K1="compare.svg",Y1="copy.svg",J1="edit.svg",X1="error.svg",Q1="filter.svg",ev="help.svg",tv="info.svg",nv="link.svg",rv="loading.svg",iv="lock.svg",ov="maximize.svg",av="minimize.svg",sv="minus.svg",lv="open.svg",cv="pause.svg",dv="play.svg",uv="required.svg",fv="restart.svg",pv="sort.svg",hv="sorter.svg",mv="stop.svg",gv="success.svg",yv="warning.svg",_v="zip.svg",wv={add:U1,"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:j1,"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:W1,"clipboard-copied":"clipboard-copied.svg",clipboard:H1,close:q1,comp:G1,compare:K1,copy:Y1,"data-dimentions":"data-dimentions.svg",delete:"delete.svg","drag-dots":"drag-dots.svg",edit:J1,error:X1,export:"export.svg","filter-2":"filter-2.svg",filter:Q1,help:ev,import:"import.svg",info:tv,"link-arrow":"link-arrow.svg",link:nv,loading:rv,lock:iv,maximize:ov,minimize:av,minus:sv,"more-horizontal":"more-horizontal.svg",open:lv,pause:cv,play:dv,required:uv,restart:fv,"settings-2":"settings-2.svg",sort:pv,sorter:hv,stop:mv,success:gv,warning:yv,"x-axis":"x-axis.svg","y-axis":"y-axis.svg",zip:_v},bv="add.svg",kv="annotate.svg",vv="annotation.svg",xv="area.svg",Cv="axes.svg",Ev="bar.svg",Sv="bindot.svg",Tv="boxplot.svg",Vv="bubble.svg",Bv="canvas.svg",Nv="checkbox.svg",Ov="checkmark.svg",Av="clipboard.svg",Rv="close.svg",Dv="code.svg",Iv="color.svg",Mv="columns.svg",Pv="copy.svg",Lv="cpu.svg",Fv="dna.svg",$v="duplicate.svg",zv="edit.svg",Zv="error.svg",Uv="filter.svg",jv="generate.svg",Wv="graph.svg",Hv="heatmap.svg",qv="help.svg",Gv="hide.svg",Kv="jitter.svg",Yv="layers.svg",Jv="learn.svg",Xv="legend.svg",Qv="line.svg",ex="linetype.svg",tx="link.svg",nx="loading.svg",rx="local.svg",ix="logout.svg",ox="menu.svg",ax="minus.svg",sx="pin.svg",lx="position.svg",cx="progress.svg",dx="publications.svg",ux="restart.svg",fx="reverse.svg",px="rotation.svg",hx="save.svg",mx="search.svg",gx="show.svg",yx="sina.svg",_x="skatterplot.svg",wx="sort.svg",bx="statistics.svg",kx="stroke.svg",vx="success.svg",xx="table.svg",Cx="template.svg",Ex="venn.svg",Sx="violin.svg",Tx="warning.svg",Vx="wetlab.svg",Bx={"add-layer":"add-layer.svg",add:bv,annotate:kv,annotation:vv,area:xv,"arrow-down":"arrow-down.svg","arrow-left":"arrow-left.svg","arrow-right":"arrow-right.svg","arrow-up":"arrow-up.svg",axes:Cv,"bar-error":"bar-error.svg","bar-trend":"bar-trend.svg",bar:Ev,bindot:Sv,"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:Tv,bubble:Vv,canvas:Bv,checkbox:Nv,checkmark:Ov,"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:Av,close:Rv,"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:Dv,color:Iv,columns:Mv,"connected-points":"connected-points.svg",copy:Pv,cpu:Lv,"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:Fv,"download-files":"download-files.svg",duplicate:$v,edit:zv,"error-bar":"error-bar.svg",error:Zv,"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:Uv,"filters-gate":"filters-gate.svg","fire-tips":"fire-tips.svg","folder-parent":"folder-parent.svg","frame-type":"frame-type.svg",generate:jv,graph:Wv,heatmap:Hv,help:qv,hide:Gv,"import-2":"import-2.svg","import-download":"import-download.svg","info-circle-outline":"info-circle-outline.svg",jitter:Kv,layers:Yv,learn:Jv,legend:Xv,"light-mode":"light-mode.svg","line-binned":"line-binned.svg","line-error":"line-error.svg","line-jitter":"line-jitter.svg",line:Qv,linetype:ex,"link-disabled":"link-disabled.svg",link:tx,loading:nx,local:rx,logout:ix,menu:ox,minus:ax,"more-horizontal":"more-horizontal.svg","outlier-shape":"outlier-shape.svg","paper-clip":"paper-clip.svg",pin:sx,position:lx,"progress-2":"progress-2.svg",progress:cx,publications:dx,"radio-btn":"radio-btn.svg",restart:ux,reverse:fx,rotation:px,save:hx,search:mx,"server-2":"server-2.svg","settings-2":"settings-2.svg",show:gx,sina:yx,skatterplot:_x,"social-media":"social-media.svg",sort:wx,"stacked-bar":"stacked-bar.svg",statistics:bx,"strip-plot":"strip-plot.svg","stroke-non":"stroke-non.svg",stroke:kx,success:vx,"table-upload":"table-upload.svg",table:xx,template:Cx,"title-position":"title-position.svg","upload-files":"upload-files.svg",venn:Ex,"violin-binned":"violin-binned.svg","violin-jitter":"violin-jitter.svg",violin:Sx,warning:Tx,wetlab:Vx,"zoom-in":"zoom-in.svg"};function Nx(){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 Ox=["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"],Ax=["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"],Rx={allCssVariables:Nx(),icons16:wv,icons24:Bx},Dx={class:"block__not-found"},Ix=n.defineComponent({__name:"NotFound",setup(i){const t=Ss().useApp(),a=()=>{t.updateNavigationState(s=>{s.href="/"})};return(s,c)=>(n.openBlock(),n.createElementBlock("div",Dx,[n.createElementVNode("h1",null,"Not found route: "+n.toDisplayString(n.unref(t).snapshot.navigationState.href),1),n.createVNode(n.unref(Hs),{onClick:n.withModifiers(a,["stop"])},{default:n.withCtx(()=>c[0]||(c[0]=[n.createTextVNode("Return to main page")])),_:1})]))}}),ll=(i,e)=>{const t=i.__vccOpts||i;for(const[a,s]of e)t[a]=s;return t},Mx={},Px={class:"block__loader-page"};function Lx(i,e){return n.openBlock(),n.createElementBlock("div",Px,e[0]||(e[0]=[n.createElementVNode("div",{class:"loader-container"},[n.createElementVNode("i",{class:"mask-24 mask-loading loader-icon"})],-1)]))}const Fx=ll(Mx,[["render",Lx]]),$x={class:"block block__layout"},zx={key:0},Zx=n.defineComponent({__name:"BlockLayout",setup(i){const e=Ss(),t=c=>{try{return new URL(c,"http://dummy").pathname}catch{console.error("Invalid href",c);return}},a=n.computed(()=>e.loaded?e.useApp().href:void 0),s=n.computed(()=>{if(e.loaded){const c=e.useApp(),d=t(c.snapshot.navigationState.href);return d?c.routes[d]:void 0}});return(c,d)=>(n.openBlock(),n.createElementBlock("div",$x,[n.unref(e).error?(n.openBlock(),n.createElementBlock("div",zx,n.toDisplayString(n.unref(e).error),1)):n.unref(e).loaded?s.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.value),{key:a.value})):(n.openBlock(),n.createBlock(Ix,{key:3})):(n.openBlock(),n.createBlock(Fx,{key:1},{default:n.withCtx(()=>d[0]||(d[0]=[n.createTextVNode("Loading...")])),_:1}))]))}});var ua={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>