galaxy-charts 0.0.68 → 0.0.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/galaxy-charts.js
CHANGED
|
@@ -19158,10 +19158,9 @@ const iy = /* @__PURE__ */ de({
|
|
|
19158
19158
|
Re(ge(Vt), {
|
|
19159
19159
|
class: "w-full mt-2",
|
|
19160
19160
|
"data-description": "remove repeat block",
|
|
19161
|
+
disabled: s.valuesArray.length <= 1,
|
|
19161
19162
|
size: "tiny",
|
|
19162
19163
|
type: "primary",
|
|
19163
|
-
round: "",
|
|
19164
|
-
disabled: s.valuesArray.length <= 1,
|
|
19165
19164
|
onClick: (v) => l(f)
|
|
19166
19165
|
}, {
|
|
19167
19166
|
default: Fe(() => [
|
|
@@ -1978,4 +1978,4 @@ ${t}
|
|
|
1978
1978
|
border-top: 1px solid var(--n-tab-border-color);
|
|
1979
1979
|
`),y("tabs-pad",`
|
|
1980
1980
|
border-top: 1px solid var(--n-tab-border-color);
|
|
1981
|
-
`)])])])]),S0=Object.assign(Object.assign({},Ce.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:"click"},type:{type:String,default:"bar"},closable:Boolean,justifyContent:String,size:{type:String,default:"medium"},placement:{type:String,default:"top"},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),$0=r.defineComponent({name:"Tabs",props:S0,setup(e,{slots:t}){var n,o,i,a;process.env.NODE_ENV!=="production"&&r.watchEffect(()=>{e.labelSize!==void 0&&Qe("tabs","`label-size` is deprecated, please use `size` instead."),e.activeName!==void 0&&Qe("tabs","`active-name` is deprecated, please use `value` instead."),e.onActiveNameChange!==void 0&&Qe("tabs","`on-active-name-change` is deprecated, please use `on-update:value` instead.")});const{mergedClsPrefixRef:l,inlineThemeDisabled:s}=Je(e),d=Ce("Tabs","-tabs",C0,d0,e,l),c=r.ref(null),u=r.ref(null),f=r.ref(null),p=r.ref(null),g=r.ref(null),h=r.ref(null),x=r.ref(!0),w=r.ref(!0),m=Tr(e,["labelSize","size"]),P=Tr(e,["activeName","value"]),O=r.ref((o=(n=P.value)!==null&&n!==void 0?n:e.defaultValue)!==null&&o!==void 0?o:t.default?(a=(i=Mn(t.default())[0])===null||i===void 0?void 0:i.props)===null||a===void 0?void 0:a.name:null),$=Ct(P,O),k={id:0},F=r.computed(()=>{if(!(!e.justifyContent||e.type==="card"))return{display:"flex",justifyContent:e.justifyContent}});r.watch($,()=>{k.id=0,q(),G()});function b(){var B;const{value:I}=$;return I===null?null:(B=c.value)===null||B===void 0?void 0:B.querySelector(`[data-name="${I}"]`)}function S(B){if(e.type==="card")return;const{value:I}=u;if(!I)return;const K=I.style.opacity==="0";if(B){const T=`${l.value}-tabs-bar--disabled`,{barWidth:C,placement:E}=e;if(B.dataset.disabled==="true"?I.classList.add(T):I.classList.remove(T),["top","bottom"].includes(E)){if(D(["top","maxHeight","height"]),typeof C=="number"&&B.offsetWidth>=C){const re=Math.floor((B.offsetWidth-C)/2)+B.offsetLeft;I.style.left=`${re}px`,I.style.maxWidth=`${C}px`}else I.style.left=`${B.offsetLeft}px`,I.style.maxWidth=`${B.offsetWidth}px`;I.style.width="8192px",K&&(I.style.transition="none"),I.offsetWidth,K&&(I.style.transition="",I.style.opacity="1")}else{if(D(["left","maxWidth","width"]),typeof C=="number"&&B.offsetHeight>=C){const re=Math.floor((B.offsetHeight-C)/2)+B.offsetTop;I.style.top=`${re}px`,I.style.maxHeight=`${C}px`}else I.style.top=`${B.offsetTop}px`,I.style.maxHeight=`${B.offsetHeight}px`;I.style.height="8192px",K&&(I.style.transition="none"),I.offsetHeight,K&&(I.style.transition="",I.style.opacity="1")}}}function M(){if(e.type==="card")return;const{value:B}=u;B&&(B.style.opacity="0")}function D(B){const{value:I}=u;if(I)for(const K of B)I.style[K]=""}function q(){if(e.type==="card")return;const B=b();B?S(B):M()}function G(){var B;const I=(B=g.value)===null||B===void 0?void 0:B.$el;if(!I)return;const K=b();if(!K)return;const{scrollLeft:T,offsetWidth:C}=I,{offsetLeft:E,offsetWidth:re}=K;T>E?I.scrollTo({top:0,left:E,behavior:"smooth"}):E+re>T+C&&I.scrollTo({top:0,left:E+re-C,behavior:"smooth"})}const A=r.ref(null);let W=0,L=null;function Z(B){const I=A.value;if(I){W=B.getBoundingClientRect().height;const K=`${W}px`,T=()=>{I.style.height=K,I.style.maxHeight=K};L?(T(),L(),L=null):L=T}}function Y(B){const I=A.value;if(I){const K=B.getBoundingClientRect().height,T=()=>{document.body.offsetHeight,I.style.maxHeight=`${K}px`,I.style.height=`${Math.max(W,K)}px`};L?(L(),L=null,T()):L=T}}function ie(){const B=A.value;if(B){B.style.maxHeight="",B.style.height="";const{paneWrapperStyle:I}=e;if(typeof I=="string")B.style.cssText=I;else if(I){const{maxHeight:K,height:T}=I;K!==void 0&&(B.style.maxHeight=K),T!==void 0&&(B.style.height=T)}}}const oe={value:[]},te=r.ref("next");function ce(B){const I=$.value;let K="next";for(const T of oe.value){if(T===I)break;if(T===B){K="prev";break}}te.value=K,j(B)}function j(B){const{onActiveNameChange:I,onUpdateValue:K,"onUpdate:value":T}=e;I&&pe(I,B),K&&pe(K,B),T&&pe(T,B),O.value=B}function ee(B){const{onClose:I}=e;I&&pe(I,B)}function fe(){const{value:B}=u;if(!B)return;const I="transition-disabled";B.classList.add(I),q(),B.classList.remove(I)}const ye=r.ref(null);function ae({transitionDisabled:B}){const I=c.value;if(!I)return;B&&I.classList.add("transition-disabled");const K=b();K&&ye.value&&(ye.value.style.width=`${K.offsetWidth}px`,ye.value.style.height=`${K.offsetHeight}px`,ye.value.style.transform=`translateX(${K.offsetLeft-ot(getComputedStyle(I).paddingLeft)}px)`,B&&ye.value.offsetWidth),B&&I.classList.remove("transition-disabled")}r.watch([$],()=>{e.type==="segment"&&r.nextTick(()=>{ae({transitionDisabled:!1})})}),r.onMounted(()=>{e.type==="segment"&&ae({transitionDisabled:!0})});let $e=0;function we(B){var I;if(B.contentRect.width===0&&B.contentRect.height===0||$e===B.contentRect.width)return;$e=B.contentRect.width;const{type:K}=e;if((K==="line"||K==="bar")&&fe(),K!=="segment"){const{placement:T}=e;De((T==="top"||T==="bottom"?(I=g.value)===null||I===void 0?void 0:I.$el:h.value)||null)}}const se=si(we,64);r.watch([()=>e.justifyContent,()=>e.size],()=>{r.nextTick(()=>{const{type:B}=e;(B==="line"||B==="bar")&&fe()})});const Re=r.ref(!1);function Ee(B){var I;const{target:K,contentRect:{width:T,height:C}}=B,E=K.parentElement.parentElement.offsetWidth,re=K.parentElement.parentElement.offsetHeight,{placement:xe}=e;if(!Re.value)xe==="top"||xe==="bottom"?E<T&&(Re.value=!0):re<C&&(Re.value=!0);else{const{value:Se}=p;if(!Se)return;xe==="top"||xe==="bottom"?E-T>Se.$el.offsetWidth&&(Re.value=!1):re-C>Se.$el.offsetHeight&&(Re.value=!1)}De(((I=g.value)===null||I===void 0?void 0:I.$el)||null)}const Ne=si(Ee,64);function _e(){const{onAdd:B}=e;B&&B(),r.nextTick(()=>{const I=b(),{value:K}=g;!I||!K||K.scrollTo({left:I.offsetLeft,top:0,behavior:"smooth"})})}function De(B){if(!B)return;const{placement:I}=e;if(I==="top"||I==="bottom"){const{scrollLeft:K,scrollWidth:T,offsetWidth:C}=B;x.value=K<=0,w.value=K+C>=T}else{const{scrollTop:K,scrollHeight:T,offsetHeight:C}=B;x.value=K<=0,w.value=K+C>=T}}const Ge=si(B=>{De(B.target)},64);r.provide(zi,{triggerRef:r.toRef(e,"trigger"),tabStyleRef:r.toRef(e,"tabStyle"),tabClassRef:r.toRef(e,"tabClass"),addTabStyleRef:r.toRef(e,"addTabStyle"),addTabClassRef:r.toRef(e,"addTabClass"),paneClassRef:r.toRef(e,"paneClass"),paneStyleRef:r.toRef(e,"paneStyle"),mergedClsPrefixRef:l,typeRef:r.toRef(e,"type"),closableRef:r.toRef(e,"closable"),valueRef:$,tabChangeIdRef:k,onBeforeLeaveRef:r.toRef(e,"onBeforeLeave"),activateTab:ce,handleClose:ee,handleAdd:_e}),da(()=>{q(),G()}),r.watchEffect(()=>{const{value:B}=f;if(!B)return;const{value:I}=l,K=`${I}-tabs-nav-scroll-wrapper--shadow-start`,T=`${I}-tabs-nav-scroll-wrapper--shadow-end`;x.value?B.classList.remove(K):B.classList.add(K),w.value?B.classList.remove(T):B.classList.add(T)});const Te={syncBarPosition:()=>{q()}},X=()=>{ae({transitionDisabled:!0})},_=r.computed(()=>{const{value:B}=m,{type:I}=e,K={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[I],T=`${B}${K}`,{self:{barColor:C,closeIconColor:E,closeIconColorHover:re,closeIconColorPressed:xe,tabColor:Se,tabBorderColor:We,paneTextColor:Ie,tabFontWeight:Be,tabBorderRadius:qe,tabFontWeightActive:st,colorSegment:Ye,fontWeightStrong:at,tabColorSegment:v,closeSize:H,closeIconSize:J,closeColorHover:le,closeColorPressed:de,closeBorderRadius:ue,[Q("panePadding",B)]:he,[Q("tabPadding",T)]:me,[Q("tabPaddingVertical",T)]:ze,[Q("tabGap",T)]:rt,[Q("tabGap",`${T}Vertical`)]:Rt,[Q("tabTextColor",I)]:wn,[Q("tabTextColorActive",I)]:Jt,[Q("tabTextColorHover",I)]:Qt,[Q("tabTextColorDisabled",I)]:pr,[Q("tabFontSize",B)]:br},common:{cubicBezierEaseInOut:Vn}}=d.value;return{"--n-bezier":Vn,"--n-color-segment":Ye,"--n-bar-color":C,"--n-tab-font-size":br,"--n-tab-text-color":wn,"--n-tab-text-color-active":Jt,"--n-tab-text-color-disabled":pr,"--n-tab-text-color-hover":Qt,"--n-pane-text-color":Ie,"--n-tab-border-color":We,"--n-tab-border-radius":qe,"--n-close-size":H,"--n-close-icon-size":J,"--n-close-color-hover":le,"--n-close-color-pressed":de,"--n-close-border-radius":ue,"--n-close-icon-color":E,"--n-close-icon-color-hover":re,"--n-close-icon-color-pressed":xe,"--n-tab-color":Se,"--n-tab-font-weight":Be,"--n-tab-font-weight-active":st,"--n-tab-padding":me,"--n-tab-padding-vertical":ze,"--n-tab-gap":rt,"--n-tab-gap-vertical":Rt,"--n-pane-padding-left":dt(he,"left"),"--n-pane-padding-right":dt(he,"right"),"--n-pane-padding-top":dt(he,"top"),"--n-pane-padding-bottom":dt(he,"bottom"),"--n-font-weight-strong":at,"--n-tab-color-segment":v}}),ne=s?tt("tabs",r.computed(()=>`${m.value[0]}${e.type[0]}`),_,e):void 0;return Object.assign({mergedClsPrefix:l,mergedValue:$,renderedNames:new Set,segmentCapsuleElRef:ye,tabsPaneWrapperRef:A,tabsElRef:c,barElRef:u,addTabInstRef:p,xScrollInstRef:g,scrollWrapperElRef:f,addTabFixed:Re,tabWrapperStyle:F,handleNavResize:se,mergedSize:m,handleScroll:Ge,handleTabsResize:Ne,cssVars:s?void 0:_,themeClass:ne==null?void 0:ne.themeClass,animationDirection:te,renderNameListRef:oe,yScrollElRef:h,handleSegmentResize:X,onAnimationBeforeLeave:Z,onAnimationEnter:Y,onAnimationAfterEnter:ie,onRender:ne==null?void 0:ne.onRender},Te)},render(){const{mergedClsPrefix:e,type:t,placement:n,addTabFixed:o,addable:i,mergedSize:a,renderNameListRef:l,onRender:s,paneWrapperClass:d,paneWrapperStyle:c,$slots:{default:u,prefix:f,suffix:p}}=this;s==null||s();const g=u?Mn(u()).filter(k=>k.type.__TAB_PANE__===!0):[],h=u?Mn(u()).filter(k=>k.type.__TAB__===!0):[],x=!h.length,w=t==="card",m=t==="segment",P=!w&&!m&&this.justifyContent;l.value=[];const O=()=>{const k=r.h("div",{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},P?null:r.h("div",{class:`${e}-tabs-scroll-padding`,style:n==="top"||n==="bottom"?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),x?g.map((F,b)=>(l.value.push(F.props.name),Ri(r.h(Pi,Object.assign({},F.props,{internalCreatedByPane:!0,internalLeftPadded:b!==0&&(!P||P==="center"||P==="start"||P==="end")}),F.children?{default:F.children.tab}:void 0)))):h.map((F,b)=>(l.value.push(F.props.name),Ri(b!==0&&!P?Ns(F):F))),!o&&i&&w?Hs(i,(x?g.length:h.length)!==0):null,P?null:r.h("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return r.h("div",{ref:"tabsElRef",class:`${e}-tabs-nav-scroll-content`},w&&i?r.h(Gt,{onResize:this.handleTabsResize},{default:()=>k}):k,w?r.h("div",{class:`${e}-tabs-pad`}):null,w?null:r.h("div",{ref:"barElRef",class:`${e}-tabs-bar`}))},$=m?"top":n;return r.h("div",{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${a}-size`,P&&`${e}-tabs--flex`,`${e}-tabs--${$}`],style:this.cssVars},r.h("div",{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${$}`,`${e}-tabs-nav`]},Ae(f,k=>k&&r.h("div",{class:`${e}-tabs-nav__prefix`},k)),m?r.h(Gt,{onResize:this.handleSegmentResize},{default:()=>r.h("div",{class:`${e}-tabs-rail`,ref:"tabsElRef"},r.h("div",{class:`${e}-tabs-capsule`,ref:"segmentCapsuleElRef"},r.h("div",{class:`${e}-tabs-wrapper`},r.h("div",{class:`${e}-tabs-tab`}))),x?g.map((k,F)=>(l.value.push(k.props.name),r.h(Pi,Object.assign({},k.props,{internalCreatedByPane:!0,internalLeftPadded:F!==0}),k.children?{default:k.children.tab}:void 0))):h.map((k,F)=>(l.value.push(k.props.name),F===0?k:Ns(k))))}):r.h(Gt,{onResize:this.handleNavResize},{default:()=>r.h("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes($)?r.h(Mc,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:O}):r.h("div",{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},O()))}),o&&i&&w?Hs(i,!0):null,Ae(p,k=>k&&r.h("div",{class:`${e}-tabs-nav__suffix`},k))),x&&(this.animated&&($==="top"||$==="bottom")?r.h("div",{ref:"tabsPaneWrapperRef",style:c,class:[`${e}-tabs-pane-wrapper`,d]},Ls(g,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):Ls(g,this.mergedValue,this.renderedNames)))}});function Ls(e,t,n,o,i,a,l){const s=[];return e.forEach(d=>{const{name:c,displayDirective:u,"display-directive":f}=d.props,p=h=>u===h||f===h,g=t===c;if(d.key!==void 0&&(d.key=c),g||p("show")||p("show:lazy")&&n.has(c)){n.has(c)||n.add(c);const h=!p("if");s.push(h?r.withDirectives(d,[[r.vShow,g]]):d)}}),l?r.h(r.TransitionGroup,{name:`${l}-transition`,onBeforeLeave:o,onEnter:i,onAfterEnter:a},{default:()=>s}):s}function Hs(e,t){return r.h(Pi,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:typeof e=="object"&&e.disabled})}function Ns(e){const t=r.cloneVNode(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function Ri(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}async function Ws(e,t,n){try{const{data:o}=await tn().POST("/api/visualizations",{type:e,title:t,config:n});return o.id}catch(o){$n(o)}}async function k0(e,t,n,o){try{if(t)await js(t,n,o);else return await Ws(e,n,o)}catch(i){$n(i)}}async function js(e,t,n){try{await tn().PUT(`/api/visualizations/${e}`,{title:t,config:n})}catch(o){$n(o)}}function fr(e){return String(e).toLowerCase()==="true"}async function T0(e,t={}){const n=hr(e.settings,t.settings),o=e.specs,i=R0(e.tracks,t.tracks);return{plugin:e,settings:n,specs:o,tracks:i}}function z0(e,t){let n=t??e.value;return["float","integer"].includes(e.type)?n=Number(n):e.type==="boolean"&&(n=fr(n)),n}function P0(e,t={}){var i,a,l;const n=t,o=(i=e.test_param)==null?void 0:i.name;if(!o)console.error(`Test parameter has no name: ${e.name}.`);else{const s=n[o]??((a=e.test_param)==null?void 0:a.value);for(const d of e.cases||[])d.value===s&&(n[o]=s,(l=d.inputs)!=null&&l.length&&hr(d.inputs,n))}return n}function hr(e,t){const n=t||{};return e==null||e.forEach(o=>{o.type==="conditional"?n[o.name]=P0(o,n[o.name]):n[o.name]=z0(o,n[o.name])}),n}function R0(e,t){const n=t||[];return e&&(n.length===0&&n.push({}),n.forEach((o,i)=>{n[i]=hr(e,o)})),n}const E0={key:2,class:"border border-dotted border-green-600 rounded mt-2 p-2"},B0=r.defineComponent({__name:"InputConditional",props:r.mergeModels({datasetId:{},input:{}},{value:{},valueModifiers:{}}),emits:r.mergeModels(["update:value"],["update:value"]),setup(e,{emit:t}){const n=e,o=t;if(!n.input.test_param)throw`The conditional '${n.input.name}' is missing a test parameter.`;if(!n.input.cases||n.input.cases.length===0)throw`The conditional '${n.input.name}' is missing a cases.`;const i=r.ref(n.input.test_param),a=i.value.name;a||console.error(`Test parameter has no name: ${n.input.name}.`);const l=r.useModel(e,"value");(!l.value||!(a in l.value))&&console.error(`Test parameter of conditional not available: ${n.input.name}.`,l.value);const s=r.ref(p()),d=r.computed(()=>{const h={};if(n.input.cases&&n.input.cases.length>0)for(const x of n.input.cases)h[x.value]=hr(x.inputs),h[x.value][a]=x.value;return h}),c=r.computed(()=>{const h={};if(n.input.cases&&n.input.cases.length>0)for(const x of n.input.cases)h[x.value]=x.inputs;return h}),u=r.computed(()=>c.value[s.value]),f=r.computed({get(){return s.value==="true"},set(h){s.value=String(h)}});function p(){return l.value&&l.value[a]}function g(h){let x={...d.value[s.value]};if(h){const w={};u.value.forEach(m=>{w[m.name]=h[m.name]}),x={...x,...h}}o("update:value",x)}return r.watch(()=>l.value,()=>{s.value=p()}),r.watch(()=>s.value,()=>{g()}),(h,x)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[i.value.type==="boolean"?(r.openBlock(),r.createBlock(r.unref(Os),{key:0,value:f.value,"onUpdate:value":x[0]||(x[0]=w=>f.value=w)},null,8,["value"])):(r.openBlock(),r.createBlock(r.unref(ao),{key:1,value:s.value,"onUpdate:value":x[1]||(x[1]=w=>s.value=w),options:i.value.data},null,8,["value","options"])),u.value?(r.openBlock(),r.createElementBlock("div",E0,[r.createVNode(Ei,{"dataset-id":h.datasetId,inputs:u.value,values:l.value,"onUpdate:values":g},null,8,["dataset-id","inputs","values"])])):r.createCommentVNode("",!0)],64))}}),M0={key:0,class:"text-red-600 mb-1"},F0=100,_0=r.defineComponent({__name:"InputData",props:r.mergeModels({extension:{},optional:{type:Boolean}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(e){const t=e,n=r.ref([]),o=r.useModel(e,"value"),i=r.ref(!1),a=r.ref(null);async function l(u){i.value=!0;try{const f=t.extension?`q=extension-eq&qv=${t.extension}&`:"",p=u?`q=name-contains&qv=${u}`:"",{data:g}=await tn().GET(`/api/datasets?limit=${F0}&${f}${p}`);if(g&&g.length>0){const h=g.map(x=>({label:x.name,value:{id:x.id,name:x.name}}));h.push({label:"...filter for more",value:null,disabled:!0}),t.optional&&h.unshift({label:"-- Clear Selection --",value:null}),n.value=h}}catch(f){console.log(f)}finally{i.value=!1}}function s(){o.value=a.value}function d(u){return r.h("div",{class:"my-1 whitespace-normal break-all"},[r.h(mt,{class:"size-3 mr-1"},{default:()=>r.h(ji)}),u.label])}function c({option:u}){return r.h("div",{class:"z-[1] whitespace-nowrap text-ellipsis overflow-hidden"},u.label)}return r.watch(()=>o.value,()=>{var u;a.value=((u=o.value)==null?void 0:u.name)||null},{immediate:!0}),l(),(u,f)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[!u.optional&&!o.value?(r.openBlock(),r.createElementBlock("div",M0,[r.createVNode(r.unref(mt),{class:"size-3 mr-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Wi))]),_:1}),f[1]||(f[1]=r.createElementVNode("span",null,"Please select a dataset.",-1))])):r.createCommentVNode("",!0),r.createVNode(r.unref(ao),{value:a.value,"onUpdate:value":[f[0]||(f[0]=p=>a.value=p),s],filterable:"",placeholder:"Select a Dataset",loading:i.value,"render-label":d,"render-tag":c,options:n.value,onSearch:l},null,8,["value","loading","options"])],64))}});function I0(e,t,n,o){const i=[];t&&i.push({label:"Column: Default",value:"auto"});const a=e.metadata_column_types;for(const l in a)(o&&["int","float"].includes(a[l])||n&&a[l]==="str"||!o&&!n)&&i.push({label:"Column: "+(parseInt(l)+1),value:l});return i}const A0=r.defineComponent({__name:"InputDataColumn",props:r.mergeModels({datasetId:{},isAuto:{type:Boolean},isText:{type:Boolean},isNumber:{type:Boolean}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(e){const t=e,n=r.ref([]),o=r.useModel(e,"value");async function i(){if(t.datasetId)try{const{data:l}=await tn().GET(`/api/datasets/${t.datasetId}`),s=I0(l,t.isAuto,t.isText,t.isNumber);n.value=s,a()}catch(l){console.log(l)}else console.log("Data column selector disabled, since `datasetId` is unavailable.")}function a(){n.value.length>0&&o.value===null&&(o.value=n.value[0].value)}return i(),r.watch(()=>o.value,()=>a()),(l,s)=>l.datasetId?(r.openBlock(),r.createBlock(r.unref(ao),{key:0,value:o.value,"onUpdate:value":s[0]||(s[0]=d=>o.value=d),options:n.value},null,8,["value","options"])):(r.openBlock(),r.createBlock(r.unref(On),{key:1,value:o.value,"onUpdate:value":s[1]||(s[1]=d=>o.value=d)},null,8,["value"]))}}),O0={class:"select-none"},D0={class:"font-bold mb-1"},V0={key:0,class:"text-xs mb-1"},L0={key:5},Us=.01,Ei=r.defineComponent({__name:"InputForm",props:{datasetId:{},inputs:{},values:{}},emits:["update:values"],setup(e,{emit:t}){const n=e,o=t,i=r.ref(a());function a(){const s={...n.values};return n.inputs.forEach(d=>{s[d.name]===void 0&&(s[d.name]=null)}),s}function l(){o("update:values",i.value)}return r.watch(()=>n.values,()=>{i.value=a()}),(s,d)=>(r.openBlock(),r.createElementBlock("div",O0,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s.inputs,(c,u)=>(r.openBlock(),r.createElementBlock("div",{key:u,class:r.normalizeClass(u<s.inputs.length-1?"pb-2":"")},[r.createElementVNode("div",D0,r.toDisplayString(c.label||c.name),1),c.help?(r.openBlock(),r.createElementBlock("div",V0,r.toDisplayString(c.help),1)):r.createCommentVNode("",!0),r.createElementVNode("div",null,[c.type==="boolean"?(r.openBlock(),r.createBlock(r.unref(Os),{key:0,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[0]||(d[0]=f=>l())]},null,8,["value","onUpdate:value"])):c.type==="color"?(r.openBlock(),r.createBlock(r.unref(Lv),{key:1,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[1]||(d[1]=f=>l())],modes:["hex"],"show-alpha":!1},null,8,["value","onUpdate:value"])):c.type==="conditional"?(r.openBlock(),r.createBlock(B0,{key:2,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[2]||(d[2]=f=>l())],"dataset-id":s.datasetId,input:c},null,8,["value","onUpdate:value","dataset-id","input"])):c.type==="data"?(r.openBlock(),r.createBlock(_0,{key:3,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[3]||(d[3]=f=>l())],extension:c.extension,optional:r.unref(fr)(c.optional)},null,8,["value","onUpdate:value","extension","optional"])):c.type==="data_column"?(r.openBlock(),r.createBlock(A0,{key:4,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[4]||(d[4]=f=>l())],"dataset-id":s.datasetId,"is-auto":r.unref(fr)(c.is_auto),"is-text":r.unref(fr)(c.is_text),"is-number":r.unref(fr)(c.is_number)},null,8,["value","onUpdate:value","dataset-id","is-auto","is-text","is-number"])):["float","integer"].includes(c.type)?(r.openBlock(),r.createElementBlock("div",L0,[c.min!==void 0&&c.max!==void 0?(r.openBlock(),r.createBlock(r.unref(v0),{key:0,class:"mb-2",value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[5]||(d[5]=f=>l())],min:Number(c.min),max:Number(c.max),step:c.type==="float"?Us:1},null,8,["value","onUpdate:value","min","max","step"])):r.createCommentVNode("",!0),r.createVNode(r.unref(p0),{value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[6]||(d[6]=f=>l())],size:"small",min:Number(c.min),max:Number(c.max),step:c.type==="float"?Us:1},null,8,["value","onUpdate:value","min","max","step"])])):c.type==="select"?(r.openBlock(),r.createBlock(r.unref(ao),{key:6,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[7]||(d[7]=f=>l())],options:c.data},null,8,["value","onUpdate:value","options"])):c.type==="textarea"?(r.openBlock(),r.createBlock(r.unref(On),{key:7,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[8]||(d[8]=f=>l())],rows:Number(c.rows),type:"textarea"},null,8,["value","onUpdate:value","rows"])):(r.openBlock(),r.createBlock(r.unref(On),{key:8,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[9]||(d[9]=f=>l())]},null,8,["value","onUpdate:value"]))])],2))),128))]))}}),H0={class:"border border-dotted border-green-600 rounded p-2"},N0={class:"mx-1"},W0=r.defineComponent({__name:"InputRepeats",props:{datasetId:{},inputs:{},valuesArray:{}},emits:["update:values-array"],setup(e,{emit:t}){const n=e,o=t,i=r.computed(()=>hr(n.inputs));function a(){const d=[...n.valuesArray];d.unshift(i.value),o("update:values-array",d)}function l(d){const c=[...n.valuesArray];c.splice(d,1),o("update:values-array",c)}function s(d,c){const u=[...n.valuesArray];u[d]={...c},o("update:values-array",u)}return(d,c)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createVNode(r.unref(Pt),{size:"tiny",type:"primary",onClick:a},{default:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(ji))]),_:1}),c[0]||(c[0]=r.createElementVNode("span",{class:"mx-1"},"Add New Track",-1))]),_:1}),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(d.valuesArray,(u,f)=>(r.openBlock(),r.createElementBlock("div",{key:f,class:"py-2"},[r.createElementVNode("div",H0,[r.createVNode(Ei,{"dataset-id":d.datasetId,inputs:d.inputs,values:u,"onUpdate:values":p=>s(f,p)},null,8,["dataset-id","inputs","values","onUpdate:values"]),r.createVNode(r.unref(Pt),{class:"w-full mt-2","data-description":"remove repeat block",size:"tiny",type:"primary",round:"",disabled:d.valuesArray.length<=1,onClick:p=>l(f)},{default:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(nd))]),_:1}),r.createElementVNode("span",N0,"Remove Track "+r.toDisplayString(d.valuesArray.length-f),1)]),_:2},1032,["disabled","onClick"])])]))),128))],64))}}),j0=2e3,U0=r.defineComponent({__name:"AlertNotify",props:{message:{},messageType:{default:"info"}},emits:["timeout"],setup(e,{emit:t}){const n=e,o=t;let i=null;return r.watch(()=>n.message,()=>{i&&clearTimeout(i),i=setTimeout(()=>o("timeout"),j0)}),(a,l)=>a.message?(r.openBlock(),r.createBlock(r.unref($s),{key:0,type:a.messageType},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(a.message),1)]),_:1},8,["type"])):r.createCommentVNode("",!0)}}),G0={class:"text-xs"},K0=r.defineComponent({__name:"ApiStatus",setup(e){const t=r.ref("...");async function n(){try{const{data:o}=await tn().GET("/api/version");t.value=o.version_major}catch{console.log("Unable to connect to Galaxy. Verify Galaxy is running and refer to docs."),t.value=""}}return n(),(o,i)=>t.value?(r.openBlock(),r.createBlock(r.unref(cr),{key:0,class:"mx-1",trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(mt),{class:"mx-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Zs),{class:"text-green-600"})]),_:1})]),default:r.withCtx(()=>[r.createElementVNode("span",G0,"Connected to Galaxy Version "+r.toDisplayString(t.value)+".",1)]),_:1})):(r.openBlock(),r.createBlock(r.unref(cr),{key:1,class:"mx-1",trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(mt),{class:"mx-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Wi),{class:"text-red-600"})]),_:1})]),default:r.withCtx(()=>[i[0]||(i[0]=r.createElementVNode("span",{class:"text-xs"},"Galaxy is not accessible!",-1))]),_:1}))}}),q0=(e,t)=>{const n=e.__vccOpts||e;for(const[o,i]of t)n[o]=i;return n},X0={},Y0={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 100 100",class:"size-14"};function Z0(e,t){return r.openBlock(),r.createElementBlock("svg",Y0,t[0]||(t[0]=[r.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#E30A17","stroke-width":"5"},null,-1),r.createElementVNode("path",{d:"M 50,5 A 45,45 0 0,1 95,50 L 50,50 Z",fill:"#E30A17"},null,-1)]))}const J0=q0(X0,[["render",Z0]]),Q0={class:"overflow-auto select-none bg-white z-10 p-2"},ex={key:0,class:"flex"},tx={class:"flex-1 font-thin text-lg mt-1"},nx={class:"bg-sky-50 text-sky-900 rounded my-2 p-2"},rx={class:"flex"},ox={class:"flex justify-center center-items"},ix={class:"m-2"},ax=["src"],lx={class:"overflow-hidden break-words p-1"},sx={class:"font-bold"},dx=["innerHTML"],cx=r.defineComponent({__name:"SidePanel",props:{datasetId:{},datasetUrl:{},description:{},logoUrl:{},html:{},name:{},settingInputs:{},settingValues:{},trackInputs:{},trackValues:{},visualizationId:{},visualizationTitle:{}},emits:["update:tracks","update:settings","update:visualization-id","update:visualization-title","toggle"],setup(e,{emit:t}){const n=e,o=t,i=r.ref(""),a=r.ref("info"),l=r.computed(()=>n.settingInputs.length===0||n.trackInputs.length===0);async function s(){try{if(n.visualizationId)await js(n.visualizationId,n.visualizationTitle,{dataset_id:n.datasetId,settings:n.settingValues,tracks:n.trackValues}),i.value="Successfully saved.",a.value="success";else{const f=await Ws(n.name,n.visualizationTitle,{dataset_id:n.datasetId,settings:n.settingValues,tracks:n.trackValues});f?(i.value="Successfully created.",a.value="success",o("update:visualization-id",f)):(i.value="Something went wrong.",a.value="error")}}catch(f){i.value=Oi(f),a.value="error"}}function d(f){o("update:settings",f)}function c(f){o("update:tracks",f)}function u(f){o("update:visualization-title",f)}return(f,p)=>(r.openBlock(),r.createElementBlock("div",Q0,[f.datasetUrl?(r.openBlock(),r.createElementBlock("div",ex,[r.createElementVNode("div",tx,[p[2]||(p[2]=r.createElementVNode("span",null,"Charts",-1)),r.createVNode(K0)]),r.createElementVNode("div",null,[f.datasetId?(r.openBlock(),r.createBlock(r.unref(cr),{key:0,trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100 mr-2","data-description":"sidepanel save button",onClick:s},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(ed))]),_:1})]),_:1})]),default:r.withCtx(()=>[p[3]||(p[3]=r.createElementVNode("span",{class:"text-xs"},"Save",-1))]),_:1})):r.createCommentVNode("",!0),r.createVNode(r.unref(cr),{trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100",onClick:p[0]||(p[0]=g=>o("toggle"))},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Qs))]),_:1})]),_:1})]),default:r.withCtx(()=>[p[4]||(p[4]=r.createElementVNode("span",{class:"text-xs"},"Collapse",-1))]),_:1})])])):r.createCommentVNode("",!0),r.createVNode(U0,{message:i.value,"message-type":a.value,onTimeout:p[1]||(p[1]=g=>i.value=""),class:"mt-2"},null,8,["message","message-type"]),r.createElementVNode("div",nx,[r.createElementVNode("div",rx,[r.createElementVNode("div",ox,[r.createElementVNode("div",ix,[n.logoUrl?(r.openBlock(),r.createElementBlock("img",{key:0,src:n.logoUrl,class:"min-w-14 max-w-14 object-contain"},null,8,ax)):(r.openBlock(),r.createBlock(J0,{key:1}))])]),r.createElementVNode("div",lx,[r.createElementVNode("span",sx,r.toDisplayString(f.html),1),r.createElementVNode("div",{class:"text-xs",innerHTML:f.description},null,8,dx)])])]),r.createElementVNode("div",null,[p[5]||(p[5]=r.createElementVNode("div",{class:"font-bold"},"Title",-1)),p[6]||(p[6]=r.createElementVNode("div",{class:"text-xs py-1"},"Specify a visualization title.",-1)),r.createVNode(r.unref(On),{value:f.visualizationTitle,onInput:u},null,8,["value"])]),r.createVNode(r.unref($0),{type:"line",animated:"",class:"mt-2","pane-wrapper-class":"!overflow-visible","tab-class":l.value?"!hidden":""},{default:r.withCtx(()=>[f.trackInputs.length>0?(r.openBlock(),r.createBlock(r.unref(Vs),{key:0,name:"tracks"},{tab:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(td))]),_:1}),p[7]||(p[7]=r.createElementVNode("span",{class:"mx-1"},"Tracks",-1))]),default:r.withCtx(()=>[r.createVNode(W0,{"dataset-id":f.datasetId,inputs:f.trackInputs,"values-array":f.trackValues,"onUpdate:valuesArray":c},null,8,["dataset-id","inputs","values-array"])]),_:1})):r.createCommentVNode("",!0),f.settingInputs.length>0?(r.openBlock(),r.createBlock(r.unref(Vs),{key:1,name:"settings"},{tab:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Xs))]),_:1}),p[8]||(p[8]=r.createElementVNode("span",{class:"mx-1"},"Settings",-1))]),default:r.withCtx(()=>[r.createVNode(Ei,{"dataset-id":f.datasetId,inputs:f.settingInputs,values:f.settingValues,"onUpdate:values":d},null,8,["dataset-id","inputs","values"])]),_:1})):r.createCommentVNode("",!0)]),_:1},8,["tab-class"])]))}});function ux(e,t="app"){if(e===void 0){const s=document.getElementById(t);if(s)e=JSON.parse((s==null?void 0:s.getAttribute("data-incoming"))||"{}");else throw new Error(`Container element '${t}' not found.`)}const n=(e==null?void 0:e.root)??"/",o=(e==null?void 0:e.visualization_config)??{},i=(e==null?void 0:e.visualization_id)??null,a=(e==null?void 0:e.visualization_plugin)??{},l=(e==null?void 0:e.visualization_title)??"Unnamed Visualization";return{root:n,visualizationConfig:o,visualizationId:i,visualizationPlugin:a,visualizationTitle:l}}const fx={key:1,class:"m-2"},hx={key:0,class:"relative max-w-full h-screen overflow-hidden"},px=r.defineComponent({__name:"GalaxyCharts",props:{container:{},credentials:{},incoming:{}},setup(e){const t=e,{root:n,visualizationConfig:o,visualizationId:i,visualizationPlugin:a,visualizationTitle:l}=ux(t.incoming,t.container),s=r.ref(!0),d=r.ref(""),c=r.ref(""),u=r.ref(""),f=r.ref(!0),p=r.ref(""),g=r.ref(""),h=r.ref([]),x=r.ref({}),w=r.ref({}),m=r.ref([]),P=r.ref([]),O=r.ref(i),$=r.ref(l),k=Li();k.setCredentials(t.credentials||"include"),k.setRoot(n||"/"),T0(a,o).then(({plugin:oe,settings:te,specs:ce,tracks:j})=>{d.value=oe.description||"",u.value=oe.html||"",f.value=!1,p.value=oe.logo||"",g.value=oe.name||"",h.value=oe.settings||[],x.value=te,w.value=ce||{},m.value=oe.tracks||[],P.value=j});const F=r.computed(()=>o.dataset_id||""),b=r.computed(()=>o.dataset_url?(console.debug(`GalaxyCharts: Evaluating dataset url: ${o.dataset_url}.`),o.dataset_url):F.value?(console.debug(`GalaxyCharts: Built dataset url from dataset id: ${F.value}.`),Ks(n,F.value)):""),S=r.computed(()=>p.value&&`${n}${p.value}`),M=r.computed(()=>h.value.length===0&&m.value.length===0);async function D(){s.value=!s.value,await r.nextTick(),window?window.dispatchEvent(new Event("resize")):console.warn("window unavailable.")}function q(){try{window.postMessage({container:t.container,from:"galaxy-visualization",visualization_config:JSON.parse(JSON.stringify(G())),visualization_id:O.value,visualization_title:$.value},"*")}catch(oe){c.value=`Failed to postMessage: ${oe}`}}function G(){return{dataset_id:F.value,dataset_url:b.value,settings:x.value,tracks:P.value}}function A(oe){x.value={...oe},q()}function W(oe){P.value=[...oe],q()}function L(oe){O.value=oe,q()}function Z(oe){$.value=oe,q()}async function Y(oe){ie(oe);try{const te=await k0(g.value,O.value,$.value,G());te&&L(te)}catch(te){c.value=`Failed to save: ${te}`}}function ie(oe){A({...x.value,...oe})}return(oe,te)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[c.value?(r.openBlock(),r.createBlock(r.unref($s),{key:0,type:"error",class:"m-2"},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(c.value),1)]),_:1})):r.createCommentVNode("",!0),f.value?(r.openBlock(),r.createElementBlock("div",fx,[r.createElementVNode("span",null,[r.createVNode(r.unref(Ys),{class:"animate-spin size-4 inline mx-1"})]),te[0]||(te[0]=r.createElementVNode("span",{class:"text-xs"},"Please wait...",-1))])):(r.openBlock(),r.createElementBlock("div",{key:2,class:r.normalizeClass(["grid h-screen",{"grid-cols-[1fr_17rem]":!s.value&&!M.value&&b.value}])},[b.value?(r.openBlock(),r.createElementBlock("div",hx,[r.renderSlot(oe.$slots,"default",{datasetId:F.value,datasetUrl:b.value,root:r.unref(n),settings:x.value,specs:w.value,tracks:P.value,save:Y,update:ie})])):r.createCommentVNode("",!0),s.value&&!M.value&&b.value?(r.openBlock(),r.createBlock(r.unref(cr),{key:1,trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100 m-2 absolute right-0",onClick:D},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Js))]),_:1})]),_:1})]),default:r.withCtx(()=>[te[1]||(te[1]=r.createElementVNode("span",{class:"text-xs"},"Expand",-1))]),_:1})):r.createCommentVNode("",!0),r.withDirectives(r.createVNode(cx,{"dataset-id":F.value,"dataset-url":b.value,description:d.value,html:u.value,"logo-url":S.value,name:g.value,"setting-inputs":h.value,"setting-values":x.value,"track-inputs":m.value,"track-values":P.value,"visualization-id":O.value,"visualization-title":$.value,"onUpdate:settings":A,"onUpdate:tracks":W,"onUpdate:visualizationId":L,"onUpdate:visualizationTitle":Z,onToggle:D},null,8,["dataset-id","dataset-url","description","html","logo-url","name","setting-inputs","setting-values","track-inputs","track-values","visualization-id","visualization-title"]),[[r.vShow,!s.value&&!M.value||!b.value]])],2))],64))}});je.GalaxyApi=tn,je.GalaxyCharts=px,je.useColumnsStore=qs,Object.defineProperty(je,Symbol.toStringTag,{value:"Module"})});
|
|
1981
|
+
`)])])])]),S0=Object.assign(Object.assign({},Ce.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:"click"},type:{type:String,default:"bar"},closable:Boolean,justifyContent:String,size:{type:String,default:"medium"},placement:{type:String,default:"top"},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),$0=r.defineComponent({name:"Tabs",props:S0,setup(e,{slots:t}){var n,o,i,a;process.env.NODE_ENV!=="production"&&r.watchEffect(()=>{e.labelSize!==void 0&&Qe("tabs","`label-size` is deprecated, please use `size` instead."),e.activeName!==void 0&&Qe("tabs","`active-name` is deprecated, please use `value` instead."),e.onActiveNameChange!==void 0&&Qe("tabs","`on-active-name-change` is deprecated, please use `on-update:value` instead.")});const{mergedClsPrefixRef:l,inlineThemeDisabled:s}=Je(e),d=Ce("Tabs","-tabs",C0,d0,e,l),c=r.ref(null),u=r.ref(null),f=r.ref(null),p=r.ref(null),g=r.ref(null),h=r.ref(null),x=r.ref(!0),w=r.ref(!0),m=Tr(e,["labelSize","size"]),P=Tr(e,["activeName","value"]),O=r.ref((o=(n=P.value)!==null&&n!==void 0?n:e.defaultValue)!==null&&o!==void 0?o:t.default?(a=(i=Mn(t.default())[0])===null||i===void 0?void 0:i.props)===null||a===void 0?void 0:a.name:null),$=Ct(P,O),k={id:0},F=r.computed(()=>{if(!(!e.justifyContent||e.type==="card"))return{display:"flex",justifyContent:e.justifyContent}});r.watch($,()=>{k.id=0,q(),G()});function b(){var B;const{value:I}=$;return I===null?null:(B=c.value)===null||B===void 0?void 0:B.querySelector(`[data-name="${I}"]`)}function S(B){if(e.type==="card")return;const{value:I}=u;if(!I)return;const K=I.style.opacity==="0";if(B){const T=`${l.value}-tabs-bar--disabled`,{barWidth:C,placement:E}=e;if(B.dataset.disabled==="true"?I.classList.add(T):I.classList.remove(T),["top","bottom"].includes(E)){if(D(["top","maxHeight","height"]),typeof C=="number"&&B.offsetWidth>=C){const re=Math.floor((B.offsetWidth-C)/2)+B.offsetLeft;I.style.left=`${re}px`,I.style.maxWidth=`${C}px`}else I.style.left=`${B.offsetLeft}px`,I.style.maxWidth=`${B.offsetWidth}px`;I.style.width="8192px",K&&(I.style.transition="none"),I.offsetWidth,K&&(I.style.transition="",I.style.opacity="1")}else{if(D(["left","maxWidth","width"]),typeof C=="number"&&B.offsetHeight>=C){const re=Math.floor((B.offsetHeight-C)/2)+B.offsetTop;I.style.top=`${re}px`,I.style.maxHeight=`${C}px`}else I.style.top=`${B.offsetTop}px`,I.style.maxHeight=`${B.offsetHeight}px`;I.style.height="8192px",K&&(I.style.transition="none"),I.offsetHeight,K&&(I.style.transition="",I.style.opacity="1")}}}function M(){if(e.type==="card")return;const{value:B}=u;B&&(B.style.opacity="0")}function D(B){const{value:I}=u;if(I)for(const K of B)I.style[K]=""}function q(){if(e.type==="card")return;const B=b();B?S(B):M()}function G(){var B;const I=(B=g.value)===null||B===void 0?void 0:B.$el;if(!I)return;const K=b();if(!K)return;const{scrollLeft:T,offsetWidth:C}=I,{offsetLeft:E,offsetWidth:re}=K;T>E?I.scrollTo({top:0,left:E,behavior:"smooth"}):E+re>T+C&&I.scrollTo({top:0,left:E+re-C,behavior:"smooth"})}const A=r.ref(null);let W=0,L=null;function Z(B){const I=A.value;if(I){W=B.getBoundingClientRect().height;const K=`${W}px`,T=()=>{I.style.height=K,I.style.maxHeight=K};L?(T(),L(),L=null):L=T}}function Y(B){const I=A.value;if(I){const K=B.getBoundingClientRect().height,T=()=>{document.body.offsetHeight,I.style.maxHeight=`${K}px`,I.style.height=`${Math.max(W,K)}px`};L?(L(),L=null,T()):L=T}}function ie(){const B=A.value;if(B){B.style.maxHeight="",B.style.height="";const{paneWrapperStyle:I}=e;if(typeof I=="string")B.style.cssText=I;else if(I){const{maxHeight:K,height:T}=I;K!==void 0&&(B.style.maxHeight=K),T!==void 0&&(B.style.height=T)}}}const oe={value:[]},te=r.ref("next");function ce(B){const I=$.value;let K="next";for(const T of oe.value){if(T===I)break;if(T===B){K="prev";break}}te.value=K,j(B)}function j(B){const{onActiveNameChange:I,onUpdateValue:K,"onUpdate:value":T}=e;I&&pe(I,B),K&&pe(K,B),T&&pe(T,B),O.value=B}function ee(B){const{onClose:I}=e;I&&pe(I,B)}function fe(){const{value:B}=u;if(!B)return;const I="transition-disabled";B.classList.add(I),q(),B.classList.remove(I)}const ye=r.ref(null);function ae({transitionDisabled:B}){const I=c.value;if(!I)return;B&&I.classList.add("transition-disabled");const K=b();K&&ye.value&&(ye.value.style.width=`${K.offsetWidth}px`,ye.value.style.height=`${K.offsetHeight}px`,ye.value.style.transform=`translateX(${K.offsetLeft-ot(getComputedStyle(I).paddingLeft)}px)`,B&&ye.value.offsetWidth),B&&I.classList.remove("transition-disabled")}r.watch([$],()=>{e.type==="segment"&&r.nextTick(()=>{ae({transitionDisabled:!1})})}),r.onMounted(()=>{e.type==="segment"&&ae({transitionDisabled:!0})});let $e=0;function we(B){var I;if(B.contentRect.width===0&&B.contentRect.height===0||$e===B.contentRect.width)return;$e=B.contentRect.width;const{type:K}=e;if((K==="line"||K==="bar")&&fe(),K!=="segment"){const{placement:T}=e;De((T==="top"||T==="bottom"?(I=g.value)===null||I===void 0?void 0:I.$el:h.value)||null)}}const se=si(we,64);r.watch([()=>e.justifyContent,()=>e.size],()=>{r.nextTick(()=>{const{type:B}=e;(B==="line"||B==="bar")&&fe()})});const Re=r.ref(!1);function Ee(B){var I;const{target:K,contentRect:{width:T,height:C}}=B,E=K.parentElement.parentElement.offsetWidth,re=K.parentElement.parentElement.offsetHeight,{placement:xe}=e;if(!Re.value)xe==="top"||xe==="bottom"?E<T&&(Re.value=!0):re<C&&(Re.value=!0);else{const{value:Se}=p;if(!Se)return;xe==="top"||xe==="bottom"?E-T>Se.$el.offsetWidth&&(Re.value=!1):re-C>Se.$el.offsetHeight&&(Re.value=!1)}De(((I=g.value)===null||I===void 0?void 0:I.$el)||null)}const Ne=si(Ee,64);function _e(){const{onAdd:B}=e;B&&B(),r.nextTick(()=>{const I=b(),{value:K}=g;!I||!K||K.scrollTo({left:I.offsetLeft,top:0,behavior:"smooth"})})}function De(B){if(!B)return;const{placement:I}=e;if(I==="top"||I==="bottom"){const{scrollLeft:K,scrollWidth:T,offsetWidth:C}=B;x.value=K<=0,w.value=K+C>=T}else{const{scrollTop:K,scrollHeight:T,offsetHeight:C}=B;x.value=K<=0,w.value=K+C>=T}}const Ge=si(B=>{De(B.target)},64);r.provide(zi,{triggerRef:r.toRef(e,"trigger"),tabStyleRef:r.toRef(e,"tabStyle"),tabClassRef:r.toRef(e,"tabClass"),addTabStyleRef:r.toRef(e,"addTabStyle"),addTabClassRef:r.toRef(e,"addTabClass"),paneClassRef:r.toRef(e,"paneClass"),paneStyleRef:r.toRef(e,"paneStyle"),mergedClsPrefixRef:l,typeRef:r.toRef(e,"type"),closableRef:r.toRef(e,"closable"),valueRef:$,tabChangeIdRef:k,onBeforeLeaveRef:r.toRef(e,"onBeforeLeave"),activateTab:ce,handleClose:ee,handleAdd:_e}),da(()=>{q(),G()}),r.watchEffect(()=>{const{value:B}=f;if(!B)return;const{value:I}=l,K=`${I}-tabs-nav-scroll-wrapper--shadow-start`,T=`${I}-tabs-nav-scroll-wrapper--shadow-end`;x.value?B.classList.remove(K):B.classList.add(K),w.value?B.classList.remove(T):B.classList.add(T)});const Te={syncBarPosition:()=>{q()}},X=()=>{ae({transitionDisabled:!0})},_=r.computed(()=>{const{value:B}=m,{type:I}=e,K={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[I],T=`${B}${K}`,{self:{barColor:C,closeIconColor:E,closeIconColorHover:re,closeIconColorPressed:xe,tabColor:Se,tabBorderColor:We,paneTextColor:Ie,tabFontWeight:Be,tabBorderRadius:qe,tabFontWeightActive:st,colorSegment:Ye,fontWeightStrong:at,tabColorSegment:v,closeSize:H,closeIconSize:J,closeColorHover:le,closeColorPressed:de,closeBorderRadius:ue,[Q("panePadding",B)]:he,[Q("tabPadding",T)]:me,[Q("tabPaddingVertical",T)]:ze,[Q("tabGap",T)]:rt,[Q("tabGap",`${T}Vertical`)]:Rt,[Q("tabTextColor",I)]:wn,[Q("tabTextColorActive",I)]:Jt,[Q("tabTextColorHover",I)]:Qt,[Q("tabTextColorDisabled",I)]:pr,[Q("tabFontSize",B)]:br},common:{cubicBezierEaseInOut:Vn}}=d.value;return{"--n-bezier":Vn,"--n-color-segment":Ye,"--n-bar-color":C,"--n-tab-font-size":br,"--n-tab-text-color":wn,"--n-tab-text-color-active":Jt,"--n-tab-text-color-disabled":pr,"--n-tab-text-color-hover":Qt,"--n-pane-text-color":Ie,"--n-tab-border-color":We,"--n-tab-border-radius":qe,"--n-close-size":H,"--n-close-icon-size":J,"--n-close-color-hover":le,"--n-close-color-pressed":de,"--n-close-border-radius":ue,"--n-close-icon-color":E,"--n-close-icon-color-hover":re,"--n-close-icon-color-pressed":xe,"--n-tab-color":Se,"--n-tab-font-weight":Be,"--n-tab-font-weight-active":st,"--n-tab-padding":me,"--n-tab-padding-vertical":ze,"--n-tab-gap":rt,"--n-tab-gap-vertical":Rt,"--n-pane-padding-left":dt(he,"left"),"--n-pane-padding-right":dt(he,"right"),"--n-pane-padding-top":dt(he,"top"),"--n-pane-padding-bottom":dt(he,"bottom"),"--n-font-weight-strong":at,"--n-tab-color-segment":v}}),ne=s?tt("tabs",r.computed(()=>`${m.value[0]}${e.type[0]}`),_,e):void 0;return Object.assign({mergedClsPrefix:l,mergedValue:$,renderedNames:new Set,segmentCapsuleElRef:ye,tabsPaneWrapperRef:A,tabsElRef:c,barElRef:u,addTabInstRef:p,xScrollInstRef:g,scrollWrapperElRef:f,addTabFixed:Re,tabWrapperStyle:F,handleNavResize:se,mergedSize:m,handleScroll:Ge,handleTabsResize:Ne,cssVars:s?void 0:_,themeClass:ne==null?void 0:ne.themeClass,animationDirection:te,renderNameListRef:oe,yScrollElRef:h,handleSegmentResize:X,onAnimationBeforeLeave:Z,onAnimationEnter:Y,onAnimationAfterEnter:ie,onRender:ne==null?void 0:ne.onRender},Te)},render(){const{mergedClsPrefix:e,type:t,placement:n,addTabFixed:o,addable:i,mergedSize:a,renderNameListRef:l,onRender:s,paneWrapperClass:d,paneWrapperStyle:c,$slots:{default:u,prefix:f,suffix:p}}=this;s==null||s();const g=u?Mn(u()).filter(k=>k.type.__TAB_PANE__===!0):[],h=u?Mn(u()).filter(k=>k.type.__TAB__===!0):[],x=!h.length,w=t==="card",m=t==="segment",P=!w&&!m&&this.justifyContent;l.value=[];const O=()=>{const k=r.h("div",{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},P?null:r.h("div",{class:`${e}-tabs-scroll-padding`,style:n==="top"||n==="bottom"?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),x?g.map((F,b)=>(l.value.push(F.props.name),Ri(r.h(Pi,Object.assign({},F.props,{internalCreatedByPane:!0,internalLeftPadded:b!==0&&(!P||P==="center"||P==="start"||P==="end")}),F.children?{default:F.children.tab}:void 0)))):h.map((F,b)=>(l.value.push(F.props.name),Ri(b!==0&&!P?Ns(F):F))),!o&&i&&w?Hs(i,(x?g.length:h.length)!==0):null,P?null:r.h("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return r.h("div",{ref:"tabsElRef",class:`${e}-tabs-nav-scroll-content`},w&&i?r.h(Gt,{onResize:this.handleTabsResize},{default:()=>k}):k,w?r.h("div",{class:`${e}-tabs-pad`}):null,w?null:r.h("div",{ref:"barElRef",class:`${e}-tabs-bar`}))},$=m?"top":n;return r.h("div",{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${a}-size`,P&&`${e}-tabs--flex`,`${e}-tabs--${$}`],style:this.cssVars},r.h("div",{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${$}`,`${e}-tabs-nav`]},Ae(f,k=>k&&r.h("div",{class:`${e}-tabs-nav__prefix`},k)),m?r.h(Gt,{onResize:this.handleSegmentResize},{default:()=>r.h("div",{class:`${e}-tabs-rail`,ref:"tabsElRef"},r.h("div",{class:`${e}-tabs-capsule`,ref:"segmentCapsuleElRef"},r.h("div",{class:`${e}-tabs-wrapper`},r.h("div",{class:`${e}-tabs-tab`}))),x?g.map((k,F)=>(l.value.push(k.props.name),r.h(Pi,Object.assign({},k.props,{internalCreatedByPane:!0,internalLeftPadded:F!==0}),k.children?{default:k.children.tab}:void 0))):h.map((k,F)=>(l.value.push(k.props.name),F===0?k:Ns(k))))}):r.h(Gt,{onResize:this.handleNavResize},{default:()=>r.h("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes($)?r.h(Mc,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:O}):r.h("div",{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},O()))}),o&&i&&w?Hs(i,!0):null,Ae(p,k=>k&&r.h("div",{class:`${e}-tabs-nav__suffix`},k))),x&&(this.animated&&($==="top"||$==="bottom")?r.h("div",{ref:"tabsPaneWrapperRef",style:c,class:[`${e}-tabs-pane-wrapper`,d]},Ls(g,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):Ls(g,this.mergedValue,this.renderedNames)))}});function Ls(e,t,n,o,i,a,l){const s=[];return e.forEach(d=>{const{name:c,displayDirective:u,"display-directive":f}=d.props,p=h=>u===h||f===h,g=t===c;if(d.key!==void 0&&(d.key=c),g||p("show")||p("show:lazy")&&n.has(c)){n.has(c)||n.add(c);const h=!p("if");s.push(h?r.withDirectives(d,[[r.vShow,g]]):d)}}),l?r.h(r.TransitionGroup,{name:`${l}-transition`,onBeforeLeave:o,onEnter:i,onAfterEnter:a},{default:()=>s}):s}function Hs(e,t){return r.h(Pi,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:typeof e=="object"&&e.disabled})}function Ns(e){const t=r.cloneVNode(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function Ri(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}async function Ws(e,t,n){try{const{data:o}=await tn().POST("/api/visualizations",{type:e,title:t,config:n});return o.id}catch(o){$n(o)}}async function k0(e,t,n,o){try{if(t)await js(t,n,o);else return await Ws(e,n,o)}catch(i){$n(i)}}async function js(e,t,n){try{await tn().PUT(`/api/visualizations/${e}`,{title:t,config:n})}catch(o){$n(o)}}function fr(e){return String(e).toLowerCase()==="true"}async function T0(e,t={}){const n=hr(e.settings,t.settings),o=e.specs,i=R0(e.tracks,t.tracks);return{plugin:e,settings:n,specs:o,tracks:i}}function z0(e,t){let n=t??e.value;return["float","integer"].includes(e.type)?n=Number(n):e.type==="boolean"&&(n=fr(n)),n}function P0(e,t={}){var i,a,l;const n=t,o=(i=e.test_param)==null?void 0:i.name;if(!o)console.error(`Test parameter has no name: ${e.name}.`);else{const s=n[o]??((a=e.test_param)==null?void 0:a.value);for(const d of e.cases||[])d.value===s&&(n[o]=s,(l=d.inputs)!=null&&l.length&&hr(d.inputs,n))}return n}function hr(e,t){const n=t||{};return e==null||e.forEach(o=>{o.type==="conditional"?n[o.name]=P0(o,n[o.name]):n[o.name]=z0(o,n[o.name])}),n}function R0(e,t){const n=t||[];return e&&(n.length===0&&n.push({}),n.forEach((o,i)=>{n[i]=hr(e,o)})),n}const E0={key:2,class:"border border-dotted border-green-600 rounded mt-2 p-2"},B0=r.defineComponent({__name:"InputConditional",props:r.mergeModels({datasetId:{},input:{}},{value:{},valueModifiers:{}}),emits:r.mergeModels(["update:value"],["update:value"]),setup(e,{emit:t}){const n=e,o=t;if(!n.input.test_param)throw`The conditional '${n.input.name}' is missing a test parameter.`;if(!n.input.cases||n.input.cases.length===0)throw`The conditional '${n.input.name}' is missing a cases.`;const i=r.ref(n.input.test_param),a=i.value.name;a||console.error(`Test parameter has no name: ${n.input.name}.`);const l=r.useModel(e,"value");(!l.value||!(a in l.value))&&console.error(`Test parameter of conditional not available: ${n.input.name}.`,l.value);const s=r.ref(p()),d=r.computed(()=>{const h={};if(n.input.cases&&n.input.cases.length>0)for(const x of n.input.cases)h[x.value]=hr(x.inputs),h[x.value][a]=x.value;return h}),c=r.computed(()=>{const h={};if(n.input.cases&&n.input.cases.length>0)for(const x of n.input.cases)h[x.value]=x.inputs;return h}),u=r.computed(()=>c.value[s.value]),f=r.computed({get(){return s.value==="true"},set(h){s.value=String(h)}});function p(){return l.value&&l.value[a]}function g(h){let x={...d.value[s.value]};if(h){const w={};u.value.forEach(m=>{w[m.name]=h[m.name]}),x={...x,...h}}o("update:value",x)}return r.watch(()=>l.value,()=>{s.value=p()}),r.watch(()=>s.value,()=>{g()}),(h,x)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[i.value.type==="boolean"?(r.openBlock(),r.createBlock(r.unref(Os),{key:0,value:f.value,"onUpdate:value":x[0]||(x[0]=w=>f.value=w)},null,8,["value"])):(r.openBlock(),r.createBlock(r.unref(ao),{key:1,value:s.value,"onUpdate:value":x[1]||(x[1]=w=>s.value=w),options:i.value.data},null,8,["value","options"])),u.value?(r.openBlock(),r.createElementBlock("div",E0,[r.createVNode(Ei,{"dataset-id":h.datasetId,inputs:u.value,values:l.value,"onUpdate:values":g},null,8,["dataset-id","inputs","values"])])):r.createCommentVNode("",!0)],64))}}),M0={key:0,class:"text-red-600 mb-1"},F0=100,_0=r.defineComponent({__name:"InputData",props:r.mergeModels({extension:{},optional:{type:Boolean}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(e){const t=e,n=r.ref([]),o=r.useModel(e,"value"),i=r.ref(!1),a=r.ref(null);async function l(u){i.value=!0;try{const f=t.extension?`q=extension-eq&qv=${t.extension}&`:"",p=u?`q=name-contains&qv=${u}`:"",{data:g}=await tn().GET(`/api/datasets?limit=${F0}&${f}${p}`);if(g&&g.length>0){const h=g.map(x=>({label:x.name,value:{id:x.id,name:x.name}}));h.push({label:"...filter for more",value:null,disabled:!0}),t.optional&&h.unshift({label:"-- Clear Selection --",value:null}),n.value=h}}catch(f){console.log(f)}finally{i.value=!1}}function s(){o.value=a.value}function d(u){return r.h("div",{class:"my-1 whitespace-normal break-all"},[r.h(mt,{class:"size-3 mr-1"},{default:()=>r.h(ji)}),u.label])}function c({option:u}){return r.h("div",{class:"z-[1] whitespace-nowrap text-ellipsis overflow-hidden"},u.label)}return r.watch(()=>o.value,()=>{var u;a.value=((u=o.value)==null?void 0:u.name)||null},{immediate:!0}),l(),(u,f)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[!u.optional&&!o.value?(r.openBlock(),r.createElementBlock("div",M0,[r.createVNode(r.unref(mt),{class:"size-3 mr-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Wi))]),_:1}),f[1]||(f[1]=r.createElementVNode("span",null,"Please select a dataset.",-1))])):r.createCommentVNode("",!0),r.createVNode(r.unref(ao),{value:a.value,"onUpdate:value":[f[0]||(f[0]=p=>a.value=p),s],filterable:"",placeholder:"Select a Dataset",loading:i.value,"render-label":d,"render-tag":c,options:n.value,onSearch:l},null,8,["value","loading","options"])],64))}});function I0(e,t,n,o){const i=[];t&&i.push({label:"Column: Default",value:"auto"});const a=e.metadata_column_types;for(const l in a)(o&&["int","float"].includes(a[l])||n&&a[l]==="str"||!o&&!n)&&i.push({label:"Column: "+(parseInt(l)+1),value:l});return i}const A0=r.defineComponent({__name:"InputDataColumn",props:r.mergeModels({datasetId:{},isAuto:{type:Boolean},isText:{type:Boolean},isNumber:{type:Boolean}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(e){const t=e,n=r.ref([]),o=r.useModel(e,"value");async function i(){if(t.datasetId)try{const{data:l}=await tn().GET(`/api/datasets/${t.datasetId}`),s=I0(l,t.isAuto,t.isText,t.isNumber);n.value=s,a()}catch(l){console.log(l)}else console.log("Data column selector disabled, since `datasetId` is unavailable.")}function a(){n.value.length>0&&o.value===null&&(o.value=n.value[0].value)}return i(),r.watch(()=>o.value,()=>a()),(l,s)=>l.datasetId?(r.openBlock(),r.createBlock(r.unref(ao),{key:0,value:o.value,"onUpdate:value":s[0]||(s[0]=d=>o.value=d),options:n.value},null,8,["value","options"])):(r.openBlock(),r.createBlock(r.unref(On),{key:1,value:o.value,"onUpdate:value":s[1]||(s[1]=d=>o.value=d)},null,8,["value"]))}}),O0={class:"select-none"},D0={class:"font-bold mb-1"},V0={key:0,class:"text-xs mb-1"},L0={key:5},Us=.01,Ei=r.defineComponent({__name:"InputForm",props:{datasetId:{},inputs:{},values:{}},emits:["update:values"],setup(e,{emit:t}){const n=e,o=t,i=r.ref(a());function a(){const s={...n.values};return n.inputs.forEach(d=>{s[d.name]===void 0&&(s[d.name]=null)}),s}function l(){o("update:values",i.value)}return r.watch(()=>n.values,()=>{i.value=a()}),(s,d)=>(r.openBlock(),r.createElementBlock("div",O0,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s.inputs,(c,u)=>(r.openBlock(),r.createElementBlock("div",{key:u,class:r.normalizeClass(u<s.inputs.length-1?"pb-2":"")},[r.createElementVNode("div",D0,r.toDisplayString(c.label||c.name),1),c.help?(r.openBlock(),r.createElementBlock("div",V0,r.toDisplayString(c.help),1)):r.createCommentVNode("",!0),r.createElementVNode("div",null,[c.type==="boolean"?(r.openBlock(),r.createBlock(r.unref(Os),{key:0,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[0]||(d[0]=f=>l())]},null,8,["value","onUpdate:value"])):c.type==="color"?(r.openBlock(),r.createBlock(r.unref(Lv),{key:1,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[1]||(d[1]=f=>l())],modes:["hex"],"show-alpha":!1},null,8,["value","onUpdate:value"])):c.type==="conditional"?(r.openBlock(),r.createBlock(B0,{key:2,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[2]||(d[2]=f=>l())],"dataset-id":s.datasetId,input:c},null,8,["value","onUpdate:value","dataset-id","input"])):c.type==="data"?(r.openBlock(),r.createBlock(_0,{key:3,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[3]||(d[3]=f=>l())],extension:c.extension,optional:r.unref(fr)(c.optional)},null,8,["value","onUpdate:value","extension","optional"])):c.type==="data_column"?(r.openBlock(),r.createBlock(A0,{key:4,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[4]||(d[4]=f=>l())],"dataset-id":s.datasetId,"is-auto":r.unref(fr)(c.is_auto),"is-text":r.unref(fr)(c.is_text),"is-number":r.unref(fr)(c.is_number)},null,8,["value","onUpdate:value","dataset-id","is-auto","is-text","is-number"])):["float","integer"].includes(c.type)?(r.openBlock(),r.createElementBlock("div",L0,[c.min!==void 0&&c.max!==void 0?(r.openBlock(),r.createBlock(r.unref(v0),{key:0,class:"mb-2",value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[5]||(d[5]=f=>l())],min:Number(c.min),max:Number(c.max),step:c.type==="float"?Us:1},null,8,["value","onUpdate:value","min","max","step"])):r.createCommentVNode("",!0),r.createVNode(r.unref(p0),{value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[6]||(d[6]=f=>l())],size:"small",min:Number(c.min),max:Number(c.max),step:c.type==="float"?Us:1},null,8,["value","onUpdate:value","min","max","step"])])):c.type==="select"?(r.openBlock(),r.createBlock(r.unref(ao),{key:6,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[7]||(d[7]=f=>l())],options:c.data},null,8,["value","onUpdate:value","options"])):c.type==="textarea"?(r.openBlock(),r.createBlock(r.unref(On),{key:7,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[8]||(d[8]=f=>l())],rows:Number(c.rows),type:"textarea"},null,8,["value","onUpdate:value","rows"])):(r.openBlock(),r.createBlock(r.unref(On),{key:8,value:i.value[c.name],"onUpdate:value":[f=>i.value[c.name]=f,d[9]||(d[9]=f=>l())]},null,8,["value","onUpdate:value"]))])],2))),128))]))}}),H0={class:"border border-dotted border-green-600 rounded p-2"},N0={class:"mx-1"},W0=r.defineComponent({__name:"InputRepeats",props:{datasetId:{},inputs:{},valuesArray:{}},emits:["update:values-array"],setup(e,{emit:t}){const n=e,o=t,i=r.computed(()=>hr(n.inputs));function a(){const d=[...n.valuesArray];d.unshift(i.value),o("update:values-array",d)}function l(d){const c=[...n.valuesArray];c.splice(d,1),o("update:values-array",c)}function s(d,c){const u=[...n.valuesArray];u[d]={...c},o("update:values-array",u)}return(d,c)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createVNode(r.unref(Pt),{size:"tiny",type:"primary",onClick:a},{default:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(ji))]),_:1}),c[0]||(c[0]=r.createElementVNode("span",{class:"mx-1"},"Add New Track",-1))]),_:1}),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(d.valuesArray,(u,f)=>(r.openBlock(),r.createElementBlock("div",{key:f,class:"py-2"},[r.createElementVNode("div",H0,[r.createVNode(Ei,{"dataset-id":d.datasetId,inputs:d.inputs,values:u,"onUpdate:values":p=>s(f,p)},null,8,["dataset-id","inputs","values","onUpdate:values"]),r.createVNode(r.unref(Pt),{class:"w-full mt-2","data-description":"remove repeat block",disabled:d.valuesArray.length<=1,size:"tiny",type:"primary",onClick:p=>l(f)},{default:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(nd))]),_:1}),r.createElementVNode("span",N0,"Remove Track "+r.toDisplayString(d.valuesArray.length-f),1)]),_:2},1032,["disabled","onClick"])])]))),128))],64))}}),j0=2e3,U0=r.defineComponent({__name:"AlertNotify",props:{message:{},messageType:{default:"info"}},emits:["timeout"],setup(e,{emit:t}){const n=e,o=t;let i=null;return r.watch(()=>n.message,()=>{i&&clearTimeout(i),i=setTimeout(()=>o("timeout"),j0)}),(a,l)=>a.message?(r.openBlock(),r.createBlock(r.unref($s),{key:0,type:a.messageType},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(a.message),1)]),_:1},8,["type"])):r.createCommentVNode("",!0)}}),G0={class:"text-xs"},K0=r.defineComponent({__name:"ApiStatus",setup(e){const t=r.ref("...");async function n(){try{const{data:o}=await tn().GET("/api/version");t.value=o.version_major}catch{console.log("Unable to connect to Galaxy. Verify Galaxy is running and refer to docs."),t.value=""}}return n(),(o,i)=>t.value?(r.openBlock(),r.createBlock(r.unref(cr),{key:0,class:"mx-1",trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(mt),{class:"mx-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Zs),{class:"text-green-600"})]),_:1})]),default:r.withCtx(()=>[r.createElementVNode("span",G0,"Connected to Galaxy Version "+r.toDisplayString(t.value)+".",1)]),_:1})):(r.openBlock(),r.createBlock(r.unref(cr),{key:1,class:"mx-1",trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(mt),{class:"mx-1"},{default:r.withCtx(()=>[r.createVNode(r.unref(Wi),{class:"text-red-600"})]),_:1})]),default:r.withCtx(()=>[i[0]||(i[0]=r.createElementVNode("span",{class:"text-xs"},"Galaxy is not accessible!",-1))]),_:1}))}}),q0=(e,t)=>{const n=e.__vccOpts||e;for(const[o,i]of t)n[o]=i;return n},X0={},Y0={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 100 100",class:"size-14"};function Z0(e,t){return r.openBlock(),r.createElementBlock("svg",Y0,t[0]||(t[0]=[r.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#E30A17","stroke-width":"5"},null,-1),r.createElementVNode("path",{d:"M 50,5 A 45,45 0 0,1 95,50 L 50,50 Z",fill:"#E30A17"},null,-1)]))}const J0=q0(X0,[["render",Z0]]),Q0={class:"overflow-auto select-none bg-white z-10 p-2"},ex={key:0,class:"flex"},tx={class:"flex-1 font-thin text-lg mt-1"},nx={class:"bg-sky-50 text-sky-900 rounded my-2 p-2"},rx={class:"flex"},ox={class:"flex justify-center center-items"},ix={class:"m-2"},ax=["src"],lx={class:"overflow-hidden break-words p-1"},sx={class:"font-bold"},dx=["innerHTML"],cx=r.defineComponent({__name:"SidePanel",props:{datasetId:{},datasetUrl:{},description:{},logoUrl:{},html:{},name:{},settingInputs:{},settingValues:{},trackInputs:{},trackValues:{},visualizationId:{},visualizationTitle:{}},emits:["update:tracks","update:settings","update:visualization-id","update:visualization-title","toggle"],setup(e,{emit:t}){const n=e,o=t,i=r.ref(""),a=r.ref("info"),l=r.computed(()=>n.settingInputs.length===0||n.trackInputs.length===0);async function s(){try{if(n.visualizationId)await js(n.visualizationId,n.visualizationTitle,{dataset_id:n.datasetId,settings:n.settingValues,tracks:n.trackValues}),i.value="Successfully saved.",a.value="success";else{const f=await Ws(n.name,n.visualizationTitle,{dataset_id:n.datasetId,settings:n.settingValues,tracks:n.trackValues});f?(i.value="Successfully created.",a.value="success",o("update:visualization-id",f)):(i.value="Something went wrong.",a.value="error")}}catch(f){i.value=Oi(f),a.value="error"}}function d(f){o("update:settings",f)}function c(f){o("update:tracks",f)}function u(f){o("update:visualization-title",f)}return(f,p)=>(r.openBlock(),r.createElementBlock("div",Q0,[f.datasetUrl?(r.openBlock(),r.createElementBlock("div",ex,[r.createElementVNode("div",tx,[p[2]||(p[2]=r.createElementVNode("span",null,"Charts",-1)),r.createVNode(K0)]),r.createElementVNode("div",null,[f.datasetId?(r.openBlock(),r.createBlock(r.unref(cr),{key:0,trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100 mr-2","data-description":"sidepanel save button",onClick:s},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(ed))]),_:1})]),_:1})]),default:r.withCtx(()=>[p[3]||(p[3]=r.createElementVNode("span",{class:"text-xs"},"Save",-1))]),_:1})):r.createCommentVNode("",!0),r.createVNode(r.unref(cr),{trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100",onClick:p[0]||(p[0]=g=>o("toggle"))},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Qs))]),_:1})]),_:1})]),default:r.withCtx(()=>[p[4]||(p[4]=r.createElementVNode("span",{class:"text-xs"},"Collapse",-1))]),_:1})])])):r.createCommentVNode("",!0),r.createVNode(U0,{message:i.value,"message-type":a.value,onTimeout:p[1]||(p[1]=g=>i.value=""),class:"mt-2"},null,8,["message","message-type"]),r.createElementVNode("div",nx,[r.createElementVNode("div",rx,[r.createElementVNode("div",ox,[r.createElementVNode("div",ix,[n.logoUrl?(r.openBlock(),r.createElementBlock("img",{key:0,src:n.logoUrl,class:"min-w-14 max-w-14 object-contain"},null,8,ax)):(r.openBlock(),r.createBlock(J0,{key:1}))])]),r.createElementVNode("div",lx,[r.createElementVNode("span",sx,r.toDisplayString(f.html),1),r.createElementVNode("div",{class:"text-xs",innerHTML:f.description},null,8,dx)])])]),r.createElementVNode("div",null,[p[5]||(p[5]=r.createElementVNode("div",{class:"font-bold"},"Title",-1)),p[6]||(p[6]=r.createElementVNode("div",{class:"text-xs py-1"},"Specify a visualization title.",-1)),r.createVNode(r.unref(On),{value:f.visualizationTitle,onInput:u},null,8,["value"])]),r.createVNode(r.unref($0),{type:"line",animated:"",class:"mt-2","pane-wrapper-class":"!overflow-visible","tab-class":l.value?"!hidden":""},{default:r.withCtx(()=>[f.trackInputs.length>0?(r.openBlock(),r.createBlock(r.unref(Vs),{key:0,name:"tracks"},{tab:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(td))]),_:1}),p[7]||(p[7]=r.createElementVNode("span",{class:"mx-1"},"Tracks",-1))]),default:r.withCtx(()=>[r.createVNode(W0,{"dataset-id":f.datasetId,inputs:f.trackInputs,"values-array":f.trackValues,"onUpdate:valuesArray":c},null,8,["dataset-id","inputs","values-array"])]),_:1})):r.createCommentVNode("",!0),f.settingInputs.length>0?(r.openBlock(),r.createBlock(r.unref(Vs),{key:1,name:"settings"},{tab:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Xs))]),_:1}),p[8]||(p[8]=r.createElementVNode("span",{class:"mx-1"},"Settings",-1))]),default:r.withCtx(()=>[r.createVNode(Ei,{"dataset-id":f.datasetId,inputs:f.settingInputs,values:f.settingValues,"onUpdate:values":d},null,8,["dataset-id","inputs","values"])]),_:1})):r.createCommentVNode("",!0)]),_:1},8,["tab-class"])]))}});function ux(e,t="app"){if(e===void 0){const s=document.getElementById(t);if(s)e=JSON.parse((s==null?void 0:s.getAttribute("data-incoming"))||"{}");else throw new Error(`Container element '${t}' not found.`)}const n=(e==null?void 0:e.root)??"/",o=(e==null?void 0:e.visualization_config)??{},i=(e==null?void 0:e.visualization_id)??null,a=(e==null?void 0:e.visualization_plugin)??{},l=(e==null?void 0:e.visualization_title)??"Unnamed Visualization";return{root:n,visualizationConfig:o,visualizationId:i,visualizationPlugin:a,visualizationTitle:l}}const fx={key:1,class:"m-2"},hx={key:0,class:"relative max-w-full h-screen overflow-hidden"},px=r.defineComponent({__name:"GalaxyCharts",props:{container:{},credentials:{},incoming:{}},setup(e){const t=e,{root:n,visualizationConfig:o,visualizationId:i,visualizationPlugin:a,visualizationTitle:l}=ux(t.incoming,t.container),s=r.ref(!0),d=r.ref(""),c=r.ref(""),u=r.ref(""),f=r.ref(!0),p=r.ref(""),g=r.ref(""),h=r.ref([]),x=r.ref({}),w=r.ref({}),m=r.ref([]),P=r.ref([]),O=r.ref(i),$=r.ref(l),k=Li();k.setCredentials(t.credentials||"include"),k.setRoot(n||"/"),T0(a,o).then(({plugin:oe,settings:te,specs:ce,tracks:j})=>{d.value=oe.description||"",u.value=oe.html||"",f.value=!1,p.value=oe.logo||"",g.value=oe.name||"",h.value=oe.settings||[],x.value=te,w.value=ce||{},m.value=oe.tracks||[],P.value=j});const F=r.computed(()=>o.dataset_id||""),b=r.computed(()=>o.dataset_url?(console.debug(`GalaxyCharts: Evaluating dataset url: ${o.dataset_url}.`),o.dataset_url):F.value?(console.debug(`GalaxyCharts: Built dataset url from dataset id: ${F.value}.`),Ks(n,F.value)):""),S=r.computed(()=>p.value&&`${n}${p.value}`),M=r.computed(()=>h.value.length===0&&m.value.length===0);async function D(){s.value=!s.value,await r.nextTick(),window?window.dispatchEvent(new Event("resize")):console.warn("window unavailable.")}function q(){try{window.postMessage({container:t.container,from:"galaxy-visualization",visualization_config:JSON.parse(JSON.stringify(G())),visualization_id:O.value,visualization_title:$.value},"*")}catch(oe){c.value=`Failed to postMessage: ${oe}`}}function G(){return{dataset_id:F.value,dataset_url:b.value,settings:x.value,tracks:P.value}}function A(oe){x.value={...oe},q()}function W(oe){P.value=[...oe],q()}function L(oe){O.value=oe,q()}function Z(oe){$.value=oe,q()}async function Y(oe){ie(oe);try{const te=await k0(g.value,O.value,$.value,G());te&&L(te)}catch(te){c.value=`Failed to save: ${te}`}}function ie(oe){A({...x.value,...oe})}return(oe,te)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[c.value?(r.openBlock(),r.createBlock(r.unref($s),{key:0,type:"error",class:"m-2"},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(c.value),1)]),_:1})):r.createCommentVNode("",!0),f.value?(r.openBlock(),r.createElementBlock("div",fx,[r.createElementVNode("span",null,[r.createVNode(r.unref(Ys),{class:"animate-spin size-4 inline mx-1"})]),te[0]||(te[0]=r.createElementVNode("span",{class:"text-xs"},"Please wait...",-1))])):(r.openBlock(),r.createElementBlock("div",{key:2,class:r.normalizeClass(["grid h-screen",{"grid-cols-[1fr_17rem]":!s.value&&!M.value&&b.value}])},[b.value?(r.openBlock(),r.createElementBlock("div",hx,[r.renderSlot(oe.$slots,"default",{datasetId:F.value,datasetUrl:b.value,root:r.unref(n),settings:x.value,specs:w.value,tracks:P.value,save:Y,update:ie})])):r.createCommentVNode("",!0),s.value&&!M.value&&b.value?(r.openBlock(),r.createBlock(r.unref(cr),{key:1,trigger:"hover",to:!1},{trigger:r.withCtx(()=>[r.createVNode(r.unref(Pt),{strong:"",secondary:"",circle:"",class:"bg-sky-100 m-2 absolute right-0",onClick:D},{icon:r.withCtx(()=>[r.createVNode(r.unref(mt),null,{default:r.withCtx(()=>[r.createVNode(r.unref(Js))]),_:1})]),_:1})]),default:r.withCtx(()=>[te[1]||(te[1]=r.createElementVNode("span",{class:"text-xs"},"Expand",-1))]),_:1})):r.createCommentVNode("",!0),r.withDirectives(r.createVNode(cx,{"dataset-id":F.value,"dataset-url":b.value,description:d.value,html:u.value,"logo-url":S.value,name:g.value,"setting-inputs":h.value,"setting-values":x.value,"track-inputs":m.value,"track-values":P.value,"visualization-id":O.value,"visualization-title":$.value,"onUpdate:settings":A,"onUpdate:tracks":W,"onUpdate:visualizationId":L,"onUpdate:visualizationTitle":Z,onToggle:D},null,8,["dataset-id","dataset-url","description","html","logo-url","name","setting-inputs","setting-values","track-inputs","track-values","visualization-id","visualization-title"]),[[r.vShow,!s.value&&!M.value||!b.value]])],2))],64))}});je.GalaxyApi=tn,je.GalaxyCharts=px,je.useColumnsStore=qs,Object.defineProperty(je,Symbol.toStringTag,{value:"Module"})});
|