@platforma-sdk/ui-vue 1.40.4 → 1.40.5

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue3.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._modal_1634u_1{display:flex}._sidebarGroup_1634u_5,._sidebarItem_1634u_10{width:100%;height:100%}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+const e = "_modal_1634u_1", s = "_sidebarGroup_1634u_5", a = "_sidebarItem_1634u_10", o = {
+  modal: e,
+  sidebarGroup: s,
+  sidebarItem: a
+};
+export {
+  o as default,
+  e as modal,
+  s as sidebarGroup,
+  a as sidebarItem
+};
+//# sourceMappingURL=PlAnnotationsModal.vue3.js.map

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAnnotationsModal.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/PlAnnotations/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PlAnnotationsModal } from './components/PlAnnotationsModal.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAnnotations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlAnnotations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/PlAnnotations/types.d.ts

@@ -0,0 +1,8 @@
+import { PColumnSpec, SUniversalPColumnId } from '@platforma-sdk/model';
+export type SimplifiedPColumnSpec = Pick<PColumnSpec, 'valueType' | 'annotations'>;
+export type SimplifiedUniversalPColumnEntry = {
+    id: SUniversalPColumnId;
+    label: string;
+    obj: SimplifiedPColumnSpec;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/PlAnnotations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlAnnotations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,CAAC,CAAC;AAEnF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,EAAE,EAAE,mBAAmB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,qBAAqB,CAAC;CAC5B,CAAC"}

package/dist/components/PlAnnotations/utils.d.ts

@@ -0,0 +1,6 @@
+import { AnnotationScriptUi, FilterUi, TypeFieldRecord } from '@platforma-sdk/model';
+export declare function getDefaultAnnotationScript(): AnnotationScriptUi;
+export declare function createDefaultFilterMetadata<T extends Extract<FilterUi, {
+    column: unknown;
+}>>(): TypeFieldRecord<T>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/PlAnnotations/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlAnnotations/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE1F,wBAAgB,0BAA0B,IAAI,kBAAkB,CAO/D;AAED,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,OAAO,CAAC,QAAQ,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC,KAAK,eAAe,CAAC,CAAC,CAAC,CAalH"}

package/dist/components/PlAnnotations/utils.js

@@ -0,0 +1,29 @@
+function e() {
+  return {
+    isCreated: !1,
+    title: "My Annotation",
+    mode: "byClonotype",
+    steps: []
+  };
+}
+function t() {
+  return {
+    column: {
+      label: "Column",
+      fieldType: "SUniversalPColumnId",
+      defaultValue: () => {
+      }
+    },
+    type: {
+      label: "Predicate",
+      fieldType: "FilterUiType",
+      defaultValue: () => {
+      }
+    }
+  };
+}
+export {
+  t as createDefaultFilterMetadata,
+  e as getDefaultAnnotationScript
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/PlAnnotations/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/PlAnnotations/utils.ts"],"sourcesContent":["import type { AnnotationScriptUi, FilterUi, TypeFieldRecord } from '@platforma-sdk/model';\n\nexport function getDefaultAnnotationScript(): AnnotationScriptUi {\n  return {\n    isCreated: false,\n    title: 'My Annotation',\n    mode: 'byClonotype',\n    steps: [],\n  };\n}\n\nexport function createDefaultFilterMetadata<T extends Extract<FilterUi, { column: unknown }>>(): TypeFieldRecord<T> {\n  return {\n    column: {\n      label: 'Column',\n      fieldType: 'SUniversalPColumnId',\n      defaultValue: () => undefined,\n    },\n    type: {\n      label: 'Predicate',\n      fieldType: 'FilterUiType',\n      defaultValue: () => undefined,\n    },\n  } as TypeFieldRecord<T>;\n};\n"],"names":["getDefaultAnnotationScript","createDefaultFilterMetadata"],"mappings":"AAEO,SAASA,IAAiD;AACxD,SAAA;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EACT;AACF;AAEO,SAASC,IAAoG;AAC3G,SAAA;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAM;AAAA;AAAA,IACtB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAM;AAAA;AAAA,IAAA;AAAA,EAExB;AACF;"}

package/dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue.js

@@ -3,10 +3,10 @@ import { defineComponent as x, ref as c, computed as y, watch as E, createElemen
 
 import "../../lib/ui/uikit/dist/index.js";
 import b from "../../lib/ui/uikit/dist/components/PlDialogModal/PlDialogModal.vue.js";
-import N from "../../lib/ui/uikit/dist/components/PlLogView/PlLogView.vue.js";
-import O from "../../lib/ui/uikit/dist/components/PlNotificationAlert/PlNotificationAlert.vue.js";
-import h from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import A from "../../lib/ui/uikit/dist/layout/PlSpacer/PlSpacer.vue.js";
+import A from "../../lib/ui/uikit/dist/components/PlLogView/PlLogView.vue.js";
+import N from "../../lib/ui/uikit/dist/components/PlNotificationAlert/PlNotificationAlert.vue.js";
+import O from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
+import h from "../../lib/ui/uikit/dist/layout/PlSpacer/PlSpacer.vue.js";
 const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notification-alert__content" }, S = { class: "pl-app-notification-alert__title" }, q = /* @__PURE__ */ x({
   __name: "PlAppErrorNotificationAlert",
   props: {
@@ -42,7 +42,7 @@ const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notificat
                 class: "pl-app-notification-alert__item"
               }, [
                 v("div", S, "Block output: " + C(t[0]), 1),
-                o(r(N), {
+                o(r(A), {
                   value: (m = t[1]) == null ? void 0 : m.message,
                   valueToCopy: "fullMessage" in (t[1] ?? {}) ? t[1].fullMessage : (f = t[1]) == null ? void 0 : f.message
                 }, null, 8, ["value", "valueToCopy"])
@@ -52,14 +52,14 @@ const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notificat
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      o(r(O), {
+      o(r(N), {
         modelValue: i.value,
         "onUpdate:modelValue": e[1] || (e[1] = (t) => i.value = t),
         type: "error",
         closable: ""
       }, {
         actions: l(() => [
-          o(r(h), {
+          o(r(O), {
             icon: "arrow-right",
             onClick: V
           }, {
@@ -68,7 +68,7 @@ const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notificat
             ])),
             _: 1
           }),
-          o(r(A))
+          o(r(h))
         ]),
         default: l(() => [
           e[4] || (e[4] = u(" Some outputs have errors. "))

package/dist/components/PlMultiSequenceAlignment/Toolbar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as b, watchEffect as T, computed as P, createElementBlock as $, openBlock as f, Fragment as I, createElementVNode as r, createVNode as o, normalizeClass as d, unref as n, withModifiers as K, withCtx as s, createTextVNode as a, createCommentVNode as S, createBlock as L, withKeys as y } from "vue";
+import { defineComponent as N, ref as b, watchEffect as I, computed as P, createElementBlock as $, openBlock as f, Fragment as K, createElementVNode as r, createVNode as o, normalizeClass as d, unref as n, withModifiers as L, withCtx as s, createTextVNode as a, createCommentVNode as S, createBlock as T, withKeys as y } from "vue";
 import { isJsonEqual as U } from "../../lib/util/helpers/dist/index.js";
 import "../../lib/ui/uikit/dist/index.js";
 import { defaultAlignmentParams as A } from "./multi-sequence-alignment.js";
@@ -31,7 +31,7 @@ const h = /* @__PURE__ */ N({
       );
     }
     const i = b({ ...u.settings.alignmentParams });
-    T(() => {
+    I(() => {
       i.value = { ...u.settings.alignmentParams };
     });
     const O = P(
@@ -39,7 +39,7 @@ const h = /* @__PURE__ */ N({
     ), E = P(
       () => !U(u.settings.alignmentParams, A)
     );
-    return (t, e) => (f(), $(I, null, [
+    return (t, e) => (f(), $(K, null, [
       r("div", {
         class: d(t.$style.container)
       }, [
@@ -75,7 +75,7 @@ const h = /* @__PURE__ */ N({
           }, [
             o(n(C), {
               icon: "settings",
-              onClick: e[3] || (e[3] = K((l) => p.value = !0, ["stop"]))
+              onClick: e[3] || (e[3] = L((l) => p.value = !0, ["stop"]))
             }, {
               default: s(() => e[17] || (e[17] = [
                 a(" Settings ")
@@ -210,7 +210,7 @@ const h = /* @__PURE__ */ N({
               _: 1
             })
           ], 2)) : S("", !0),
-          E.value ? (f(), L(n(z), {
+          E.value ? (f(), T(n(z), {
             key: 1,
             class: d(t.$style["reset-button"]),
             icon: "reverse",

package/dist/components/PlMultiSequenceAlignment/data.js

@@ -1,26 +1,26 @@
 import { isJsonEqual as L } from "../../lib/util/helpers/dist/index.js";
-import { getRawPlatformaInstance as Q, isLabelColumn as B, isLinkerColumn as X, createRowSelectionColumn as Y } from "../../sdk/model/dist/index.js";
+import { getRawPlatformaInstance as K, isLabelColumn as B, isLinkerColumn as Q, createRowSelectionColumn as Y } from "../../sdk/model/dist/index.js";
 import { ref as O, watch as Z } from "vue";
 import { chemicalPropertiesColorMap as I, colorizeSequencesByChemicalProperties as ee } from "./chemical-properties.js";
-import { parseMarkup as te, markupAlignedSequence as ne, markupColors as T, colorizeSequencesByMarkup as oe } from "./markup.js";
+import { parseMarkup as ne, markupAlignedSequence as te, markupColors as T, colorizeSequencesByMarkup as oe } from "./markup.js";
 import { multiSequenceAlignment as ae } from "./multi-sequence-alignment.js";
 import { getResidueCounts as re } from "./residue-counts.js";
 import { ensureError as se, canonicalizeJson as A, getAxisId as J, parseJson as D, matchAxisId as ie, pTableValue as q } from "../../lib/model/common/dist/index.js";
-const M = () => Q().pFrameDriver, E = 1e3, Se = C(
+const M = () => K().pFrameDriver, E = 1e3, Se = k(
   le
-), xe = C(
+), xe = k(
   ce
-), Ae = C(
+), Ae = k(
   pe
-), ve = C(
+), ve = k(
   ue
 );
 async function le({
   pFrame: c,
-  sequenceColumnPredicate: t
+  sequenceColumnPredicate: n
 }) {
   if (!c) return;
-  const a = (await M().listColumns(c)).filter((i) => t(i)).map(({ spec: i, columnId: p }) => {
+  const a = (await M().listColumns(c)).filter((i) => n(i)).map(({ spec: i, columnId: p }) => {
     var m;
     return {
       label: ((m = i.annotations) == null ? void 0 : m["pl7.app/label"]) ?? "Unlabelled column",
@@ -31,11 +31,11 @@ async function le({
 }
 async function ce({
   pFrame: c,
-  sequenceColumnIds: t
+  sequenceColumnIds: n
 }) {
   var f, x, w;
-  if (!c || !t) return;
-  const d = M(), l = await d.listColumns(c), a = /* @__PURE__ */ new Map(), s = new Map(t.flatMap((r) => {
+  if (!c || !n) return;
+  const d = M(), l = await d.listColumns(c), a = /* @__PURE__ */ new Map(), s = new Map(n.flatMap((r) => {
     const y = l.find(({ columnId: u }) => u === r);
     if (!y)
       throw new Error(`Couldn't find sequence column (ID: \`${r}\`).`);
@@ -76,15 +76,15 @@ async function ce({
 }
 async function pe({
   pFrame: c,
-  sequenceColumnIds: t
+  sequenceColumnIds: n
 }) {
-  if (!c || (t == null ? void 0 : t.length) !== 1) return;
+  if (!c || (n == null ? void 0 : n.length) !== 1) return;
   const l = await M().listColumns(c), a = l.find(
-    (s) => s.columnId === t[0]
+    (s) => s.columnId === n[0]
   );
   if (!a)
     throw new Error(
-      `Couldn't find sequence column (ID: \`${t[0]}\`).`
+      `Couldn't find sequence column (ID: \`${n[0]}\`).`
     );
   return l.filter(
     (s) => {
@@ -104,19 +104,19 @@ async function pe({
 }
 async function ue({
   pframe: c,
-  sequenceColumnIds: t,
+  sequenceColumnIds: n,
   labelColumnIds: d,
   markupColumnId: l,
   selection: a,
   colorScheme: s,
   alignmentParams: i
 }) {
-  var $, j, z, N;
-  if (!c || !(t != null && t.length) || !d) return;
-  const p = M(), m = await p.listColumns(c), f = m.filter((e) => X(e.spec)), x = Y({ selection: a });
+  var $, j, N, _;
+  if (!c || !(n != null && n.length) || !d) return;
+  const p = M(), m = await p.listColumns(c), f = m.filter((e) => Q(e.spec)), x = Y({ selection: a });
   let w = {
     type: "inner",
-    entries: t.map((e) => ({
+    entries: n.map((e) => ({
       type: "column",
       column: e
     }))
@@ -141,11 +141,11 @@ async function ue({
   const r = d.flatMap((e) => e.type !== "column" ? [] : { type: "column", column: e.id });
   l && r.push({ type: "column", column: l });
   const y = Array.from(
-    new Set(t.flatMap((e) => {
-      const n = m.find(({ columnId: o }) => o === e);
-      if (!n)
+    new Set(n.flatMap((e) => {
+      const t = m.find(({ columnId: o }) => o === e);
+      if (!t)
         throw new Error(`Couldn't find sequence column (ID: ${e})`);
-      return n.spec.axesSpec.map((o) => A(J(o)));
+      return t.spec.axesSpec.map((o) => A(J(o)));
     }))
   ).sort().map((e) => ({
     column: { type: "axis", id: D(e) },
@@ -170,27 +170,27 @@ async function ue({
   );
   let b = (g == null ? void 0 : g[0].data.data.length) ?? 0, P = !1;
   b > E && (b = E, P = !0);
-  const R = t.map((e) => {
-    const n = g.find(({ spec: o }) => o.id === e);
-    if (!n)
+  const R = n.map((e) => {
+    const t = g.find(({ spec: o }) => o.id === e);
+    if (!t)
       throw new Error(`Couldn't find sequence column (ID: \`${e}\`).`);
-    return n;
+    return t;
   }), V = d.map((e) => {
-    const n = g.find(({ spec: o }) => {
+    const t = g.find(({ spec: o }) => {
       if (e.type === "axis" && o.type === "axis")
         return L(e.id, o.id);
       if (e.type === "column" && o.type === "column")
         return e.id === o.id;
     });
-    if (!n)
+    if (!t)
       throw new Error(`Couldn't find label column (ID: \`${e}\`).`);
-    return n;
-  }), k = l && g.find(({ spec: e }) => e.id === l), W = await Promise.all(
+    return t;
+  }), C = l && g.find(({ spec: e }) => e.id === l), W = await Promise.all(
     R.map(
       (e) => ae(
         Array.from(
           { length: b },
-          (n, o) => {
+          (t, o) => {
             var h;
             return ((h = q(e.data, o, { na: "", absent: "" })) == null ? void 0 : h.toString()) ?? "";
           }
@@ -198,50 +198,50 @@ async function ue({
         i
       )
     )
-  ), U = Array.from(
+  ), F = Array.from(
     { length: b },
-    (e, n) => W.map((o) => o[n])
-  ), G = R.map(
+    (e, t) => W.map((o) => o[t])
+  ), X = R.map(
     (e) => {
-      var n;
-      return ((n = e.spec.spec.annotations) == null ? void 0 : n["pl7.app/label"]) ?? "Unlabelled column";
+      var t;
+      return ((t = e.spec.spec.annotations) == null ? void 0 : t["pl7.app/label"]) ?? "Unlabelled column";
     }
-  ), H = Array.from(
+  ), G = Array.from(
     { length: b },
-    (e, n) => V.map(
+    (e, t) => V.map(
       (o) => {
         var h;
-        return ((h = q(o.data, n, { na: "", absent: "" })) == null ? void 0 : h.toString()) ?? "";
+        return ((h = q(o.data, t, { na: "", absent: "" })) == null ? void 0 : h.toString()) ?? "";
       }
     )
-  ), v = U.map((e) => e.join(" ")), F = re(v), S = {
+  ), v = F.map((e) => e.join(" ")), U = re(v), S = {
     sequences: v,
-    sequenceNames: G,
-    labelsRows: H,
+    sequenceNames: X,
+    labelsRows: G,
     exceedsLimit: P,
-    residueCounts: F
+    residueCounts: U
   };
-  if (k) {
+  if (C) {
     const e = JSON.parse(
-      (($ = k.spec.spec.annotations) == null ? void 0 : $["pl7.app/sequence/annotation/mapping"]) ?? "{}"
-    ), n = Array.from(
+      (($ = C.spec.spec.annotations) == null ? void 0 : $["pl7.app/sequence/annotation/mapping"]) ?? "{}"
+    ), t = Array.from(
       { length: b },
       (o, h) => {
-        var _;
-        const K = te(
-          ((_ = q(k.data, h, { na: "", absent: "" })) == null ? void 0 : _.toString()) ?? ""
+        var z;
+        const H = ne(
+          ((z = q(C.data, h, { na: "", absent: "" })) == null ? void 0 : z.toString()) ?? ""
         );
-        return ne(U[h][0], K);
+        return te(F[h][0], H);
       }
     );
-    S.markup = { labels: e, data: n };
+    S.markup = { labels: e, data: t };
   }
   if (s.type === "chemical-properties") {
     const e = I;
     S.highlightImage = {
       blob: await ee({
         sequences: v,
-        residueCounts: F,
+        residueCounts: U,
         colorMap: e
       }),
       colorMap: e
@@ -250,24 +250,24 @@ async function ue({
     const e = Object.fromEntries(
       Object.entries(
         ((j = S.markup) == null ? void 0 : j.labels) ?? {}
-      ).map(([n, o], h) => [
-        n,
+      ).map(([t, o], h) => [
+        t,
         { label: o, color: T[h % T.length] }
       ])
     );
     S.highlightImage = {
       blob: await oe({
-        markupRows: ((z = S.markup) == null ? void 0 : z.data) ?? [],
+        markupRows: ((N = S.markup) == null ? void 0 : N.data) ?? [],
         colorMap: e,
-        columnCount: ((N = v.at(0)) == null ? void 0 : N.length) ?? 0
+        columnCount: ((_ = v.at(0)) == null ? void 0 : _.length) ?? 0
       }),
       colorMap: e
     };
   }
   return S;
 }
-function C(c) {
-  const t = O(), d = O(!0), l = O();
+function k(c) {
+  const n = O(), d = O(!0), l = O();
   let a;
   return (s) => (Z(s, async (i, p) => {
     if (L(i, p)) return;
@@ -275,13 +275,13 @@ function C(c) {
     try {
       l.value = void 0, d.value = !0;
       const f = await c(i);
-      m === a && (t.value = f);
+      m === a && (n.value = f);
     } catch (f) {
       console.error(f), m === a && (l.value = se(f));
     } finally {
       m === a && (d.value = !1);
     }
-  }, { immediate: !0 }), { data: t, isLoading: d, error: l });
+  }, { immediate: !0 }), { data: n, isLoading: d, error: l });
 }
 export {
   E as sequenceLimit,

package/dist/components/PlTableFilters/PlTableAddFilterV2.vue.js

@@ -3,10 +3,10 @@ import { deepClone as N } from "../../lib/util/helpers/dist/index.js";
 import "../../lib/ui/uikit/dist/index.js";
 import { getFilterDefault as A } from "./filters_logic.js";
 import M from "./PlTableFilterEntryV2.vue.js";
-import T from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
-import U from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
-import j from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import E from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
+import U from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
+import j from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
+import E from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
+import T from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
 const q = { class: "d-flex flex-column gap-24" }, D = {
   key: 0,
   class: "text-subtitle-m",
@@ -46,7 +46,7 @@ const q = { class: "d-flex flex-column gap-24" }, D = {
     }, F = () => {
       t.value !== void 0 && l.value && r.setFilter(t.value, l.value), p();
     };
-    return (o, e) => (s(), c(u(T), {
+    return (o, e) => (s(), c(u(U), {
       modelValue: d.value,
       "onUpdate:modelValue": e[2] || (e[2] = (a) => d.value = a),
       "close-on-outside-click": !1
@@ -55,7 +55,7 @@ const q = { class: "d-flex flex-column gap-24" }, D = {
         m("Add Filter")
       ])),
       actions: i(() => [
-        n(u(j), {
+        n(u(E), {
           disabled: !l.value,
           onClick: F
         }, {
@@ -64,7 +64,7 @@ const q = { class: "d-flex flex-column gap-24" }, D = {
           ])),
           _: 1
         }, 8, ["disabled"]),
-        n(u(E), {
+        n(u(T), {
           "justify-center": !1,
           onClick: p
         }, {
@@ -76,7 +76,7 @@ const q = { class: "d-flex flex-column gap-24" }, D = {
       ]),
       default: i(() => [
         g("div", q, [
-          n(u(U), {
+          n(u(j), {
             modelValue: t.value,
             "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value = a),
             options: C.value,

package/dist/defineApp.js

@@ -7,19 +7,19 @@ const p = Symbol("sdk-vue");
 function P() {
   return A(p);
 }
-function R(n, c, l = {}) {
-  let i;
+function R(i, c, l = {}) {
+  let n;
   k();
   const u = () => {
-    g(n).loadBlockState().then((t) => {
+    g(i).loadBlockState().then((t) => {
       e.loaded = !0;
-      const a = j(t, n, l), s = c(a), d = Object.fromEntries(
+      const a = j(t, i, l), s = c(a), d = Object.fromEntries(
         Object.entries(s.routes).map(([r, o]) => {
           const f = typeof o == "function" ? o() : o;
           return [r, b(f)];
         })
       );
-      i = Object.assign(a, {
+      n = Object.assign(a, {
         ...s,
         getRoute(r) {
           return d[r];
@@ -33,7 +33,7 @@ function R(n, c, l = {}) {
     error: void 0,
     // Href to get typed query parameters for a specific route
     useApp() {
-      return m(i, "App is not loaded");
+      return m(n, "App is not loaded");
     },
     // @todo type portability issue with Vue
     // eslint-disable-next-line @typescript-eslint/no-explicit-any