galaxy-charts 0.0.59 → 0.0.60

package/dist/galaxy-charts.js

@@ -1,4 +1,4 @@
-import { ref as E, createElementBlock as Ae, openBlock as ye, createElementVNode as Te, createTextVNode as nr, Fragment as xt, Comment as Ii, isVNode as Yd, defineComponent as se, readonly as si, watch as De, computed as j, onMounted as St, onBeforeUnmount as Pt, inject as qe, provide as Mt, getCurrentInstance as Bi, withDirectives as xn, h as u, Teleport as Zd, toRef as $e, nextTick as pt, renderSlot as Oi, mergeProps as lr, onActivated as Ol, onDeactivated as Al, onBeforeMount as Ai, shallowRef as Jd, watchEffect as ot, Transition as en, TransitionGroup as Fl, vShow as mo, cloneVNode as Dl, Text as Qd, onBeforeUpdate as eu, mergeModels as oo, useModel as Fi, createBlock as nt, createCommentVNode as _t, unref as pe, createVNode as Pe, withCtx as Ee, toDisplayString as pn, renderList as Hl, normalizeClass as tu } from "vue";
+import { ref as E, createElementBlock as Ae, openBlock as ye, createElementVNode as Te, createTextVNode as nr, Fragment as xt, Comment as Ii, isVNode as Yd, defineComponent as se, readonly as si, watch as De, computed as j, onMounted as St, onBeforeUnmount as Pt, inject as qe, provide as Mt, getCurrentInstance as Bi, withDirectives as xn, h as u, Teleport as Zd, toRef as $e, nextTick as pt, renderSlot as Oi, mergeProps as lr, onActivated as Ol, onDeactivated as Al, onBeforeMount as Ai, shallowRef as Jd, watchEffect as ot, Transition as en, TransitionGroup as Fl, vShow as mo, cloneVNode as Dl, Text as Qd, onBeforeUpdate as eu, mergeModels as oo, useModel as Fi, createBlock as et, createCommentVNode as _t, unref as pe, createVNode as Pe, withCtx as Ee, toDisplayString as pn, renderList as Hl, normalizeClass as tu } from "vue";
 import './galaxy-charts.css';function Ll(e, t = "Request failed.") {
   let n = t;
   return e && e.response && e.response.data && e.response.data.err_msg ? n = e.response.data.err_msg : e && e.data && e.data.err_msg ? n = e.data.err_msg : e && e.response ? n = `${e.response.statusText} (${e.response.status})` : e instanceof Error ? n = e.message : typeof e == "string" && (n = e), n;
@@ -73,13 +73,17 @@ async function nu(e, t) {
     indeces: t.toString()
   }).toString();
   try {
-    const { data: r } = await sr().GET(`/api/datasets/${e}?${n}`), o = t.length, i = new Array(o).fill(null).map(() => []);
-    for (const a of r.data)
-      for (const l in a) {
-        const s = Number(l), d = a[l];
-        d !== void 0 && d != 2147483647 && s < o && i[s].push(d);
-      }
-    return i;
+    const { data: r } = await sr().GET(`/api/datasets/${e}?${n}`);
+    if (r.data && r.data.length > 0) {
+      const o = t.length, i = new Array(o).fill(null).map(() => []);
+      for (const a of r.data)
+        for (const l in a) {
+          const s = Number(l), d = a[l];
+          d !== void 0 && d != 2147483647 && s < o && i[s].push(d);
+        }
+      return i;
+    } else
+      return [];
   } catch (r) {
     rr(r);
   }
@@ -88,7 +92,7 @@ function ru(e, t) {
   return `${e}api/datasets/${t}/display`;
 }
 const va = ["auto"], pr = E({});
