@platforma-open/milaboratories.repertoire-diversity-2.ui 1.2.0 → 1.2.1
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/.turbo/turbo-build.log +4 -4
- package/CHANGELOG.md +6 -0
- package/dist/assets/{index-BB8INdIV.js → index-By82DgWj.js} +2 -2
- package/dist/assets/{index-BB8INdIV.js.map → index-By82DgWj.js.map} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/pages/DiversityCard.vue +2 -1
package/.turbo/turbo-build.log
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
WARN Issue while reading "/home/runner/work/repertoire-diversity/repertoire-diversity/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
|
2
2
|
|
3
|
-
> @platforma-open/milaboratories.repertoire-diversity-2.ui@1.2.
|
3
|
+
> @platforma-open/milaboratories.repertoire-diversity-2.ui@1.2.1 build /home/runner/work/repertoire-diversity/repertoire-diversity/ui
|
4
4
|
> vue-tsc -b && vite build
|
5
5
|
|
6
6
|
[36mvite v6.2.6 [32mbuilding for production...[36m[39m
|
@@ -8,12 +8,12 @@ transforming...
|
|
8
8
|
[32m✓[39m 37 modules transformed.
|
9
9
|
rendering chunks...
|
10
10
|
computing gzip size...
|
11
|
-
[2mdist/[22m[32mindex.html [39m[1m[2m 0.45 kB[22m[1m[22m[2m │ gzip: 0.
|
11
|
+
[2mdist/[22m[32mindex.html [39m[1m[2m 0.45 kB[22m[1m[22m[2m │ gzip: 0.29 kB[22m
|
12
12
|
[2mdist/[22m[2massets/[22m[35mindex-DaxvQYSw.css [39m[1m[2m1,468.98 kB[22m[1m[22m[2m │ gzip: 376.51 kB[22m
|
13
|
-
[2mdist/[22m[2massets/[22m[36mindex-
|
13
|
+
[2mdist/[22m[2massets/[22m[36mindex-By82DgWj.js [39m[1m[33m5,147.82 kB[39m[22m[2m │ gzip: 1,292.47 kB[22m[2m │ map: 14,902.60 kB[22m
|
14
14
|
[33m
|
15
15
|
(!) Some chunks are larger than 500 kB after minification. Consider:
|
16
16
|
- Using dynamic import() to code-split the application
|
17
17
|
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
|
18
18
|
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.[39m
|
19
|
-
[32m✓ built in 13.
|
19
|
+
[32m✓ built in 13.77s[39m
|
package/CHANGELOG.md
CHANGED
@@ -23921,5 +23921,5 @@ void main() {
|
|
23921
23921
|
* See the License for the specific language governing permissions and
|
23922
23922
|
* limitations under the License.
|
23923
23923
|
*)
|
23924
|
-
*/const tDn={class:"graph-maker"},nDn={class:"graph-maker__main-pane"},rDn=mt({__name:"index",props:DA({pFrame:{},chartType:{},defaultOptions:{},fixedOptions:{},allowChartDeleting:{type:Boolean},driver:{},tooltipButton:{},labelsModifier:{type:Function},dataColumnPredicate:{type:Function},readonlyInputs:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:DA(["delete-this-graph","tooltip-btn-click","update-lasso-polygon"],["update:modelValue"]),setup(e,{expose:t,emit:n}){const r=n,i=kA(e,"modelValue"),s=e;t({reset:c,resetDefaults:d});const o=Je(null);qt(()=>s.pFrame,I=>{var F;if(!I)return;const R="platforma"in window?(F=window.platforma)==null?void 0:F.pFrameDriver:s.driver;if(!R)throw new Error("PFrame driver is missing");o.value=new Wut(I,R,s.labelsModifier)},{immediate:!0});const a=Je(s.fixedOptions??[]);qt(()=>s.fixedOptions,(I,F)=>{(I&&F&&JSON.stringify(I)!==JSON.stringify(F)||I&&!F||F&&!I)&&(a.value=I)},{deep:!0});const l=Je(s.defaultOptions),u=fgt(zr(i.value),o,s.chartType,l,a,s.dataColumnPredicate,s.readonlyInputs);function c(){const I=XAe(zr(i.value),s.chartType);Object.assign(u.value.reactive,I),Object.assign(u.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),l.value=s.defaultOptions}function d(){Object.assign(u.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),l.value=s.defaultOptions}const p=me(()=>M3t(u.value.reactive.currentTab)),f=f0(null),m=Je(null),A=me(()=>{var I;const F=u.value.inputGuide.value,R=u.value.chartData.value;return F.consistent?F.ready?R&&((I=Object.values(R.dataByColumns.values)[0])==null?void 0:I.length)===0?"empty":"ready":"notReady":"inconsistent"});function C(I){var F;u.value.reactive.dendroSelectedNodeId=(F=I==null?void 0:I.info[0])==null?void 0:F.id,u.value.reactive.dendroInfoByClick=I}function w(I){r("update-lasso-polygon",I)}const x={dendro:[C],"scatterplot-umap":[w],discrete:[],scatterplot:[],histogram:[],heatmap:[],bubble:[]};function S(I){var F,R,O;if(I&&((F=Object.values(I.dataByColumns.values)[0])==null?void 0:F.length)>0){if(f.value)f.value.updateSettingsAndData(zr(I.dataByColumns),zr(I.settings));else{const _=document.getElementById("chartSvgContainer");_&&(f.value=eDn.newPlot(zr(I.dataByColumns),zr(I.settings),x[I.settings.type]),f.value.mount(_))}m.value=(R=f.value)!=null&&R.calculatedData?{...f.value.calculatedData}:null}else(O=f.value)==null||O.unmount(),f.value=null}qt(()=>u.value.chartData.value,I=>{S(I)}),up(()=>{S(u.value.chartData.value)}),sx(()=>{var I;(I=f.value)==null||I.unmount()});function D(){i.value={...i.value,optionsState:qc(u.value.reactive.optionsState),statisticsSettings:qc(u.value.reactive.statisticsSettings),axesSettings:qc(u.value.reactive.axesSettings),layersSettings:qc(u.value.reactive.layersSettings),dataBindAes:qc(u.value.reactive.dataBindAes),zoomState:u.value.reactive.chartScale,template:u.value.reactive.template,currentTab:u.value.reactive.currentTab}}qt(()=>u.value.reactive.optionsState,I=>{console.log("new options state",I),i.value={...i.value,optionsState:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.statisticsSettings,I=>{i.value={...i.value,statisticsSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.axesSettings,I=>{i.value={...i.value,axesSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.layersSettings,I=>{i.value={...i.value,layersSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.dataBindAes,I=>{i.value={...i.value,dataBindAes:qc(I)}},{deep:!0}),qt([()=>u.value.reactive.chartScale,()=>u.value.reactive.template,()=>u.value.reactive.currentTab],([I,F,R])=>{i.value={...i.value,zoomState:I,template:F,currentTab:R}}),qt(()=>i.value.currentTab,I=>{u.value.reactive.currentTab=I===void 0?"dataMapping":I}),qt(()=>{var I,F,R;return(R=(F=(I=i.value)==null?void 0:I.layersSettings)==null?void 0:F.dendro)==null?void 0:R.showTable},I=>{u.value.reactive.layersSettings.dendro.showTable=I??!1});function P(){var I;dgt(new Blob([((I=f.value)==null?void 0:I.export())??""]),"chart.svg")}function M(I){i.value={...i.value,title:I},D()}function T(I){var F;u.value.reactive.dendroSelectedNodeId=I,(F=f.value)==null||F.updateChartState("selectedNode",I)}const H=wd(),N=me(()=>!!H.settingsSlot);return(I,F)=>(q(),pe("div",tDn,[J("div",nDn,[be(gEt,{"graph-status":A.value,graphTitle:i.value.title,chartData:m.value,dendroTooltipButton:I.tooltipButton,onGraphTitleUpdate:M,onDendroNodeSelect:T,onDendroTooltipBtnClick:F[0]||(F[0]=R=>I.$emit("tooltip-btn-click",R))},{default:Et(()=>[ur(I.$slots,"titleLineSlot")]),_:3},8,["graph-status","graphTitle","chartData","dendroTooltipButton"]),Y(u).loading.initialInputGuide?je("",!0):(q(),rt(R3t,{key:0,id:"graph-settings-modal"},{default:Et(()=>[Y(u).reactive.currentTab?(q(),rt(T3t,{key:0,onClose:F[1]||(F[1]=R=>Y(u).reactive.currentTab=null)},{default:Et(()=>[(q(),rt(Ca(p.value.value),null,{default:Et(()=>[ur(I.$slots,"settingsSlot")]),_:3}))]),_:3})):je("",!0)]),_:3}))]),Y(u).loading.initialInputGuide?je("",!0):(q(),rt(F3t,{key:0,"chart-type":Y(u).reactive.chartType,"graph-status":A.value,allowDeleting:I.allowChartDeleting,hasSettingsSlot:N.value,modelValue:Y(u).reactive.currentTab,"onUpdate:modelValue":F[2]||(F[2]=R=>Y(u).reactive.currentTab=R),onExport:P,onDelete:F[3]||(F[3]=R=>I.$emit("delete-this-graph"))},null,8,["chart-type","graph-status","allowDeleting","hasSettingsSlot","modelValue"])),Y(u).loading.initialInputGuide?(q(),rt(Xve,{key:1,top:80,left:12,right:12,bottom:12})):je("",!0)]))}}),iDn=mt({__name:"DiversityGraph",setup(e){const t=fY(),n=me(()=>[{inputName:"y",selectedSource:{kind:"PColumn",valueType:"Double",name:"pl7.app/diversity",axesSpec:[]}},{inputName:"primaryGrouping",selectedSource:{type:"String",name:"pl7.app/sampleId"}}]);return(r,i)=>(q(),rt(Y(rDn),{modelValue:Y(t).model.ui.graphState,"onUpdate:modelValue":i[0]||(i[0]=s=>Y(t).model.ui.graphState=s),"chart-type":"discrete","p-frame":Y(t).model.outputs.pf,"default-options":n.value},null,8,["modelValue","p-frame","default-options"]))}}),Iwe=[{value:"chao1",label:"Chao1 Estimate"},{value:"d50",label:"D50 Diversity"},{value:"efronThisted",label:"Efron-Thisted Estimate"},{value:"observed",label:"Observed Diversity"},{value:"shannonWienerIndex",label:"Shannon-Wiener Index"},{value:"shannonWiener",label:"Shannon-Wiener Diversity"},{value:"normalizedShannonWiener",label:"Normalized Shannon-Wiener Index"},{value:"inverseSimpson",label:"Inverse Simpson Index"},{value:"gini",label:"Gini Index"}],sDn=(()=>{const e=new Map;for(const t of Iwe)e.set(t.value,t.label);return e})(),oDn=e=>sDn.get(e),aDn={class:"d-flex flex-column gap-24"},lDn=mt({__name:"DiversityCard",props:{modelValue:{default:{type:void 0,downsampling:{type:"none"}}},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=[{label:"None",value:"none"},{label:"Top N",value:"top"},{label:"Cumulative Top",value:"cumtop"},{label:"Random Sampling",value:"hypergeometric"}],n=kA(e,"modelValue");return(r,i)=>(q(),pe("div",aDn,[be(Y(ro),{modelValue:n.value.type,"onUpdate:modelValue":i[0]||(i[0]=s=>n.value.type=s),options:Y(Iwe),label:"Type",required:""},null,8,["modelValue","options"]),be(Y(ro),{modelValue:n.value.downsampling.type,"onUpdate:modelValue":i[1]||(i[1]=s=>n.value.downsampling.type=s),options:t,label:"Downsampling",required:""},null,8,["modelValue"]),n.value.downsampling.type==="cumtop"?(q(),rt(Y(Fg),{key:0,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[2]||(i[2]=s=>n.value.downsampling.n=s),label:"Select % of the repertoire to include",minValue:0,maxValue:100,step:1,required:""},null,8,["modelValue"])):je("",!0),n.value.downsampling.type==="top"?(q(),rt(Y(Fg),{key:1,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[3]||(i[3]=s=>n.value.downsampling.n=s),label:"Select Top N",minValue:0,required:""},null,8,["modelValue"])):je("",!0),n.value.downsampling.type==="hypergeometric"?(q(),rt(Y(gi),{key:2,modelValue:n.value.downsampling.valueChooser,"onUpdate:modelValue":i[4]||(i[4]=s=>n.value.downsampling.valueChooser=s),options:[{value:"fixed",label:"Fixed"},{value:"min",label:"Min"},{value:"auto",label:"Auto"}]},null,8,["modelValue"])):je("",!0),n.value.downsampling.valueChooser==="fixed"?(q(),rt(Y(Fg),{key:3,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[5]||(i[5]=s=>n.value.downsampling.n=s),label:"Select N",minValue:0,required:""},null,8,["modelValue"])):je("",!0)]))}}),uDn={class:"metrics-manager d-flex flex-column gap-6"},cDn=["onClick"],dDn={class:"metrics-manager__expand-icon"},hDn={class:"metrics-manager__title flex-grow-1 text-s-btn"},pDn={class:"metrics-manager__actions"},fDn=["onClick"],gDn={class:"metrics-manager__content d-flex gap-24 p-24 flex-column"},mDn={class:"metrics-manager__add-btn-icon"},ADn=mt({__name:"SettingsModal",props:{modelValue:{type:Boolean,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=fY();function n(l){var c,d;t.model.args.abundanceRef=l;let u="";l&&(u=((d=(c=t.model.outputs.abundanceOptions)==null?void 0:c.find(p=>tat(p.ref,l)))==null?void 0:d.label)??""),t.model.ui.blockTitle="Repertoire Diversity – "+u}const r=kA(e,"modelValue"),i=ks({}),s=l=>{i[l]?delete i[l]:i[l]=!0},o=l=>{const u=t.model.args.metrics.length;t.model.args.metrics.splice(l,1),delete i[l];for(let c=l;c<u-1;c++)i[c]=i[c+1]},a=()=>{t.updateArgs(l=>{const u=l.metrics.length;l.metrics.push({type:void 0,downsampling:{type:"none",valueChooser:"auto"}}),i[u]=!0})};return(l,u)=>(q(),rt(Y(hW),{modelValue:r.value,"onUpdate:modelValue":u[1]||(u[1]=c=>r.value=c)},{title:Et(()=>u[2]||(u[2]=[xt("Settings")])),default:Et(()=>[be(Y(GKe),{modelValue:Y(t).model.args.abundanceRef,"onUpdate:modelValue":[u[0]||(u[0]=c=>Y(t).model.args.abundanceRef=c),n],options:Y(t).model.outputs.abundanceOptions??[],label:"Abundance",required:""},null,8,["modelValue","options"]),J("div",uDn,[(q(!0),pe(Nt,null,lr(Y(t).model.args.metrics,(c,d)=>(q(),pe("div",{key:d,class:bt([{open:i[d]??!1},"metrics-manager__metric"])},[J("div",{class:"metrics-manager__header d-flex align-center gap-8",onClick:p=>s(d)},[J("div",dDn,[be(Y(gf),{name:"chevron-right"})]),J("div",hDn,Xt(c.type?Y(oDn)(c.type):"New Metric"),1),J("div",pDn,[J("div",{class:"metrics-manager__delete ms-auto",onClick:cs(p=>o(d),["stop"])},[be(Y(mf),{name:"close"})],8,fDn)])],8,cDn),J("div",gDn,[be(lDn,{modelValue:Y(t).model.args.metrics[d],"onUpdate:modelValue":p=>Y(t).model.args.metrics[d]=p},null,8,["modelValue","onUpdate:modelValue"])])],2))),128)),J("div",{class:bt([{"pt-24":!0},"metrics-manager__add-action-wrapper"])},[J("div",{class:"metrics-manager__add-btn",onClick:a},[J("div",mDn,[be(Y(gf),{name:"add"})]),u[3]||(u[3]=J("div",{class:"metrics-manager__add-btn-title text-s-btn"},"Add Metric",-1))])])])]),_:1},8,["modelValue"]))}}),vDn=mt({__name:"MainPage",setup(e){const t=fY(),n=me(()=>({sourceType:"ptable",pTable:t.model.outputs.pt})),r=Je(t.model.outputs.pt===void 0),i=()=>{r.value=!0};return(s,o)=>(q(),pe(Nt,null,[be(Y(j$e),null,{title:Et(()=>[be(Y(XYe),{modelValue:Y(t).model.ui.blockTitle,"onUpdate:modelValue":o[0]||(o[0]=a=>Y(t).model.ui.blockTitle=a),"max-width":"600px","max-length":40},null,8,["modelValue"])]),append:Et(()=>[be(Y(xit)),be(Y(Wb),{onClick:cs(i,["stop"])},{append:Et(()=>[be(Y(mf),{name:"settings"})]),default:Et(()=>[o[3]||(o[3]=xt(" Settings "))]),_:1})]),default:Et(()=>[be(Y(Nit),{modelValue:Y(t).model.ui.tableState,"onUpdate:modelValue":o[1]||(o[1]=a=>Y(t).model.ui.tableState=a),settings:n.value,"show-columns-panel":"","show-export-button":""},null,8,["modelValue","settings"])]),_:1}),be(ADn,{modelValue:r.value,"onUpdate:modelValue":o[2]||(o[2]=a=>r.value=a)},null,8,["modelValue"])],64))}}),Lwe=C$e(Xat,()=>({routes:{"/":()=>vDn,"/diversityGraph":()=>iDn}})),fY=Lwe.useApp;cSe(zrt).use(Lwe).mount("#app");
|
23925
|
-
//# sourceMappingURL=index-
|
23924
|
+
*/const tDn={class:"graph-maker"},nDn={class:"graph-maker__main-pane"},rDn=mt({__name:"index",props:DA({pFrame:{},chartType:{},defaultOptions:{},fixedOptions:{},allowChartDeleting:{type:Boolean},driver:{},tooltipButton:{},labelsModifier:{type:Function},dataColumnPredicate:{type:Function},readonlyInputs:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:DA(["delete-this-graph","tooltip-btn-click","update-lasso-polygon"],["update:modelValue"]),setup(e,{expose:t,emit:n}){const r=n,i=kA(e,"modelValue"),s=e;t({reset:c,resetDefaults:d});const o=Je(null);qt(()=>s.pFrame,I=>{var F;if(!I)return;const R="platforma"in window?(F=window.platforma)==null?void 0:F.pFrameDriver:s.driver;if(!R)throw new Error("PFrame driver is missing");o.value=new Wut(I,R,s.labelsModifier)},{immediate:!0});const a=Je(s.fixedOptions??[]);qt(()=>s.fixedOptions,(I,F)=>{(I&&F&&JSON.stringify(I)!==JSON.stringify(F)||I&&!F||F&&!I)&&(a.value=I)},{deep:!0});const l=Je(s.defaultOptions),u=fgt(zr(i.value),o,s.chartType,l,a,s.dataColumnPredicate,s.readonlyInputs);function c(){const I=XAe(zr(i.value),s.chartType);Object.assign(u.value.reactive,I),Object.assign(u.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),l.value=s.defaultOptions}function d(){Object.assign(u.value.loading,{initialInputGuide:!0,initialCharts:!0,initialDefaults:!0,inputGuide:!1,chartData:!1}),l.value=s.defaultOptions}const p=me(()=>M3t(u.value.reactive.currentTab)),f=f0(null),m=Je(null),A=me(()=>{var I;const F=u.value.inputGuide.value,R=u.value.chartData.value;return F.consistent?F.ready?R&&((I=Object.values(R.dataByColumns.values)[0])==null?void 0:I.length)===0?"empty":"ready":"notReady":"inconsistent"});function C(I){var F;u.value.reactive.dendroSelectedNodeId=(F=I==null?void 0:I.info[0])==null?void 0:F.id,u.value.reactive.dendroInfoByClick=I}function w(I){r("update-lasso-polygon",I)}const x={dendro:[C],"scatterplot-umap":[w],discrete:[],scatterplot:[],histogram:[],heatmap:[],bubble:[]};function S(I){var F,R,O;if(I&&((F=Object.values(I.dataByColumns.values)[0])==null?void 0:F.length)>0){if(f.value)f.value.updateSettingsAndData(zr(I.dataByColumns),zr(I.settings));else{const _=document.getElementById("chartSvgContainer");_&&(f.value=eDn.newPlot(zr(I.dataByColumns),zr(I.settings),x[I.settings.type]),f.value.mount(_))}m.value=(R=f.value)!=null&&R.calculatedData?{...f.value.calculatedData}:null}else(O=f.value)==null||O.unmount(),f.value=null}qt(()=>u.value.chartData.value,I=>{S(I)}),up(()=>{S(u.value.chartData.value)}),sx(()=>{var I;(I=f.value)==null||I.unmount()});function D(){i.value={...i.value,optionsState:qc(u.value.reactive.optionsState),statisticsSettings:qc(u.value.reactive.statisticsSettings),axesSettings:qc(u.value.reactive.axesSettings),layersSettings:qc(u.value.reactive.layersSettings),dataBindAes:qc(u.value.reactive.dataBindAes),zoomState:u.value.reactive.chartScale,template:u.value.reactive.template,currentTab:u.value.reactive.currentTab}}qt(()=>u.value.reactive.optionsState,I=>{console.log("new options state",I),i.value={...i.value,optionsState:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.statisticsSettings,I=>{i.value={...i.value,statisticsSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.axesSettings,I=>{i.value={...i.value,axesSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.layersSettings,I=>{i.value={...i.value,layersSettings:qc(I)}},{deep:!0}),qt(()=>u.value.reactive.dataBindAes,I=>{i.value={...i.value,dataBindAes:qc(I)}},{deep:!0}),qt([()=>u.value.reactive.chartScale,()=>u.value.reactive.template,()=>u.value.reactive.currentTab],([I,F,R])=>{i.value={...i.value,zoomState:I,template:F,currentTab:R}}),qt(()=>i.value.currentTab,I=>{u.value.reactive.currentTab=I===void 0?"dataMapping":I}),qt(()=>{var I,F,R;return(R=(F=(I=i.value)==null?void 0:I.layersSettings)==null?void 0:F.dendro)==null?void 0:R.showTable},I=>{u.value.reactive.layersSettings.dendro.showTable=I??!1});function P(){var I;dgt(new Blob([((I=f.value)==null?void 0:I.export())??""]),"chart.svg")}function M(I){i.value={...i.value,title:I},D()}function T(I){var F;u.value.reactive.dendroSelectedNodeId=I,(F=f.value)==null||F.updateChartState("selectedNode",I)}const H=wd(),N=me(()=>!!H.settingsSlot);return(I,F)=>(q(),pe("div",tDn,[J("div",nDn,[be(gEt,{"graph-status":A.value,graphTitle:i.value.title,chartData:m.value,dendroTooltipButton:I.tooltipButton,onGraphTitleUpdate:M,onDendroNodeSelect:T,onDendroTooltipBtnClick:F[0]||(F[0]=R=>I.$emit("tooltip-btn-click",R))},{default:Et(()=>[ur(I.$slots,"titleLineSlot")]),_:3},8,["graph-status","graphTitle","chartData","dendroTooltipButton"]),Y(u).loading.initialInputGuide?je("",!0):(q(),rt(R3t,{key:0,id:"graph-settings-modal"},{default:Et(()=>[Y(u).reactive.currentTab?(q(),rt(T3t,{key:0,onClose:F[1]||(F[1]=R=>Y(u).reactive.currentTab=null)},{default:Et(()=>[(q(),rt(Ca(p.value.value),null,{default:Et(()=>[ur(I.$slots,"settingsSlot")]),_:3}))]),_:3})):je("",!0)]),_:3}))]),Y(u).loading.initialInputGuide?je("",!0):(q(),rt(F3t,{key:0,"chart-type":Y(u).reactive.chartType,"graph-status":A.value,allowDeleting:I.allowChartDeleting,hasSettingsSlot:N.value,modelValue:Y(u).reactive.currentTab,"onUpdate:modelValue":F[2]||(F[2]=R=>Y(u).reactive.currentTab=R),onExport:P,onDelete:F[3]||(F[3]=R=>I.$emit("delete-this-graph"))},null,8,["chart-type","graph-status","allowDeleting","hasSettingsSlot","modelValue"])),Y(u).loading.initialInputGuide?(q(),rt(Xve,{key:1,top:80,left:12,right:12,bottom:12})):je("",!0)]))}}),iDn=mt({__name:"DiversityGraph",setup(e){const t=fY(),n=me(()=>[{inputName:"y",selectedSource:{kind:"PColumn",valueType:"Double",name:"pl7.app/diversity",axesSpec:[]}},{inputName:"primaryGrouping",selectedSource:{type:"String",name:"pl7.app/sampleId"}}]);return(r,i)=>(q(),rt(Y(rDn),{modelValue:Y(t).model.ui.graphState,"onUpdate:modelValue":i[0]||(i[0]=s=>Y(t).model.ui.graphState=s),"chart-type":"discrete","p-frame":Y(t).model.outputs.pf,"default-options":n.value},null,8,["modelValue","p-frame","default-options"]))}}),Iwe=[{value:"chao1",label:"Chao1 Estimate"},{value:"d50",label:"D50 Diversity"},{value:"efronThisted",label:"Efron-Thisted Estimate"},{value:"observed",label:"Observed Diversity"},{value:"shannonWienerIndex",label:"Shannon-Wiener Index"},{value:"shannonWiener",label:"Shannon-Wiener Diversity"},{value:"normalizedShannonWiener",label:"Normalized Shannon-Wiener Index"},{value:"inverseSimpson",label:"Inverse Simpson Index"},{value:"gini",label:"Gini Index"}],sDn=(()=>{const e=new Map;for(const t of Iwe)e.set(t.value,t.label);return e})(),oDn=e=>sDn.get(e),aDn={class:"d-flex flex-column gap-24"},lDn=mt({__name:"DiversityCard",props:{modelValue:{default:{type:void 0,downsampling:{type:"none"}}},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=[{label:"None",value:"none"},{label:"Top N",value:"top"},{label:"Cumulative Top",value:"cumtop"},{label:"Random Sampling",value:"hypergeometric"}],n=kA(e,"modelValue");return(r,i)=>(q(),pe("div",aDn,[be(Y(ro),{modelValue:n.value.type,"onUpdate:modelValue":i[0]||(i[0]=s=>n.value.type=s),options:Y(Iwe),label:"Type",required:""},null,8,["modelValue","options"]),be(Y(ro),{modelValue:n.value.downsampling.type,"onUpdate:modelValue":i[1]||(i[1]=s=>n.value.downsampling.type=s),options:t,label:"Downsampling",required:""},null,8,["modelValue"]),n.value.downsampling.type==="cumtop"?(q(),rt(Y(Fg),{key:0,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[2]||(i[2]=s=>n.value.downsampling.n=s),label:"Select % of the repertoire to include",minValue:0,maxValue:100,step:1,required:""},null,8,["modelValue"])):je("",!0),n.value.downsampling.type==="top"?(q(),rt(Y(Fg),{key:1,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[3]||(i[3]=s=>n.value.downsampling.n=s),label:"Select Top N",minValue:0,required:""},null,8,["modelValue"])):je("",!0),n.value.downsampling.type==="hypergeometric"?(q(),rt(Y(gi),{key:2,modelValue:n.value.downsampling.valueChooser,"onUpdate:modelValue":i[4]||(i[4]=s=>n.value.downsampling.valueChooser=s),options:[{value:"fixed",label:"Fixed"},{value:"min",label:"Min"},{value:"auto",label:"Auto"}]},null,8,["modelValue"])):je("",!0),n.value.downsampling.valueChooser==="fixed"&&n.value.downsampling.type==="hypergeometric"?(q(),rt(Y(Fg),{key:3,modelValue:n.value.downsampling.n,"onUpdate:modelValue":i[5]||(i[5]=s=>n.value.downsampling.n=s),label:"Select N",minValue:0,required:""},null,8,["modelValue"])):je("",!0)]))}}),uDn={class:"metrics-manager d-flex flex-column gap-6"},cDn=["onClick"],dDn={class:"metrics-manager__expand-icon"},hDn={class:"metrics-manager__title flex-grow-1 text-s-btn"},pDn={class:"metrics-manager__actions"},fDn=["onClick"],gDn={class:"metrics-manager__content d-flex gap-24 p-24 flex-column"},mDn={class:"metrics-manager__add-btn-icon"},ADn=mt({__name:"SettingsModal",props:{modelValue:{type:Boolean,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=fY();function n(l){var c,d;t.model.args.abundanceRef=l;let u="";l&&(u=((d=(c=t.model.outputs.abundanceOptions)==null?void 0:c.find(p=>tat(p.ref,l)))==null?void 0:d.label)??""),t.model.ui.blockTitle="Repertoire Diversity – "+u}const r=kA(e,"modelValue"),i=ks({}),s=l=>{i[l]?delete i[l]:i[l]=!0},o=l=>{const u=t.model.args.metrics.length;t.model.args.metrics.splice(l,1),delete i[l];for(let c=l;c<u-1;c++)i[c]=i[c+1]},a=()=>{t.updateArgs(l=>{const u=l.metrics.length;l.metrics.push({type:void 0,downsampling:{type:"none",valueChooser:"auto"}}),i[u]=!0})};return(l,u)=>(q(),rt(Y(hW),{modelValue:r.value,"onUpdate:modelValue":u[1]||(u[1]=c=>r.value=c)},{title:Et(()=>u[2]||(u[2]=[xt("Settings")])),default:Et(()=>[be(Y(GKe),{modelValue:Y(t).model.args.abundanceRef,"onUpdate:modelValue":[u[0]||(u[0]=c=>Y(t).model.args.abundanceRef=c),n],options:Y(t).model.outputs.abundanceOptions??[],label:"Abundance",required:""},null,8,["modelValue","options"]),J("div",uDn,[(q(!0),pe(Nt,null,lr(Y(t).model.args.metrics,(c,d)=>(q(),pe("div",{key:d,class:bt([{open:i[d]??!1},"metrics-manager__metric"])},[J("div",{class:"metrics-manager__header d-flex align-center gap-8",onClick:p=>s(d)},[J("div",dDn,[be(Y(gf),{name:"chevron-right"})]),J("div",hDn,Xt(c.type?Y(oDn)(c.type):"New Metric"),1),J("div",pDn,[J("div",{class:"metrics-manager__delete ms-auto",onClick:cs(p=>o(d),["stop"])},[be(Y(mf),{name:"close"})],8,fDn)])],8,cDn),J("div",gDn,[be(lDn,{modelValue:Y(t).model.args.metrics[d],"onUpdate:modelValue":p=>Y(t).model.args.metrics[d]=p},null,8,["modelValue","onUpdate:modelValue"])])],2))),128)),J("div",{class:bt([{"pt-24":!0},"metrics-manager__add-action-wrapper"])},[J("div",{class:"metrics-manager__add-btn",onClick:a},[J("div",mDn,[be(Y(gf),{name:"add"})]),u[3]||(u[3]=J("div",{class:"metrics-manager__add-btn-title text-s-btn"},"Add Metric",-1))])])])]),_:1},8,["modelValue"]))}}),vDn=mt({__name:"MainPage",setup(e){const t=fY(),n=me(()=>({sourceType:"ptable",pTable:t.model.outputs.pt})),r=Je(t.model.outputs.pt===void 0),i=()=>{r.value=!0};return(s,o)=>(q(),pe(Nt,null,[be(Y(j$e),null,{title:Et(()=>[be(Y(XYe),{modelValue:Y(t).model.ui.blockTitle,"onUpdate:modelValue":o[0]||(o[0]=a=>Y(t).model.ui.blockTitle=a),"max-width":"600px","max-length":40},null,8,["modelValue"])]),append:Et(()=>[be(Y(xit)),be(Y(Wb),{onClick:cs(i,["stop"])},{append:Et(()=>[be(Y(mf),{name:"settings"})]),default:Et(()=>[o[3]||(o[3]=xt(" Settings "))]),_:1})]),default:Et(()=>[be(Y(Nit),{modelValue:Y(t).model.ui.tableState,"onUpdate:modelValue":o[1]||(o[1]=a=>Y(t).model.ui.tableState=a),settings:n.value,"show-columns-panel":"","show-export-button":""},null,8,["modelValue","settings"])]),_:1}),be(ADn,{modelValue:r.value,"onUpdate:modelValue":o[2]||(o[2]=a=>r.value=a)},null,8,["modelValue"])],64))}}),Lwe=C$e(Xat,()=>({routes:{"/":()=>vDn,"/diversityGraph":()=>iDn}})),fY=Lwe.useApp;cSe(zrt).use(Lwe).mount("#app");
|
23925
|
+
//# sourceMappingURL=index-By82DgWj.js.map
|