@milaboratories/uikit 1.2.12 → 1.2.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @milaboratories/uikit
 
+## 1.2.13
+
+### Patch Changes
+
+- 09fa81a: Added settings-2 icon
+
 ## 1.2.12
 
 ### Patch Changes

package/dist/pl-uikit.js

@@ -8262,6 +8262,7 @@ const Zd = { class: "ui-slider__wrapper" }, zd = { class: "ui-slider__label-sect
   play: Mc,
   required: Dc,
   restart: Ac,
+  "settings-2": "settings-2.svg",
   sort: Pc,
   sorter: Ic,
   stop: Fc,
@@ -8734,7 +8735,8 @@ const Zf = [
   "comp",
   "close",
   "restart",
-  "stop"
+  "stop",
+  "settings-2"
 ], zf = ["paper-clip", "cloud-up", "success", "restart", "close", "clipboard"], Hf = { allCssVariables: Qp(), icons16: Zc, icons24: Jp };
 export {
   Of as ContextProvider,

package/dist/pl-uikit.umd.cjs

@@ -17,4 +17,4 @@
         black ${h}px,
         black ${b}px,
         transparent 100%
-      )`}function l(){const i=o.value;if(!i)return;const d=[s(i),r(i)].filter(c=>c!==null);i.style.setProperty("-webkit-mask-image",d.join(",")),i.style.setProperty("mask-image",d.join(",")),d.length>1&&(i.style.setProperty("-webkit-mask-composite","source-in"),i.style.setProperty("mask-composite","source-in"))}const a=$t(l);e.onMounted(l),q(window,"scroll",a,!0),q(window,"resize",a,!0)}function so(o,t){vn(()=>{K(e.unref(o),n=>{Mn(n,()=>t(n))})}),e.onUnmounted(()=>{K(e.unref(o),n=>{Rn(n)})})}const ge={item:"sortable__item",animate:"sortable__animate"},tt=o=>o.getBoundingClientRect().y,lo=o=>{const{y:t,height:n}=o.getBoundingClientRect();return t+Math.ceil(n/2)},kc=o=>{const{y:t,height:n}=o.getBoundingClientRect();return t+n};function _c(o,t){const n={item:void 0,options(){var h;return[...((h=o.value)==null?void 0:h.children)??[]]}},s=e.computed(()=>n.options()),r=t.shakeBuffer??10,l=t.reorderDelay??100;function a(h){const b=t.handle?this.querySelector(t.handle):null;b&&!b.contains(h.target)||(this.classList.remove(ge.animate),this.classList.add(ge.item),n.item={el:this,y:h.y,dy:0,orderChanged:!1})}function i(h){const b=n.options();return b.slice(0,b.indexOf(h))}function d(h){const b=n.options();return b.slice(b.indexOf(h)+1)}function c(h,b){const C=n.options().filter(k=>k!==b),y=C.indexOf(h);return C.splice(y,0,b),C}function u(h,b){const C=n.options().filter(k=>k!==b),y=C.indexOf(h);return C.splice(y+1,0,b),C}function p(h,b){h.dy=b-h.y,h.el.style.setProperty("transform",`translateY(${h.dy}px)`)}function _(h){var N;if(!n.item)return;const{el:b}=n.item;if(!b.isConnected){n.item=void 0;return}const C=h.map($=>tt($)),y=tt(b);(N=o.value)==null||N.replaceChildren(...h);const k=tt(b),R=h.map($=>tt($)),F=[];for(let $=0;$<R.length;$++){const E=h[$];if(E===n.item.el)continue;const f=R[$],w=C[$]-f;E.style.transform=`translateY(${w}px)`,F.push(E)}const O=k-y;n.item.y=n.item.y+O,n.item.dy=n.item.dy-O,n.item.orderChanged=!0,n.item.el.style.setProperty("transform",`translateY(${n.item.dy}px)`),F.forEach($=>$.classList.remove(ge.animate)),requestAnimationFrame(function(){F.forEach($=>{$.classList.add(ge.animate),$.style.transform="",$.addEventListener("transitionend",()=>{$.classList.remove(ge.animate)})})})}q(window,"mousemove",h=>{if(!n.item)return;const{el:b}=n.item;p(n.item,h.y);const C=tt(n.item.el),y=kc(n.item.el),k=i(b),R=d(b);k.forEach(F=>{const O=lo(F);C+r<O&&_(c(F,b))}),R.forEach(F=>{const O=lo(F);y-r>O&&_(u(F,b))})}),q(window,"mouseup",()=>{if(!n.item)return;const{el:h,orderChanged:b}=n.item;h.classList.add(ge.animate),h.style.removeProperty("transform"),h.addEventListener("transitionend",()=>{h.classList.remove(ge.animate,ge.item)}),setTimeout(()=>{if(!b)return;const C=n.options().map(k=>Number(k.getAttribute("data-index"))),y=o.value;if(y){for(const k of n.options())y.removeChild(k);s.value.forEach(k=>{y.appendChild(k)})}t.onChange(C)},l),n.item=void 0}),e.watchEffect(()=>{s.value.forEach((h,b)=>{h.removeEventListener("mousedown",a),h.addEventListener("mousedown",a),h.setAttribute("data-index",String(b))})})}function bc(o,t){let n;e.onMounted(()=>{n=setInterval(o,t)}),e.onUnmounted(()=>clearInterval(n))}function wc(o,t,n){const s=e.reactive({data:Bt.deepClone(t(o.value)),changed:!1});return e.watch(()=>s.data,r=>{s.changed?n(Bt.deepClone(r)):s.changed=!0},{deep:!0}),e.watch(o,r=>{Object.assign(s,{data:Bt.deepClone(t(r)),changed:!1})},{deep:!0,immediate:!0}),s}function Vc(o){const t=e.reactive({isLoading:!1,result:void 0,error:void 0,async run(...n){this.isLoading=!0,this.error=void 0;try{this.result=await o(...n)}catch(s){this.error=s}finally{this.isLoading=!1}},debounce(n,s=1e3){return un(()=>{const r=n();this.run(...r).catch(console.error)},s)}});return t.run=t.run.bind(t),t}function xc(o,t){function n(a,i){const d=e.unref(o);if(!d)return;const c=`translate(${i.x-a.x}px, ${i.y-a.y}px)`;d.style.setProperty("transform",c),t(i)}function s(a){const i=d=>n(a,d);document.addEventListener("mousemove",i),document.addEventListener("mouseup",()=>{const d=e.unref(o);document.removeEventListener("mousemove",i),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 a;(a=e.unref(o))==null||a.addEventListener("mousedown",s)}function l(){var a;(a=e.unref(o))==null||a.removeEventListener("mousedown",s)}e.onMounted(r),e.onUnmounted(l)}const Bc={class:"ui-slider__wrapper"},Cc={class:"ui-slider__label-section"},Ec={key:0,class:"text-s"},Nc={class:"ui-slider__base"},Tc={class:"ui-slider__container"},$c={class:"ui-slider__container ui-slider__container-thumb"},Sc=["data-percent"],Dc=["data-percent"],vc=["data-percent"],Mc={key:0,class:"ui-slider__error"},Rc=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(o,{emit:t}){const n=e.useSlots(),s=t,r=o,l=e.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),a=e.ref(),i=e.ref(),d=e.ref(),c=e.ref(),u=e.computed(()=>r.max-r.min),p=e.computed(()=>r),_=Jt(p),h=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),b=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)),y=e.computed(()=>{const M=r.modelValue;if(!(Array.isArray(M)&&M.length===3&&M.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}),k=e.computed(()=>(h.value-r.min)/u.value),R=e.computed(()=>(b.value-r.min)/u.value),F=e.computed(()=>(C.value-r.min)/u.value),O=e.computed(()=>w()),N=e.computed(()=>({right:O.value[0]+"%",left:100-O.value[2]+"%"})),$=e.computed(()=>({right:Math.ceil((1-k.value)*100)+"%"})),E=e.computed(()=>({right:Math.ceil((1-R.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"}));ce(i,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue1=H/U.width*u.value,i.value&&m(i.value,r.modelValue[0],l.deltaValue1),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue1=0)})}),ce(d,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue2=H/U.width*u.value,d.value&&m(d.value,r.modelValue[1],l.deltaValue2),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue2=0)})}),ce(c,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue3=H/U.width*u.value,c.value&&m(c.value,r.modelValue[2],l.deltaValue3),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue3=0)})});function m(M,v,U){const H=g(G((v??0)+U,r.min,r.max));M.dataset.percent=`${H}${r.measure}`,T()}function w(){const M=Math.ceil((1-k.value)*100),v=Math.ceil((1-R.value)*100),U=Math.ceil((1-F.value)*100);return[M,v,U].sort((H,ve)=>H-ve)}function g(M){const v=G(M,r.min,r.max);return Math.round((v+Number.EPSILON)*(1/r.step))/(1/r.step)}function V(M){s("update:modelValue",M)}function T(){const M=Number($.value.right.substring(0,$.value.right.length-1)),v=Number(E.value.right.substring(0,E.value.right.length-1)),U=Number(f.value.right.substring(0,f.value.right.length-1)),H=[{r:M,th:i},{r:v,th:d},{r:U,th:c}].sort((ve,kt)=>ve.r-kt.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(M,v){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(M.code)&&M.preventDefault();const U=M.code==="ArrowUp"||M.code==="ArrowRight"?r.step*1:M.code==="ArrowDown"||M.code==="ArrowLeft"?r.step*-1:0,H=[...r.modelValue];H[v]=G(H[v]+U,r.min,r.max),V(H),T()}return e.onMounted(()=>{T()}),(M,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",Bc,[e.createElementVNode("div",Cc,[M.label?(e.openBlock(),e.createElementBlock("label",Ec,[e.createElementVNode("span",null,e.toDisplayString(M.label),1),v[3]||(v[3]=e.createTextVNode()),e.unref(n).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)]),v[11]||(v[11]=e.createTextVNode()),e.createElementVNode("div",Nc,[e.createElementVNode("div",Tc,[e.createElementVNode("div",{ref_key:"barRef",ref:a,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(N.value)},null,4)],512)]),v[10]||(v[10]=e.createTextVNode()),e.createElementVNode("div",$c,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(_),(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:i,style:e.normalizeStyle($.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,Sc),v[8]||(v[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(E.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,Dc),v[9]||(v[9]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef3",ref:c,style:e.normalizeStyle(f.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,vc)])])]),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()),y.value?(e.openBlock(),e.createElementBlock("div",Mc,e.toDisplayString(y.value),1)):e.createCommentVNode("",!0)],2))}}),Oc={class:"ui-input-range__separator"},Pc=e.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(o,{emit:t}){const n=o,s=t,r=e.reactive({left:n.modelValue[0],right:n.modelValue[1]}),l=e.ref(!1),a=e.computed(()=>(l.value,"ui-input-range-focused")),i=e.computed({get(){return{left:Math.min(...n.modelValue),right:Math.max(...n.modelValue)}},set(){}});e.watch(()=>i.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 _=p.target.value;/^[0-9]{0,2}$/.test(_)?u?r.left=+_:r.right=+_:u?r.left=+_.slice(0,_.length-1):r.right=+_.slice(0,_.length-1)}return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[a.value,"ui-input-range"]},u.$attrs),[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=_=>i.value.left=_),class:"text-s",type:"text",onChange:d,onFocus:p[1]||(p[1]=_=>l.value=!0),onFocusout:p[2]||(p[2]=_=>l.value=!1),onInput:p[3]||(p[3]=_=>c(!0,_))},null,544),[[e.vModelText,i.value.left]]),p[8]||(p[8]=e.createTextVNode()),e.createElementVNode("div",Oc,e.toDisplayString(n.separator),1),p[9]||(p[9]=e.createTextVNode()),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[4]||(p[4]=_=>i.value.right=_),class:"text-s",type:"text",onChange:d,onFocus:p[5]||(p[5]=_=>l.value=!0),onFocusout:p[6]||(p[6]=_=>l.value=!1),onInput:p[7]||(p[7]=_=>c(!1,_))},null,544),[[e.vModelText,i.value.right]])],16))}}),zc={class:"ui-slider__wrapper"},Ic={class:"ui-slider__label-section"},Ac={key:0,class:"text-s"},Fc={key:1,class:"ui-slider__value-static text-s"},Lc={class:"ui-slider__base"},jc={class:"ui-slider__container"},Zc={class:"ui-slider__container ui-slider__container-thumb"},Hc={class:"ui-slider__input-wrapper d-flex"},Uc={key:0,class:"ui-slider__error"},Wc=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(o,{emit:t}){const n=e.useSlots(),s=t,r=o,l=e.reactive({deltaValue1:0,deltaValue2:0}),a=e.ref(),i=e.ref(),d=e.ref(),c=e.ref(r.modelValue),u=e.ref(r.modelValue[0]),p=e.ref(r.modelValue[1]),_=e.computed(()=>r),h=Jt(_),b=e.computed(()=>[u.value,p.value].sort((T,z)=>T-z).join("-")),C=e.computed(()=>r.max-r.min),y=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),k=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),R=e.computed(()=>{const T=r.modelValue;return Array.isArray(T)&&T.length===2&&T.every(M=>Number.isFinite(M))?r.error:"Expected model [number, number]"}),F=e.computed(()=>(y.value-r.min)/C.value),O=e.computed(()=>(k.value-r.min)/C.value),N=e.computed(()=>m()),$=e.computed(()=>({right:N.value[0]+"%",left:100-N.value[1]+"%"})),E=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-O.value)*100)+"%"}));e.watch(()=>r.modelValue,T=>{c.value=T,u.value=+T[0],p.value=+T[1]},{immediate:!0}),ce(i,T=>{var z;K((z=e.unref(a))==null?void 0:z.getBoundingClientRect(),M=>{const{dx:v}=T;l.deltaValue1=v/M.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),T.stop&&(g([w(y.value),w(k.value)]),l.deltaValue1=0)})}),ce(d,T=>{var z;K((z=e.unref(a))==null?void 0:z.getBoundingClientRect(),M=>{const{dx:v}=T;l.deltaValue2=v/M.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),T.stop&&(g([w(y.value),w(k.value)]),l.deltaValue2=0)})});function m(){const T=Math.ceil((1-F.value)*100),z=Math.ceil((1-O.value)*100);return[T,z].sort((M,v)=>M-v)}function w(T){const z=G(T,r.min,r.max);return Math.round((z+Number.EPSILON)*(1/r.step))/(1/r.step)}function g(T){s("update:modelValue",T)}function V(T,z){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(T.code)&&T.preventDefault();const M=T.code==="ArrowUp"||T.code==="ArrowRight"?r.step*1:T.code==="ArrowDown"||T.code==="ArrowLeft"?r.step*-1:0,v=[...r.modelValue];v[z]=G(v[z]+M,r.min,r.max),g(v)}return(T,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",zc,[e.createElementVNode("div",Ic,[T.label?(e.openBlock(),e.createElementBlock("label",Ac,[e.createElementVNode("span",null,e.toDisplayString(T.label),1),z[3]||(z[3]=e.createTextVNode()),e.unref(n).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(T.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),z[4]||(z[4]=e.createTextVNode()),r.mode==="text"?(e.openBlock(),e.createElementBlock("div",Fc,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)]),z[10]||(z[10]=e.createTextVNode()),e.createElementVNode("div",Lc,[e.createElementVNode("div",jc,[e.createElementVNode("div",{ref_key:"barRef",ref:a,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle($.value)},null,4)],512)]),z[9]||(z[9]=e.createTextVNode()),e.createElementVNode("div",Zc,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(h),(M,v)=>(e.openBlock(),e.createElementBlock("div",{key:v,style:e.normalizeStyle({right:`${M}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),z[7]||(z[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:i,style:e.normalizeStyle(E.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[0]||(z[0]=M=>V(M,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(f.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[1]||(z[1]=M=>V(M,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",Hc,[r.mode==="input"?(e.openBlock(),e.createBlock(Pc,{key:0,modelValue:c.value,"onUpdate:modelValue":z[2]||(z[2]=M=>c.value=M),class:"ui-focused-border",onChange:g},null,8,["modelValue"])):e.createCommentVNode("",!0)])],2),z[12]||(z[12]=e.createTextVNode()),R.value?(e.openBlock(),e.createElementBlock("div",Uc,e.toDisplayString(R.value),1)):e.createCommentVNode("",!0)],2))}}),qc=e.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(o,{emit:t}){const n=t,s=o,r=e.ref(),l=e.computed(()=>s.clientHeight/(s.scrollHeight||1)),a=e.computed(()=>l.value<1),i=e.computed(()=>{const d=e.unref(l);return{top:s.scrollTop*d+"px",height:Math.floor(s.clientHeight*d)+"px"}});return q(r,"pointerdown",d=>{const c={clientY:d.clientY},p=jt(document,"mousemove",_=>{const h=(_.clientY-c.clientY)/l.value;n("update:scrollTop",s.scrollTop+h),c.clientY=_.clientY});["mouseup","pointercancel"].forEach(_=>{document.addEventListener(_,p,{once:!0})})}),(d,c)=>a.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(i.value)},null,4)],512)):e.createCommentVNode("",!0)}}),Kc=e.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(o,{emit:t}){const n=t,s=o,r=e.ref(),l=e.computed(()=>s.clientWidth/(s.scrollWidth||1)),a=e.computed(()=>l.value<1),i=e.computed(()=>{const d=e.unref(l);return{left:s.scrollLeft*d+"px",width:Math.floor(s.clientWidth*d)+"px"}});return q(r,"pointerdown",d=>{const c={clientX:d.clientX},p=jt(document,"mousemove",_=>{const h=(_.clientX-c.clientX)/l.value;n("update:scrollLeft",s.scrollLeft+h),c.clientX=_.clientX});["mouseup","pointercancel"].forEach(_=>{document.addEventListener(_,p,{once:!0})})}),(d,c)=>a.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(i.value)},null,4)],512)):e.createCommentVNode("",!0)}}),Yc={class:"ui-scrollable"},Gc=e.defineComponent({__name:"Scrollable",setup(o){const t=e.ref(),n=e.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function s(i){bl(n,i,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const r=i=>{i.preventDefault();const d=i.currentTarget;d.scrollTop+=i.deltaY,d.scrollLeft+=i.deltaX,s(d)};function l(i){K(e.unref(t),d=>{d.scrollTop=i,s(d)})}function a(i){K(e.unref(t),d=>{d.scrollLeft=i,s(d)})}return so(t,i=>{K(i,d=>s(d))}),e.onMounted(()=>{K(e.unref(t),i=>{s(i),i.addEventListener("wheel",r)})}),e.onUnmounted(()=>{K(e.unref(t),i=>i.removeEventListener("wheel",r))}),(i,d)=>(e.openBlock(),e.createElementBlock("div",Yc,[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:"ui-scrollable__container",onWheel:r},[e.renderSlot(i.$slots,"default")],544),d[2]||(d[2]=e.createTextVNode()),e.createVNode(qc,{"scroll-top":n.scrollTop,"client-height":n.clientHeight,"scroll-height":n.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(Kc,{"scroll-left":n.scrollLeft,"client-width":n.clientWidth,"scroll-width":n.scrollWidth,onWheel:d[1]||(d[1]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":a},null,8,["scroll-left","client-width","scroll-width"])]))}}),Xc={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",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"},Jc={"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:"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 Qc(){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 eu=["checkmark","import","clear","chevron-right","add","play","loading","arrow-right","clipboard","link","comp","close","restart","stop"],tu=["paper-clip","cloud-up","success","restart","close","clipboard"],nu={allCssVariables:Qc(),icons16:Xc,icons24:Jc};x.ContextProvider=sc,x.DataTable=Rs,x.DemoData=nu,x.DropdownListItem=it,x.GridTable=Ir,x.LongText=Ln,x.MaskIcon16=ze,x.MaskIcon24=_e,x.PlAlert=il,x.PlBlockPage=qs,x.PlBtnAccent=ml,x.PlBtnGhost=Sn,x.PlBtnGroup=Ol,x.PlBtnLink=yl,x.PlBtnPrimary=Tn,x.PlBtnSecondary=$n,x.PlCheckbox=ui,x.PlCheckboxGroup=hi,x.PlChip=Ht,x.PlContainer=Ys,x.PlDialogModal=Zn,x.PlDropdown=jn,x.PlDropdownLine=Pa,x.PlDropdownMulti=di,x.PlFileDialog=Hn,x.PlFileInput=rc,x.PlGrid=nl,x.PlLogView=Ti,x.PlNumberField=Ka,x.PlProgressBar=La,x.PlRow=Xs,x.PlSlideModal=Vi,x.PlSpacer=el,x.PlTextArea=ra,x.PlTextField=zn,x.PlToggleSwitch=Ci,x.PlTooltip=Q,x.Scrollable=Gc,x.Slider=gc,x.SliderRange=Wc,x.SliderRangeTriple=Rc,x.ThemeSwitcher=Fs,x.animate=_n,x.animateInfinite=Pr,x.call=fn,x.debounce=bn,x.delay=hn,x.detectOutside=sa,x.eventListener=jt,x.getElementScrollPosition=An,x.isElementVisible=In,x.listToOptions=zr,x.makeEaseInOut=Or,x.makeEaseOut=kn,x.maskIcons16=eu,x.maskIcons24=tu,x.normalizeListOptions=xe,x.notEmpty=Tt,x.randomInt=yn,x.randomString=Rr,x.requestTick=$t,x.scrollIntoView=at,x.showContextMenu=vt,x.throttle=St,x.timeout=gn,x.useClickOutside=lt,x.useDraggable=xc,x.useEventListener=q,x.useFormState=wc,x.useHover=Nt,x.useInterval=bc,x.useLabelNotch=ke,x.useLocalStorage=Bn,x.useMouse=Et,x.useMouseCapture=ce,x.usePosition=Dn,x.useQuery=Vc,x.useResizeObserver=so,x.useScroll=yc,x.useSortable=_c,x.useTheme=En,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
+      )`}function l(){const i=o.value;if(!i)return;const d=[s(i),r(i)].filter(c=>c!==null);i.style.setProperty("-webkit-mask-image",d.join(",")),i.style.setProperty("mask-image",d.join(",")),d.length>1&&(i.style.setProperty("-webkit-mask-composite","source-in"),i.style.setProperty("mask-composite","source-in"))}const a=$t(l);e.onMounted(l),q(window,"scroll",a,!0),q(window,"resize",a,!0)}function so(o,t){vn(()=>{K(e.unref(o),n=>{Mn(n,()=>t(n))})}),e.onUnmounted(()=>{K(e.unref(o),n=>{Rn(n)})})}const ge={item:"sortable__item",animate:"sortable__animate"},tt=o=>o.getBoundingClientRect().y,lo=o=>{const{y:t,height:n}=o.getBoundingClientRect();return t+Math.ceil(n/2)},kc=o=>{const{y:t,height:n}=o.getBoundingClientRect();return t+n};function _c(o,t){const n={item:void 0,options(){var h;return[...((h=o.value)==null?void 0:h.children)??[]]}},s=e.computed(()=>n.options()),r=t.shakeBuffer??10,l=t.reorderDelay??100;function a(h){const b=t.handle?this.querySelector(t.handle):null;b&&!b.contains(h.target)||(this.classList.remove(ge.animate),this.classList.add(ge.item),n.item={el:this,y:h.y,dy:0,orderChanged:!1})}function i(h){const b=n.options();return b.slice(0,b.indexOf(h))}function d(h){const b=n.options();return b.slice(b.indexOf(h)+1)}function c(h,b){const C=n.options().filter(k=>k!==b),y=C.indexOf(h);return C.splice(y,0,b),C}function u(h,b){const C=n.options().filter(k=>k!==b),y=C.indexOf(h);return C.splice(y+1,0,b),C}function p(h,b){h.dy=b-h.y,h.el.style.setProperty("transform",`translateY(${h.dy}px)`)}function _(h){var N;if(!n.item)return;const{el:b}=n.item;if(!b.isConnected){n.item=void 0;return}const C=h.map($=>tt($)),y=tt(b);(N=o.value)==null||N.replaceChildren(...h);const k=tt(b),R=h.map($=>tt($)),F=[];for(let $=0;$<R.length;$++){const E=h[$];if(E===n.item.el)continue;const f=R[$],w=C[$]-f;E.style.transform=`translateY(${w}px)`,F.push(E)}const O=k-y;n.item.y=n.item.y+O,n.item.dy=n.item.dy-O,n.item.orderChanged=!0,n.item.el.style.setProperty("transform",`translateY(${n.item.dy}px)`),F.forEach($=>$.classList.remove(ge.animate)),requestAnimationFrame(function(){F.forEach($=>{$.classList.add(ge.animate),$.style.transform="",$.addEventListener("transitionend",()=>{$.classList.remove(ge.animate)})})})}q(window,"mousemove",h=>{if(!n.item)return;const{el:b}=n.item;p(n.item,h.y);const C=tt(n.item.el),y=kc(n.item.el),k=i(b),R=d(b);k.forEach(F=>{const O=lo(F);C+r<O&&_(c(F,b))}),R.forEach(F=>{const O=lo(F);y-r>O&&_(u(F,b))})}),q(window,"mouseup",()=>{if(!n.item)return;const{el:h,orderChanged:b}=n.item;h.classList.add(ge.animate),h.style.removeProperty("transform"),h.addEventListener("transitionend",()=>{h.classList.remove(ge.animate,ge.item)}),setTimeout(()=>{if(!b)return;const C=n.options().map(k=>Number(k.getAttribute("data-index"))),y=o.value;if(y){for(const k of n.options())y.removeChild(k);s.value.forEach(k=>{y.appendChild(k)})}t.onChange(C)},l),n.item=void 0}),e.watchEffect(()=>{s.value.forEach((h,b)=>{h.removeEventListener("mousedown",a),h.addEventListener("mousedown",a),h.setAttribute("data-index",String(b))})})}function bc(o,t){let n;e.onMounted(()=>{n=setInterval(o,t)}),e.onUnmounted(()=>clearInterval(n))}function wc(o,t,n){const s=e.reactive({data:Bt.deepClone(t(o.value)),changed:!1});return e.watch(()=>s.data,r=>{s.changed?n(Bt.deepClone(r)):s.changed=!0},{deep:!0}),e.watch(o,r=>{Object.assign(s,{data:Bt.deepClone(t(r)),changed:!1})},{deep:!0,immediate:!0}),s}function Vc(o){const t=e.reactive({isLoading:!1,result:void 0,error:void 0,async run(...n){this.isLoading=!0,this.error=void 0;try{this.result=await o(...n)}catch(s){this.error=s}finally{this.isLoading=!1}},debounce(n,s=1e3){return un(()=>{const r=n();this.run(...r).catch(console.error)},s)}});return t.run=t.run.bind(t),t}function xc(o,t){function n(a,i){const d=e.unref(o);if(!d)return;const c=`translate(${i.x-a.x}px, ${i.y-a.y}px)`;d.style.setProperty("transform",c),t(i)}function s(a){const i=d=>n(a,d);document.addEventListener("mousemove",i),document.addEventListener("mouseup",()=>{const d=e.unref(o);document.removeEventListener("mousemove",i),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 a;(a=e.unref(o))==null||a.addEventListener("mousedown",s)}function l(){var a;(a=e.unref(o))==null||a.removeEventListener("mousedown",s)}e.onMounted(r),e.onUnmounted(l)}const Bc={class:"ui-slider__wrapper"},Cc={class:"ui-slider__label-section"},Ec={key:0,class:"text-s"},Nc={class:"ui-slider__base"},Tc={class:"ui-slider__container"},$c={class:"ui-slider__container ui-slider__container-thumb"},Sc=["data-percent"],Dc=["data-percent"],vc=["data-percent"],Mc={key:0,class:"ui-slider__error"},Rc=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(o,{emit:t}){const n=e.useSlots(),s=t,r=o,l=e.reactive({deltaValue1:0,deltaValue2:0,deltaValue3:0}),a=e.ref(),i=e.ref(),d=e.ref(),c=e.ref(),u=e.computed(()=>r.max-r.min),p=e.computed(()=>r),_=Jt(p),h=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),b=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)),y=e.computed(()=>{const M=r.modelValue;if(!(Array.isArray(M)&&M.length===3&&M.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}),k=e.computed(()=>(h.value-r.min)/u.value),R=e.computed(()=>(b.value-r.min)/u.value),F=e.computed(()=>(C.value-r.min)/u.value),O=e.computed(()=>w()),N=e.computed(()=>({right:O.value[0]+"%",left:100-O.value[2]+"%"})),$=e.computed(()=>({right:Math.ceil((1-k.value)*100)+"%"})),E=e.computed(()=>({right:Math.ceil((1-R.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"}));ce(i,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue1=H/U.width*u.value,i.value&&m(i.value,r.modelValue[0],l.deltaValue1),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue1=0)})}),ce(d,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue2=H/U.width*u.value,d.value&&m(d.value,r.modelValue[1],l.deltaValue2),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue2=0)})}),ce(c,M=>{var v;K((v=e.unref(a))==null?void 0:v.getBoundingClientRect(),U=>{const{dx:H}=M;l.deltaValue3=H/U.width*u.value,c.value&&m(c.value,r.modelValue[2],l.deltaValue3),M.stop&&(V([g(h.value),g(b.value),g(C.value)]),l.deltaValue3=0)})});function m(M,v,U){const H=g(G((v??0)+U,r.min,r.max));M.dataset.percent=`${H}${r.measure}`,T()}function w(){const M=Math.ceil((1-k.value)*100),v=Math.ceil((1-R.value)*100),U=Math.ceil((1-F.value)*100);return[M,v,U].sort((H,ve)=>H-ve)}function g(M){const v=G(M,r.min,r.max);return Math.round((v+Number.EPSILON)*(1/r.step))/(1/r.step)}function V(M){s("update:modelValue",M)}function T(){const M=Number($.value.right.substring(0,$.value.right.length-1)),v=Number(E.value.right.substring(0,E.value.right.length-1)),U=Number(f.value.right.substring(0,f.value.right.length-1)),H=[{r:M,th:i},{r:v,th:d},{r:U,th:c}].sort((ve,kt)=>ve.r-kt.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(M,v){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(M.code)&&M.preventDefault();const U=M.code==="ArrowUp"||M.code==="ArrowRight"?r.step*1:M.code==="ArrowDown"||M.code==="ArrowLeft"?r.step*-1:0,H=[...r.modelValue];H[v]=G(H[v]+U,r.min,r.max),V(H),T()}return e.onMounted(()=>{T()}),(M,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",Bc,[e.createElementVNode("div",Cc,[M.label?(e.openBlock(),e.createElementBlock("label",Ec,[e.createElementVNode("span",null,e.toDisplayString(M.label),1),v[3]||(v[3]=e.createTextVNode()),e.unref(n).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)]),v[11]||(v[11]=e.createTextVNode()),e.createElementVNode("div",Nc,[e.createElementVNode("div",Tc,[e.createElementVNode("div",{ref_key:"barRef",ref:a,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle(N.value)},null,4)],512)]),v[10]||(v[10]=e.createTextVNode()),e.createElementVNode("div",$c,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(_),(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:i,style:e.normalizeStyle($.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,Sc),v[8]||(v[8]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef2",ref:d,style:e.normalizeStyle(E.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,Dc),v[9]||(v[9]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef3",ref:c,style:e.normalizeStyle(f.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,vc)])])]),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()),y.value?(e.openBlock(),e.createElementBlock("div",Mc,e.toDisplayString(y.value),1)):e.createCommentVNode("",!0)],2))}}),Oc={class:"ui-input-range__separator"},Pc=e.defineComponent({__name:"InputRange",props:{modelValue:{},separator:{default:"-"}},emits:["update:modelValue","change"],setup(o,{emit:t}){const n=o,s=t,r=e.reactive({left:n.modelValue[0],right:n.modelValue[1]}),l=e.ref(!1),a=e.computed(()=>(l.value,"ui-input-range-focused")),i=e.computed({get(){return{left:Math.min(...n.modelValue),right:Math.max(...n.modelValue)}},set(){}});e.watch(()=>i.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 _=p.target.value;/^[0-9]{0,2}$/.test(_)?u?r.left=+_:r.right=+_:u?r.left=+_.slice(0,_.length-1):r.right=+_.slice(0,_.length-1)}return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[a.value,"ui-input-range"]},u.$attrs),[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=_=>i.value.left=_),class:"text-s",type:"text",onChange:d,onFocus:p[1]||(p[1]=_=>l.value=!0),onFocusout:p[2]||(p[2]=_=>l.value=!1),onInput:p[3]||(p[3]=_=>c(!0,_))},null,544),[[e.vModelText,i.value.left]]),p[8]||(p[8]=e.createTextVNode()),e.createElementVNode("div",Oc,e.toDisplayString(n.separator),1),p[9]||(p[9]=e.createTextVNode()),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[4]||(p[4]=_=>i.value.right=_),class:"text-s",type:"text",onChange:d,onFocus:p[5]||(p[5]=_=>l.value=!0),onFocusout:p[6]||(p[6]=_=>l.value=!1),onInput:p[7]||(p[7]=_=>c(!1,_))},null,544),[[e.vModelText,i.value.right]])],16))}}),zc={class:"ui-slider__wrapper"},Ic={class:"ui-slider__label-section"},Ac={key:0,class:"text-s"},Fc={key:1,class:"ui-slider__value-static text-s"},Lc={class:"ui-slider__base"},jc={class:"ui-slider__container"},Zc={class:"ui-slider__container ui-slider__container-thumb"},Hc={class:"ui-slider__input-wrapper d-flex"},Uc={key:0,class:"ui-slider__error"},Wc=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(o,{emit:t}){const n=e.useSlots(),s=t,r=o,l=e.reactive({deltaValue1:0,deltaValue2:0}),a=e.ref(),i=e.ref(),d=e.ref(),c=e.ref(r.modelValue),u=e.ref(r.modelValue[0]),p=e.ref(r.modelValue[1]),_=e.computed(()=>r),h=Jt(_),b=e.computed(()=>[u.value,p.value].sort((T,z)=>T-z).join("-")),C=e.computed(()=>r.max-r.min),y=e.computed(()=>G((r.modelValue[0]??0)+l.deltaValue1,r.min,r.max)),k=e.computed(()=>G((r.modelValue[1]??0)+l.deltaValue2,r.min,r.max)),R=e.computed(()=>{const T=r.modelValue;return Array.isArray(T)&&T.length===2&&T.every(M=>Number.isFinite(M))?r.error:"Expected model [number, number]"}),F=e.computed(()=>(y.value-r.min)/C.value),O=e.computed(()=>(k.value-r.min)/C.value),N=e.computed(()=>m()),$=e.computed(()=>({right:N.value[0]+"%",left:100-N.value[1]+"%"})),E=e.computed(()=>({right:Math.ceil((1-F.value)*100)+"%"})),f=e.computed(()=>({right:Math.ceil((1-O.value)*100)+"%"}));e.watch(()=>r.modelValue,T=>{c.value=T,u.value=+T[0],p.value=+T[1]},{immediate:!0}),ce(i,T=>{var z;K((z=e.unref(a))==null?void 0:z.getBoundingClientRect(),M=>{const{dx:v}=T;l.deltaValue1=v/M.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),T.stop&&(g([w(y.value),w(k.value)]),l.deltaValue1=0)})}),ce(d,T=>{var z;K((z=e.unref(a))==null?void 0:z.getBoundingClientRect(),M=>{const{dx:v}=T;l.deltaValue2=v/M.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),T.stop&&(g([w(y.value),w(k.value)]),l.deltaValue2=0)})});function m(){const T=Math.ceil((1-F.value)*100),z=Math.ceil((1-O.value)*100);return[T,z].sort((M,v)=>M-v)}function w(T){const z=G(T,r.min,r.max);return Math.round((z+Number.EPSILON)*(1/r.step))/(1/r.step)}function g(T){s("update:modelValue",T)}function V(T,z){["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Enter"].includes(T.code)&&T.preventDefault();const M=T.code==="ArrowUp"||T.code==="ArrowRight"?r.step*1:T.code==="ArrowDown"||T.code==="ArrowLeft"?r.step*-1:0,v=[...r.modelValue];v[z]=G(v[z]+M,r.min,r.max),g(v)}return(T,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",zc,[e.createElementVNode("div",Ic,[T.label?(e.openBlock(),e.createElementBlock("label",Ac,[e.createElementVNode("span",null,e.toDisplayString(T.label),1),z[3]||(z[3]=e.createTextVNode()),e.unref(n).tooltip?(e.openBlock(),e.createBlock(e.unref(Q),{key:0,class:"info",position:"top"},{tooltip:e.withCtx(()=>[e.renderSlot(T.$slots,"tooltip")]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),z[4]||(z[4]=e.createTextVNode()),r.mode==="text"?(e.openBlock(),e.createElementBlock("div",Fc,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)]),z[10]||(z[10]=e.createTextVNode()),e.createElementVNode("div",Lc,[e.createElementVNode("div",jc,[e.createElementVNode("div",{ref_key:"barRef",ref:a,class:"ui-slider__bar"},[e.createElementVNode("div",{class:"ui-slider__progress",style:e.normalizeStyle($.value)},null,4)],512)]),z[9]||(z[9]=e.createTextVNode()),e.createElementVNode("div",Zc,[r.breakpoints?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(h),(M,v)=>(e.openBlock(),e.createElementBlock("div",{key:v,style:e.normalizeStyle({right:`${M}%`}),class:"ui-slider__thumb-step"},null,4))),128)):e.createCommentVNode("",!0),z[7]||(z[7]=e.createTextVNode()),e.createElementVNode("div",{ref_key:"thumbRef1",ref:i,style:e.normalizeStyle(E.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[0]||(z[0]=M=>V(M,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(f.value),class:"ui-slider__thumb",tabindex:"0",onKeydown:z[1]||(z[1]=M=>V(M,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",Hc,[r.mode==="input"?(e.openBlock(),e.createBlock(Pc,{key:0,modelValue:c.value,"onUpdate:modelValue":z[2]||(z[2]=M=>c.value=M),class:"ui-focused-border",onChange:g},null,8,["modelValue"])):e.createCommentVNode("",!0)])],2),z[12]||(z[12]=e.createTextVNode()),R.value?(e.openBlock(),e.createElementBlock("div",Uc,e.toDisplayString(R.value),1)):e.createCommentVNode("",!0)],2))}}),qc=e.defineComponent({__name:"VScroll",props:{scrollTop:{},clientHeight:{},scrollHeight:{}},emits:["update:scrollTop"],setup(o,{emit:t}){const n=t,s=o,r=e.ref(),l=e.computed(()=>s.clientHeight/(s.scrollHeight||1)),a=e.computed(()=>l.value<1),i=e.computed(()=>{const d=e.unref(l);return{top:s.scrollTop*d+"px",height:Math.floor(s.clientHeight*d)+"px"}});return q(r,"pointerdown",d=>{const c={clientY:d.clientY},p=jt(document,"mousemove",_=>{const h=(_.clientY-c.clientY)/l.value;n("update:scrollTop",s.scrollTop+h),c.clientY=_.clientY});["mouseup","pointercancel"].forEach(_=>{document.addEventListener(_,p,{once:!0})})}),(d,c)=>a.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(i.value)},null,4)],512)):e.createCommentVNode("",!0)}}),Kc=e.defineComponent({__name:"HScroll",props:{scrollLeft:{},clientWidth:{},scrollWidth:{}},emits:["update:scrollLeft"],setup(o,{emit:t}){const n=t,s=o,r=e.ref(),l=e.computed(()=>s.clientWidth/(s.scrollWidth||1)),a=e.computed(()=>l.value<1),i=e.computed(()=>{const d=e.unref(l);return{left:s.scrollLeft*d+"px",width:Math.floor(s.clientWidth*d)+"px"}});return q(r,"pointerdown",d=>{const c={clientX:d.clientX},p=jt(document,"mousemove",_=>{const h=(_.clientX-c.clientX)/l.value;n("update:scrollLeft",s.scrollLeft+h),c.clientX=_.clientX});["mouseup","pointercancel"].forEach(_=>{document.addEventListener(_,p,{once:!0})})}),(d,c)=>a.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(i.value)},null,4)],512)):e.createCommentVNode("",!0)}}),Yc={class:"ui-scrollable"},Gc=e.defineComponent({__name:"Scrollable",setup(o){const t=e.ref(),n=e.reactive({scrollTop:0,scrollLeft:0,clientHeight:0,clientWidth:0,scrollHeight:0,scrollWidth:0});function s(i){bl(n,i,"scrollTop","scrollLeft","clientHeight","clientWidth","scrollHeight","scrollWidth")}const r=i=>{i.preventDefault();const d=i.currentTarget;d.scrollTop+=i.deltaY,d.scrollLeft+=i.deltaX,s(d)};function l(i){K(e.unref(t),d=>{d.scrollTop=i,s(d)})}function a(i){K(e.unref(t),d=>{d.scrollLeft=i,s(d)})}return so(t,i=>{K(i,d=>s(d))}),e.onMounted(()=>{K(e.unref(t),i=>{s(i),i.addEventListener("wheel",r)})}),e.onUnmounted(()=>{K(e.unref(t),i=>i.removeEventListener("wheel",r))}),(i,d)=>(e.openBlock(),e.createElementBlock("div",Yc,[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:"ui-scrollable__container",onWheel:r},[e.renderSlot(i.$slots,"default")],544),d[2]||(d[2]=e.createTextVNode()),e.createVNode(qc,{"scroll-top":n.scrollTop,"client-height":n.clientHeight,"scroll-height":n.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(Kc,{"scroll-left":n.scrollLeft,"client-width":n.clientWidth,"scroll-width":n.scrollWidth,onWheel:d[1]||(d[1]=e.withModifiers(()=>{},["stop"])),"onUpdate:scrollLeft":a},null,8,["scroll-left","client-width","scroll-width"])]))}}),Xc={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"},Jc={"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:"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 Qc(){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 eu=["checkmark","import","clear","chevron-right","add","play","loading","arrow-right","clipboard","link","comp","close","restart","stop","settings-2"],tu=["paper-clip","cloud-up","success","restart","close","clipboard"],nu={allCssVariables:Qc(),icons16:Xc,icons24:Jc};x.ContextProvider=sc,x.DataTable=Rs,x.DemoData=nu,x.DropdownListItem=it,x.GridTable=Ir,x.LongText=Ln,x.MaskIcon16=ze,x.MaskIcon24=_e,x.PlAlert=il,x.PlBlockPage=qs,x.PlBtnAccent=ml,x.PlBtnGhost=Sn,x.PlBtnGroup=Ol,x.PlBtnLink=yl,x.PlBtnPrimary=Tn,x.PlBtnSecondary=$n,x.PlCheckbox=ui,x.PlCheckboxGroup=hi,x.PlChip=Ht,x.PlContainer=Ys,x.PlDialogModal=Zn,x.PlDropdown=jn,x.PlDropdownLine=Pa,x.PlDropdownMulti=di,x.PlFileDialog=Hn,x.PlFileInput=rc,x.PlGrid=nl,x.PlLogView=Ti,x.PlNumberField=Ka,x.PlProgressBar=La,x.PlRow=Xs,x.PlSlideModal=Vi,x.PlSpacer=el,x.PlTextArea=ra,x.PlTextField=zn,x.PlToggleSwitch=Ci,x.PlTooltip=Q,x.Scrollable=Gc,x.Slider=gc,x.SliderRange=Wc,x.SliderRangeTriple=Rc,x.ThemeSwitcher=Fs,x.animate=_n,x.animateInfinite=Pr,x.call=fn,x.debounce=bn,x.delay=hn,x.detectOutside=sa,x.eventListener=jt,x.getElementScrollPosition=An,x.isElementVisible=In,x.listToOptions=zr,x.makeEaseInOut=Or,x.makeEaseOut=kn,x.maskIcons16=eu,x.maskIcons24=tu,x.normalizeListOptions=xe,x.notEmpty=Tt,x.randomInt=yn,x.randomString=Rr,x.requestTick=$t,x.scrollIntoView=at,x.showContextMenu=vt,x.throttle=St,x.timeout=gn,x.useClickOutside=lt,x.useDraggable=xc,x.useEventListener=q,x.useFormState=wc,x.useHover=Nt,x.useInterval=bc,x.useLabelNotch=ke,x.useLocalStorage=Bn,x.useMouse=Et,x.useMouseCapture=ce,x.usePosition=Dn,x.useQuery=Vc,x.useResizeObserver=so,x.useScroll=yc,x.useSortable=_c,x.useTheme=En,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});

package/dist/src/index.d.ts

@@ -138,6 +138,7 @@ declare const DemoData: {
         play: string;
         required: string;
         restart: string;
+        "settings-2": string;
         sort: string;
         sorter: string;
         stop: string;

package/dist/src/types.d.ts

@@ -32,7 +32,7 @@ export type ListOptionNormalized<T = unknown> = {
     description?: string;
     value: T;
 };
-export declare const maskIcons16: readonly ["checkmark", "import", "clear", "chevron-right", "add", "play", "loading", "arrow-right", "clipboard", "link", "comp", "close", "restart", "stop"];
+export declare const maskIcons16: readonly ["checkmark", "import", "clear", "chevron-right", "add", "play", "loading", "arrow-right", "clipboard", "link", "comp", "close", "restart", "stop", "settings-2"];
 export type MaskIconName16 = (typeof maskIcons16)[number];
 export declare const maskIcons24: string[];
 export type MaskIconName24 = (typeof maskIcons24)[number];