-function _y() {
+function By() {
   function e(r, o) {
     return r.every((i) => o.every((a) => typeof i[a] == "string" && i[a].trim() !== ""));
   }
@@ -102,7 +106,7 @@ function _y() {
     return i;
   }
   async function n(r, o, i) {
-    if (e(o, i)) {
+    if (i.length > 0 && e(o, i)) {
       pr.value[r] = pr.value[r] || {};
       const a = Object.keys(pr.value[r]), l = t(o, i).filter((d) => !a.includes(d));
       if (l.length > 0) {
@@ -123,7 +127,9 @@ function _y() {
       return [];
   }
   return {
-    fetchColumns: n
+    checkColumns: e,
+    fetchColumns: n,
+    getColumns: t
   };
 }
 function ou(e, t) {
@@ -438,12 +444,12 @@ function ut(e) {
     if (t = Hi.exec(e))
       return [Ct(t[1]), Ct(t[2]), Ct(t[3]), 1];
     if (t = gu.exec(e))
-      return [et(t[1]), et(t[5]), et(t[9]), 1];
+      return [tt(t[1]), tt(t[5]), tt(t[9]), 1];
     if (t = mu.exec(e))
       return [
-        et(t[1]),
-        et(t[5]),
-        et(t[9]),
+        tt(t[1]),
+        tt(t[5]),
+        tt(t[9]),
         Qt(t[13])
       ];
     if (t = Di.exec(e))
@@ -478,13 +484,13 @@ function xu(e) {
   return e > 1 ? 1 : e < 0 ? 0 : e;
 }
 function yu(e, t, n) {
-  return `rgb(${et(e)}, ${et(t)}, ${et(n)})`;
+  return `rgb(${tt(e)}, ${tt(t)}, ${tt(n)})`;
 }
 function fi(e, t, n, r) {
-  return `rgba(${et(e)}, ${et(t)}, ${et(n)}, ${xu(r)})`;
+  return `rgba(${tt(e)}, ${tt(t)}, ${tt(n)}, ${xu(r)})`;
 }
 function Fo(e, t, n, r, o) {
-  return et((e * t * (1 - r) + n * r) / o);
+  return tt((e * t * (1 - r) + n * r) / o);
 }
 function Rt(e, t) {
   Array.isArray(e) || (e = ut(e)), Array.isArray(t) || (t = ut(t));
@@ -507,7 +513,7 @@ function jt(e) {
   const t = Math.round(Number(e));
   return t >= 360 || t < 0 ? 0 : t;
 }
-function et(e) {
+function tt(e) {
   const t = Math.round(Number(e));
   return t > 255 ? 255 : t < 0 ? 0 : t;
 }
@@ -521,7 +527,7 @@ function hi(e) {
 }
 function Vt(e) {
   const [t, n, r] = e;
-  return 3 in e ? `rgba(${et(t)}, ${et(n)}, ${et(r)}, ${Qt(e[3])})` : `rgba(${et(t)}, ${et(n)}, ${et(r)}, 1)`;
+  return 3 in e ? `rgba(${tt(t)}, ${tt(n)}, ${tt(r)}, ${Qt(e[3])})` : `rgba(${tt(t)}, ${tt(n)}, ${tt(r)}, 1)`;
 }
 function vi(e) {
   return `hsv(${jt(e[0])}, ${at(e[1])}%, ${at(e[2])}%)`;
@@ -550,7 +556,7 @@ function hn(e) {
       return `#${r[1]}${r[1]}${r[2]}${r[2]}${r[3]}${r[3]}${r[4]}${r[4]}`;
     throw new Error(`[seemly/toHexString]: Invalid hex value ${e}.`);
   }
-  const t = `#${e.slice(0, 3).map((r) => et(r).toString(16).toUpperCase().padStart(2, "0")).join("")}`, n = e.length === 3 ? "FF" : et(e[3] * 255).toString(16).padStart(2, "0").toUpperCase();
+  const t = `#${e.slice(0, 3).map((r) => tt(r).toString(16).toUpperCase().padStart(2, "0")).join("")}`, n = e.length === 3 ? "FF" : tt(e[3] * 255).toString(16).padStart(2, "0").toUpperCase();
   return t + n;
 }
 function $r(e) {
@@ -564,7 +570,7 @@ function $r(e) {
       return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`;
     throw new Error(`[seemly/toHexString]: Invalid hex value ${e}.`);
   }
-  return `#${e.slice(0, 3).map((t) => et(t).toString(16).toUpperCase().padStart(2, "0")).join("")}`;
+  return `#${e.slice(0, 3).map((t) => tt(t).toString(16).toUpperCase().padStart(2, "0")).join("")}`;
 }
 function wu(e = 8) {
   return Math.random().toString(16).slice(2, 2 + e);
@@ -1046,7 +1052,7 @@ const Uu = "n", lo = `.${Uu}-`, Gu = "__", Ku = "--", Zl = Yl(), Jl = ju({
 Zl.use(Jl);
 const {
   c: L,
-  find: My
+  find: Oy
 } = Zl, {
   cB: y,
   cE: R,
@@ -6600,7 +6606,7 @@ const $m = y("scrollbar", `
     function Ye() {
       oe(), M(), _();
     }
-    function tt() {
+    function nt() {
       Ie();
     }
     function Ie() {
@@ -6777,7 +6783,7 @@ const $m = y("scrollbar", `
       sync: _,
       syncUnifiedContainer: C,
       handleMouseEnterWrapper: Ye,
-      handleMouseLeaveWrapper: tt
+      handleMouseLeaveWrapper: nt
     }), {
       mergedClsPrefix: t,
       rtlEnabled: o,
@@ -7504,7 +7510,7 @@ const _m = y("base-select-menu", `
           optionTextColorActive: Je,
           optionOpacityDisabled: Ue,
           optionCheckColor: Ye,
-          actionTextColor: tt,
+          actionTextColor: nt,
           optionColorPending: Ie,
           optionColorActive: Y,
           loadingColor: A,
@@ -7518,7 +7524,7 @@ const _m = y("base-select-menu", `
       return {
         "--n-height": Ce,
         "--n-action-divider-color": Re,
-        "--n-action-text-color": tt,
+        "--n-action-text-color": nt,
         "--n-bezier": re,
         "--n-border-radius": ke,
         "--n-color": ae,
@@ -9687,7 +9693,7 @@ const ld = {
       } = c;
       return C;
     }
-    function tt() {
+    function nt() {
       return i.value;
     }
     let Ie = null;
@@ -9875,7 +9881,7 @@ const ld = {
       blurInput: Je,
       updateCounter: Ue,
       getCounter: Ye,
-      getTail: tt,
+      getTail: nt,
       renderLabel: e.renderLabel,
       cssVars: F ? void 0 : q,
       themeClass: T == null ? void 0 : T.themeClass,
@@ -11367,7 +11373,7 @@ const Cl = se({
       } = e;
       X && ge(X, P);
     }
-    function tt(P) {
+    function nt(P) {
       const {
         onWrapperBlur: X
       } = e;
@@ -11432,7 +11438,7 @@ const Cl = se({
       je(P), p.value = !0, D.value = !0, Je(), C(P, "focus"), X === 0 ? v.value = f.value : X === 1 ? v.value = c.value : X === 2 && (v.value = l.value);
     }
     function q(P) {
-      e.passivelyActivated && (tt(P), C(P, "blur"));
+      e.passivelyActivated && (nt(P), C(P, "blur"));
     }
     function T(P) {
       e.passivelyActivated && (p.value = !0, Ye(P), C(P, "focus"));
@@ -12778,7 +12784,7 @@ const la = {
         [ne("fontSize", H)]: Je,
         [ne("padding", H)]: Ue,
         [ne("paddingRound", H)]: Ye,
-        [ne("iconSize", H)]: tt,
+        [ne("iconSize", H)]: nt,
         [ne("borderRadius", H)]: Ie,
         [ne("iconMargin", H)]: Y,
         waveOpacity: A
@@ -12787,7 +12793,7 @@ const la = {
         "--n-height": Q ? "initial" : He,
         "--n-font-size": Je,
         "--n-padding": ue || Q ? "initial" : J ? Ye : Ue,
-        "--n-icon-size": tt,
+        "--n-icon-size": nt,
         "--n-icon-margin": Y,
         "--n-border-radius": Q ? "initial" : ue || J ? He : Ie
       };
@@ -14204,7 +14210,7 @@ const J0 = se({
       }
       r = null;
     });
-    const tt = j(() => {
+    const nt = j(() => {
       const {
         value: A
       } = i, {
@@ -14235,7 +14241,7 @@ const J0 = se({
         "--n-height": ze,
         "--n-divider-color": ie
       };
-    }), Ie = f ? bt("color-picker", j(() => i.value[0]), tt, e) : void 0;
+    }), Ie = f ? bt("color-picker", j(() => i.value[0]), nt, e) : void 0;
     function Y() {
       var A;
       const {
@@ -14256,7 +14262,7 @@ const J0 = se({
         onDragstart: (ie) => {
           ie.preventDefault();
         },
-        style: f ? void 0 : tt.value
+        style: f ? void 0 : nt.value
       }, u("div", {
         class: `${_}-color-picker-control`
       }, u(V0, {
@@ -14364,7 +14370,7 @@ const J0 = se({
         !((oe = n.value) === null || oe === void 0) && oe.contains(or(A)) || h(!1);
       },
       renderPanel: Y,
-      cssVars: f ? void 0 : tt,
+      cssVars: f ? void 0 : nt,
       themeClass: Ie == null ? void 0 : Ie.themeClass,
       onRender: Ie == null ? void 0 : Ie.onRender
     };
@@ -14752,7 +14758,7 @@ const ox = {
     function Ye() {
       J.value || ($.value ? e.filterable ? Ne() : ce() : Re());
     }
-    function tt(m) {
+    function nt(m) {
       var N, ee;
       !((ee = (N = p.value) === null || N === void 0 ? void 0 : N.selfRef) === null || ee === void 0) && ee.contains(m.relatedTarget) || (d.value = !1, he(m), ce());
     }
@@ -14991,7 +14997,7 @@ const ox = {
       handleDeleteOption: T,
       handlePatternInput: _,
       handleClear: ie,
-      handleTriggerBlur: tt,
+      handleTriggerBlur: nt,
       handleTriggerFocus: Ie,
       handleKeydown: Qe,
       handleMenuAfterLeave: je,
@@ -15937,7 +15943,7 @@ const kx = L([y("input-number-suffix", `
     De(x, () => {
       p();
     });
-    const tt = {
+    const nt = {
       focus: () => {
         var Y;
         return (Y = f.value) === null || Y === void 0 ? void 0 : Y.focus();
@@ -15951,7 +15957,7 @@ const kx = L([y("input-number-suffix", `
         return (Y = f.value) === null || Y === void 0 ? void 0 : Y.select();
       }
     }, Ie = wn("InputNumber", r, n);
-    return Object.assign(Object.assign({}, tt), {
+    return Object.assign(Object.assign({}, nt), {
       rtlEnabled: Ie,
       inputInstRef: f,
       minusButtonInstRef: c,
@@ -16563,7 +16569,7 @@ const Mx = L([y("slider", `
     function Ye() {
       Je();
     }
-    function tt(T) {
+    function nt(T) {
       z.value = T, v.value || (p.value = T);
     }
     function Ie(T) {
@@ -16685,7 +16691,7 @@ const Mx = L([y("slider", `
       arrifiedValues: b,
       followerEnabledIndexSet: f,
       handleRailMouseDown: je,
-      handleHandleFocus: tt,
+      handleHandleFocus: nt,
       handleHandleBlur: Ie,
       handleHandleMouseEnter: Y,
       handleHandleMouseLeave: A,
@@ -17961,7 +17967,7 @@ const hd = se({
         x.value = q <= 0, w.value = q + C >= T;
       }
     }
-    const tt = Yo((M) => {
+    const nt = Yo((M) => {
       Ye(M.target);
     }, 64);
     Mt(da, {
@@ -18096,7 +18102,7 @@ const hd = se({
       tabWrapperStyle: B,
       handleNavResize: ce,
       mergedSize: b,
-      handleScroll: tt,
+      handleScroll: nt,
       handleTabsResize: Je,
       cssVars: l ? void 0 : A,
       themeClass: oe == null ? void 0 : oe.themeClass,
@@ -18371,11 +18377,11 @@ const Nx = {
         g();
       }
     ), (h, x) => (ye(), Ae(xt, null, [
-      o.value.type === "boolean" ? (ye(), nt(pe(hd), {
+      o.value.type === "boolean" ? (ye(), et(pe(hd), {
         key: 0,
         value: c.value,
         "onUpdate:value": x[0] || (x[0] = (w) => c.value = w)
-      }, null, 8, ["value"])) : (ye(), nt(pe(Mo), {
+      }, null, 8, ["value"])) : (ye(), et(pe(Mo), {
         key: 1,
         value: l.value,
         "onUpdate:value": x[1] || (x[1] = (w) => l.value = w),
@@ -18501,12 +18507,12 @@ const qx = /* @__PURE__ */ se({
     return o(), De(
       () => r.value,
       () => i()
-    ), (a, l) => a.datasetId ? (ye(), nt(pe(Mo), {
+    ), (a, l) => a.datasetId ? (ye(), et(pe(Mo), {
       key: 0,
       value: r.value,
       "onUpdate:value": l[0] || (l[0] = (s) => r.value = s),
       options: n.value
-    }, null, 8, ["value", "options"])) : (ye(), nt(pe(ar), {
+    }, null, 8, ["value", "options"])) : (ye(), et(pe(ar), {
       key: 1,
       value: r.value,
       "onUpdate:value": l[1] || (l[1] = (s) => r.value = s)
@@ -18551,14 +18557,14 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
         Te("div", Zx, pn(d.label || d.name), 1),
         d.help ? (ye(), Ae("div", Jx, pn(d.help), 1)) : _t("", !0),
         Te("div", null, [
-          d.type === "boolean" ? (ye(), nt(pe(hd), {
+          d.type === "boolean" ? (ye(), et(pe(hd), {
             key: 0,
             value: o.value[d.name],
             "onUpdate:value": [
               (c) => o.value[d.name] = c,
               s[0] || (s[0] = (c) => a())
             ]
-          }, null, 8, ["value", "onUpdate:value"])) : d.type === "color" ? (ye(), nt(pe(nx), {
+          }, null, 8, ["value", "onUpdate:value"])) : d.type === "color" ? (ye(), et(pe(nx), {
             key: 1,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18567,7 +18573,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             ],
             modes: ["hex"],
             "show-alpha": !1
-          }, null, 8, ["value", "onUpdate:value"])) : d.type === "conditional" ? (ye(), nt(Wx, {
+          }, null, 8, ["value", "onUpdate:value"])) : d.type === "conditional" ? (ye(), et(Wx, {
             key: 2,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18576,7 +18582,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             ],
             "dataset-id": l.datasetId,
             input: d
-          }, null, 8, ["value", "onUpdate:value", "dataset-id", "input"])) : d.type === "data" ? (ye(), nt(Kx, {
+          }, null, 8, ["value", "onUpdate:value", "dataset-id", "input"])) : d.type === "data" ? (ye(), et(Kx, {
             key: 3,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18585,7 +18591,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             ],
             extension: d.extension,
             optional: pe(Cr)(d.optional)
-          }, null, 8, ["value", "onUpdate:value", "extension", "optional"])) : d.type === "data_column" ? (ye(), nt(qx, {
+          }, null, 8, ["value", "onUpdate:value", "extension", "optional"])) : d.type === "data_column" ? (ye(), et(qx, {
             key: 4,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18597,7 +18603,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             "is-text": pe(Cr)(d.is_text),
             "is-number": pe(Cr)(d.is_number)
           }, null, 8, ["value", "onUpdate:value", "dataset-id", "is-auto", "is-text", "is-number"])) : d.type === "float" ? (ye(), Ae("div", Qx, [
-            d.min !== void 0 && d.max !== void 0 ? (ye(), nt(pe(Bx), {
+            d.min !== void 0 && d.max !== void 0 ? (ye(), et(pe(Bx), {
               key: 0,
               class: "mb-2",
               value: o.value[d.name],
@@ -18620,7 +18626,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
               max: Number(d.max),
               step: Bl
             }, null, 8, ["value", "onUpdate:value", "min", "max"])
-          ])) : d.type === "select" ? (ye(), nt(pe(Mo), {
+          ])) : d.type === "select" ? (ye(), et(pe(Mo), {
             key: 6,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18628,7 +18634,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
               s[7] || (s[7] = (c) => a())
             ],
             options: d.data
-          }, null, 8, ["value", "onUpdate:value", "options"])) : d.type === "textarea" ? (ye(), nt(pe(ar), {
+          }, null, 8, ["value", "onUpdate:value", "options"])) : d.type === "textarea" ? (ye(), et(pe(ar), {
             key: 7,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18637,7 +18643,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             ],
             rows: Number(d.rows),
             type: "textarea"
-          }, null, 8, ["value", "onUpdate:value", "rows"])) : (ye(), nt(pe(ar), {
+          }, null, 8, ["value", "onUpdate:value", "rows"])) : (ye(), et(pe(ar), {
             key: 8,
             value: o.value[d.name],
             "onUpdate:value": [
@@ -18702,6 +18708,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
           Te("div", ty, [
             Pe(pe(Lt), {
               class: "text-green-600 w-full",
+              "data-description": "remove repeat block",
               size: "tiny",
               round: "",
               disabled: s.valuesArray.length <= 1,
@@ -18738,7 +18745,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
       () => {
         o && clearTimeout(o), o = setTimeout(() => r("timeout"), oy);
       }
-    ), (i, a) => i.message ? (ye(), nt(pe(sd), {
+    ), (i, a) => i.message ? (ye(), et(pe(sd), {
       key: 0,
       type: i.messageType,
       class: "m-4"
@@ -18761,7 +18768,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
         console.log("Unable to connect to Galaxy. Verify Galaxy is running and refer to docs."), t.value = "";
       }
     }
-    return n(), (r, o) => t.value ? (ye(), nt(pe(Ar), {
+    return n(), (r, o) => t.value ? (ye(), et(pe(Ar), {
       key: 0,
       class: "mx-1",
       trigger: "hover",
@@ -18779,7 +18786,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
         Te("span", ay, "Connected to Galaxy Version " + pn(t.value) + ".", 1)
       ]),
       _: 1
-    })) : (ye(), nt(pe(Ar), {
+    })) : (ye(), et(pe(Ar), {
       key: 1,
       class: "mx-1",
       trigger: "hover",
@@ -18799,16 +18806,36 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
       _: 1
     }));
   }
-}), sy = { class: "overflow-auto select-none bg-white z-10" }, dy = {
-  key: 0,
-  class: "flex m-2"
-}, uy = { class: "flex-1 font-thin text-lg mt-1" }, cy = { class: "m-2 p-2 bg-sky-50 text-sky-900 rounded" }, fy = { class: "flex" }, hy = { class: "flex justify-center center-items" }, vy = { class: "m-2" }, py = ["src"], by = {
-  key: 1,
+}), sy = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, o] of t)
+    n[r] = o;
+  return n;
+}, dy = {}, uy = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 100 100",
   class: "size-14"
-}, gy = { class: "overflow-hidden break-words p-1" }, my = { class: "font-bold" }, xy = ["innerHTML"], yy = { class: "m-2" }, wy = /* @__PURE__ */ se({
+};
+function cy(e, t) {
+  return ye(), Ae("svg", uy, t[0] || (t[0] = [
+    Te("circle", {
+      cx: "50",
+      cy: "50",
+      r: "45",
+      stroke: "#E30A17",
+      "stroke-width": "5"
+    }, null, -1),
+    Te("path", {
+      d: "M 50,5 A 45,45 0 0,1 95,50 L 50,50 Z",
+      fill: "#E30A17"
+    }, null, -1)
+  ]));
+}
+const fy = /* @__PURE__ */ sy(dy, [["render", cy]]), hy = { class: "overflow-auto select-none bg-white z-10" }, vy = {
+  key: 0,
+  class: "flex m-2"
+}, py = { class: "flex-1 font-thin text-lg mt-1" }, by = { class: "m-2 p-2 bg-sky-50 text-sky-900 rounded" }, gy = { class: "flex" }, my = { class: "flex justify-center center-items" }, xy = { class: "m-2" }, yy = ["src"], wy = { class: "overflow-hidden break-words p-1" }, Cy = { class: "font-bold" }, Sy = ["innerHTML"], $y = { class: "m-2" }, zy = /* @__PURE__ */ se({
   __name: "SidePanel",
   props: {
     datasetId: {},
@@ -18856,14 +18883,14 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
     function f(c) {
       r("update:visualization-title", c);
     }
-    return (c, v) => (ye(), Ae("div", sy, [
-      c.datasetUrl ? (ye(), Ae("div", dy, [
-        Te("div", uy, [
+    return (c, v) => (ye(), Ae("div", hy, [
+      c.datasetUrl ? (ye(), Ae("div", vy, [
+        Te("div", py, [
           v[2] || (v[2] = Te("span", null, "Charts", -1)),
           Pe(ly)
         ]),
         Te("div", null, [
-          c.datasetId ? (ye(), nt(pe(Ar), {
+          c.datasetId ? (ye(), et(pe(Ar), {
             key: 0,
             trigger: "hover",
             to: !1
@@ -18874,6 +18901,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
                 secondary: "",
                 circle: "",
                 class: "bg-sky-100 mr-2",
+                "data-description": "sidepanel save button",
                 onClick: l
               }, {
                 icon: Ee(() => [
@@ -18928,41 +18956,29 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
         onTimeout: v[1] || (v[1] = (g) => o.value = ""),
         class: "m-2"
       }, null, 8, ["message", "message-type"]),
-      Te("div", cy, [
-        Te("div", fy, [
-          Te("div", hy, [
-            Te("div", vy, [
+      Te("div", by, [
+        Te("div", gy, [
+          Te("div", my, [
+            Te("div", xy, [
               n.logoUrl ? (ye(), Ae("img", {
                 key: 0,
                 src: n.logoUrl,
                 class: "min-w-14 max-w-14 object-contain"
-              }, null, 8, py)) : (ye(), Ae("svg", by, v[5] || (v[5] = [
-                Te("circle", {
-                  cx: "50",
-                  cy: "50",
-                  r: "45",
-                  stroke: "#E30A17",
-                  "stroke-width": "5"
-                }, null, -1),
-                Te("path", {
-                  d: "M 50,5 A 45,45 0 0,1 95,50 L 50,50 Z",
-                  fill: "#E30A17"
-                }, null, -1)
-              ])))
+              }, null, 8, yy)) : (ye(), et(fy, { key: 1 }))
             ])
           ]),
-          Te("div", gy, [
-            Te("span", my, pn(c.html), 1),
+          Te("div", wy, [
+            Te("span", Cy, pn(c.html), 1),
             Te("div", {
               class: "text-xs",
               innerHTML: c.description
-            }, null, 8, xy)
+            }, null, 8, Sy)
           ])
         ])
       ]),
-      Te("div", yy, [
-        v[6] || (v[6] = Te("div", { class: "font-bold" }, "Title", -1)),
-        v[7] || (v[7] = Te("div", { class: "text-xs py-1" }, "Specify a visualization title.", -1)),
+      Te("div", $y, [
+        v[5] || (v[5] = Te("div", { class: "font-bold" }, "Title", -1)),
+        v[6] || (v[6] = Te("div", { class: "text-xs py-1" }, "Specify a visualization title.", -1)),
         Pe(pe(ar), {
           value: c.visualizationTitle,
           onInput: f
@@ -18975,7 +18991,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
         "tab-class": a.value ? "!hidden" : ""
       }, {
         default: Ee(() => [
-          c.trackInputs.length > 0 ? (ye(), nt(pe(_l), {
+          c.trackInputs.length > 0 ? (ye(), et(pe(_l), {
             key: 0,
             name: "tracks"
           }, {
@@ -18986,7 +19002,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
                 ]),
                 _: 1
               }),
-              v[8] || (v[8] = Te("span", { class: "mx-1" }, "Tracks", -1))
+              v[7] || (v[7] = Te("span", { class: "mx-1" }, "Tracks", -1))
             ]),
             default: Ee(() => [
               Pe(ry, {
@@ -18998,7 +19014,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
             ]),
             _: 1
           })) : _t("", !0),
-          c.settingInputs.length > 0 ? (ye(), nt(pe(_l), {
+          c.settingInputs.length > 0 ? (ye(), et(pe(_l), {
             key: 1,
             name: "settings"
           }, {
@@ -19009,7 +19025,7 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
                 ]),
                 _: 1
               }),
-              v[9] || (v[9] = Te("span", { class: "mx-1" }, "Settings", -1))
+              v[8] || (v[8] = Te("span", { class: "mx-1" }, "Settings", -1))
             ]),
             default: Ee(() => [
               Pe(ua, {
@@ -19027,15 +19043,15 @@ const Yx = { class: "overflow-auto select-none" }, Zx = { class: "font-bold mb-1
     ]));
   }
 });
-async function Cy(e, t = {}) {
-  const n = ca(e.settings, t.settings), r = e.specs, o = zy(e.tracks, t.tracks);
+async function Ty(e, t = {}) {
+  const n = ca(e.settings, t.settings), r = e.specs, o = Ry(e.tracks, t.tracks);
   return { plugin: e, settings: n, specs: r, tracks: o };
 }
-function Sy(e, t) {
+function Py(e, t) {
   let n = t ?? e.value;
   return e.type === "float" ? n = Number(n) : e.type === "boolean" && (n = Cr(n)), n;
 }
-function $y(e, t = {}) {
+function ky(e, t = {}) {
   var o, i, a;
   const n = t, r = (o = e.test_param) == null ? void 0 : o.name;
   if (!r)
@@ -19050,16 +19066,16 @@ function $y(e, t = {}) {
 function ca(e, t) {
   const n = t || {};
   return e == null || e.forEach((r) => {
-    r.type === "conditional" ? n[r.name] = $y(r, n[r.name]) : n[r.name] = Sy(r, n[r.name]);
+    r.type === "conditional" ? n[r.name] = ky(r, n[r.name]) : n[r.name] = Py(r, n[r.name]);
   }), n;
 }
-function zy(e, t) {
+function Ry(e, t) {
   const n = t || [];
   return e && (n.length === 0 && n.push({}), n.forEach((r, o) => {
     n[o] = ca(e, r);
   })), n;
 }
-function Ty(e, t = "app") {
+function _y(e, t = "app") {
   if (e === void 0) {
     const l = document.getElementById(t);
     if (!l)
@@ -19069,13 +19085,13 @@ function Ty(e, t = "app") {
   const n = (e == null ? void 0 : e.root) ?? "/", r = (e == null ? void 0 : e.visualization_config) ?? {}, o = (e == null ? void 0 : e.visualization_id) ?? null, i = (e == null ? void 0 : e.visualization_plugin) ?? {}, a = (e == null ? void 0 : e.visualization_title) ?? "Unnamed Visualization";
   return { root: n, visualizationConfig: r, visualizationId: o, visualizationPlugin: i, visualizationTitle: a };
 }
-const Py = {
+const My = {
   key: 1,
   class: "m-2"
-}, ky = {
+}, Ey = {
   key: 0,
   class: "relative max-w-full h-screen overflow-hidden"
-}, Ey = /* @__PURE__ */ se({
+}, Ay = /* @__PURE__ */ se({
   __name: "GalaxyCharts",
   props: {
     container: {},
@@ -19083,11 +19099,11 @@ const Py = {
     incoming: {}
   },
   setup(e) {
-    const t = e, { root: n, visualizationConfig: r, visualizationId: o, visualizationPlugin: i, visualizationTitle: a } = Ty(
+    const t = e, { root: n, visualizationConfig: r, visualizationId: o, visualizationPlugin: i, visualizationTitle: a } = _y(
       t.incoming,
       t.container
     ), l = E(!0), s = E(""), d = E(""), f = E(""), c = E(!0), v = E(""), g = E(""), h = E([]), x = E({}), w = E({}), b = E([]), k = E([]), V = E(o), $ = E(a), z = Vl();
-    z.setCredentials(t.credentials || "include"), z.setRoot(n || "/"), Cy(i, r).then(({ plugin: J, settings: ue, specs: le, tracks: he }) => {
+    z.setCredentials(t.credentials || "include"), z.setRoot(n || "/"), Ty(i, r).then(({ plugin: J, settings: ue, specs: le, tracks: he }) => {
       s.value = J.description || "", f.value = J.html || "", c.value = !1, v.value = J.logo || "", g.value = J.name || "", h.value = J.settings || [], x.value = ue, w.value = le || {}, b.value = J.tracks || [], k.value = he;
     });
     const B = j(() => r.dataset_id || ""), p = j(() => r.dataset_url ? (console.debug(`GalaxyCharts: Evaluating dataset url: ${r.dataset_url}.`), r.dataset_url) : B.value ? (console.debug(`GalaxyCharts: Built dataset url from dataset id: ${B.value}.`), ru(n, B.value)) : ""), S = j(() => v.value && `${n}${v.value}`), I = j(() => h.value.length === 0 && b.value.length === 0);
@@ -19145,7 +19161,7 @@ const Py = {
       }
     }
     return (J, ue) => (ye(), Ae(xt, null, [
-      d.value ? (ye(), nt(pe(sd), {
+      d.value ? (ye(), et(pe(sd), {
         key: 0,
         type: "error",
         class: "m-2"
@@ -19155,7 +19171,7 @@ const Py = {
         ]),
         _: 1
       })) : _t("", !0),
-      c.value ? (ye(), Ae("div", Py, [
+      c.value ? (ye(), Ae("div", My, [
         Te("span", null, [
           Pe(pe(iu), { class: "animate-spin size-4 inline mx-1" })
         ]),
@@ -19164,7 +19180,7 @@ const Py = {
         key: 2,
         class: tu(["grid h-screen", { "grid-cols-[1fr_17rem]": !l.value && !I.value && p.value }])
       }, [
-        p.value ? (ye(), Ae("div", ky, [
+        p.value ? (ye(), Ae("div", Ey, [
           Oi(J.$slots, "default", {
             datasetId: B.value,
             datasetUrl: p.value,
@@ -19175,7 +19191,7 @@ const Py = {
             save: Z
           })
         ])) : _t("", !0),
-        l.value && !I.value && p.value ? (ye(), nt(pe(Ar), {
+        l.value && !I.value && p.value ? (ye(), et(pe(Ar), {
           key: 1,
           trigger: "hover",
           to: !1
@@ -19204,7 +19220,7 @@ const Py = {
           ]),
           _: 1
         })) : _t("", !0),
-        xn(Pe(wy, {
+        xn(Pe(zy, {
           "dataset-id": B.value,
           "dataset-url": p.value,
           description: s.value,
@@ -19231,6 +19247,6 @@ const Py = {
 });
 export {
   sr as GalaxyApi,
-  Ey as GalaxyCharts,
-  _y as useColumnsStore
+  Ay as GalaxyCharts,
+  By as useColumnsStore
 };