@platforma-sdk/ui-vue 1.41.19 → 1.42.0

package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js

@@ -1,18 +1,20 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._root_1uteo_2{display:grid;grid-template-areas:"corner header" "labels sequences";text-wrap:nowrap;justify-content:start}._corner_1uteo_11{grid-area:corner;background-color:#fff;position:sticky;inset-inline-start:0;inset-block-start:0;z-index:2}._header_1uteo_20{grid-area:header;background-color:#fff;position:sticky;inset-block-start:0;z-index:1}._sequence-names_1uteo_28{display:flex;font-weight:700;line-height:20px;margin-block-end:4px;gap:20px}._labels_1uteo_36{grid-area:labels;display:grid;grid-auto-flow:dense;column-gap:12px;background-color:#fff;position:sticky;inset-inline-start:0;z-index:1;padding-inline-end:12px;font-family:Spline Sans Mono;line-height:24px}._sequences_1uteo_50{grid-area:sequences;display:flex;flex-direction:column;font-family:Spline Sans Mono;font-weight:600;line-height:24px;letter-spacing:11.6px;text-indent:5.8px;background-image:var(--10a70bbb);background-repeat:no-repeat;background-size:calc(100% - 5.8px) 100%;image-rendering:pixelated}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-const e = "_root_1uteo_2", o = "_corner_1uteo_11", s = "_header_1uteo_20", t = "_labels_1uteo_36", _ = "_sequences_1uteo_50", n = {
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._root_cgj1q_2{display:flex;flex-direction:column;gap:12px;min-block-size:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}._table_cgj1q_11{display:grid;grid-template-areas:"corner header" "labels sequences";text-wrap:nowrap;justify-content:start}@media print{._table_cgj1q_11{overflow:visible}}._corner_cgj1q_23{grid-area:corner;background-color:#fff;position:sticky;inset-inline-start:0;inset-block-start:0;z-index:2}._header_cgj1q_32{grid-area:header;background-color:#fff;position:sticky;inset-block-start:0;z-index:1}._sequence-names_cgj1q_40{display:flex;font-weight:700;line-height:20px;margin-block-end:4px;gap:20px}._labels_cgj1q_48{grid-area:labels;display:grid;grid-auto-flow:dense;column-gap:12px;background-color:#fff;position:sticky;inset-inline-start:0;z-index:1;padding-inline-end:12px;font-family:Spline Sans Mono;line-height:24px}._sequences_cgj1q_62{grid-area:sequences;display:flex;flex-direction:column;font-family:Spline Sans Mono;font-weight:600;line-height:24px;letter-spacing:11.6px;text-indent:5.8px;margin-inline-end:-5.8px;background-image:var(--3cff4522);background-repeat:no-repeat;background-size:calc(100% - 5.8px) 100%}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+const e = "_root_cgj1q_2", c = "_table_cgj1q_11", s = "_corner_cgj1q_23", _ = "_header_cgj1q_32", n = "_labels_cgj1q_48", o = "_sequences_cgj1q_62", t = {
   root: e,
-  corner: o,
-  header: s,
-  "sequence-names": "_sequence-names_1uteo_28",
-  labels: t,
-  sequences: _
+  table: c,
+  corner: s,
+  header: _,
+  "sequence-names": "_sequence-names_cgj1q_40",
+  labels: n,
+  sequences: o
 };
 export {
-  o as corner,
-  n as default,
-  s as header,
-  t as labels,
+  s as corner,
+  t as default,
+  _ as header,
+  n as labels,
   e as root,
-  _ as sequences
+  o as sequences,
+  c as table
 };
 //# sourceMappingURL=MultiSequenceAlignmentView.vue3.js.map

package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js.map

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

package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue.d.ts

@@ -24,6 +24,41 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "update:modelValue": (value: PlMultiSequenceAlignmentModel) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: PlMultiSequenceAlignmentModel) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    msa: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        sequences: string[];
+        sequenceNames: string[];
+        labelRows: string[][];
+        residueCounts: import('./types').ResidueCounts;
+        highlightImage: {
+            blob: Blob;
+            legend: import('./types').HighlightLegend;
+        } | undefined;
+        widgets: ("consensus" | "seqLogo" | "legend")[];
+    }> & Readonly<{}>, {
+        rootEl: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        sequences: string[];
+        sequenceNames: string[];
+        labelRows: string[][];
+        residueCounts: import('./types').ResidueCounts;
+        highlightImage: {
+            blob: Blob;
+            legend: import('./types').HighlightLegend;
+        } | undefined;
+        widgets: ("consensus" | "seqLogo" | "legend")[];
+    }> & Readonly<{}>, {
+        rootEl: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+    }, {}, {}, {}, {}> | null;
+}, any>;
 export default _default;
 //# sourceMappingURL=PlMultiSequenceAlignment.vue.d.ts.map

package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlMultiSequenceAlignment.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue"],"names":[],"mappings":"AAoQA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EAEZ,6BAA6B,EAE7B,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAyB9B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;CACvC,CAAC;AAmIF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,6BAA6B,CAAC;CAC1C,GAAG,WAAW,CAAC;;;;;;AAyLhB,wBAOG"}
+{"version":3,"file":"PlMultiSequenceAlignment.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue"],"names":[],"mappings":"AAuTA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAEjB,KAAK,6BAA6B,EAElC,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AA8B9B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;CACvC,CAAC;AAwLF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,6BAA6B,CAAC;CAC1C,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLhB,wBAQG"}

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

@@ -1,17 +1,17 @@
-import { defineComponent as R, mergeModels as J, useModel as U, onBeforeMount as $, reactive as d, computed as v, watchEffect as x, createElementBlock as w, openBlock as m, Fragment as S, createVNode as M, createBlock as h, unref as a, withCtx as q, createTextVNode as F, toDisplayString as C, createCommentVNode as O, normalizeClass as G } from "vue";
-import { isJsonEqual as b } from "../../lib/util/helpers/dist/index.js";
+import { defineComponent as L, mergeModels as U, useModel as J, onBeforeMount as G, reactive as g, computed as R, watchEffect as N, useTemplateRef as H, createElementBlock as T, openBlock as f, Fragment as V, createVNode as j, createBlock as S, unref as i, withCtx as b, createTextVNode as k, toDisplayString as q, createCommentVNode as A, normalizeClass as K } from "vue";
+import { isJsonEqual as I } from "../../lib/util/helpers/dist/index.js";
 import "../../lib/ui/uikit/dist/index.js";
-import { useSequenceColumnsOptions as H, useLabelColumnsOptions as K, useMarkupColumnsOptions as Q, useMultipleAlignmentData as W, sequenceLimit as z } from "./data.js";
-import X from "./Legend.vue.js";
-import { runMigrations as Y } from "./migrations.js";
-import Z from "./MultiSequenceAlignmentView.vue.js";
+import { getRawPlatformaInstance as Q } from "../../sdk/model/dist/index.js";
+import { useSequenceColumnsOptions as W, useLabelColumnsOptions as X, useMarkupColumnsOptions as Y, useMultipleAlignmentData as Z, sequenceLimit as B } from "./data.js";
+import { runMigrations as ee } from "./migrations.js";
+import te from "./MultiSequenceAlignmentView.vue.js";
 import { defaultSettings as D } from "./settings.js";
-import ee from "./Toolbar.vue.js";
+import oe from "./Toolbar.vue.js";
 import P from "../../lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js";
-import oe from "../../lib/ui/uikit/dist/components/PlSplash/PlSplash.vue.js";
-const pe = /* @__PURE__ */ R({
+import ne from "../../lib/ui/uikit/dist/components/PlSplash/PlSplash.vue.js";
+const ge = /* @__PURE__ */ L({
   __name: "PlMultiSequenceAlignment",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ U({
     pFrame: {},
     sequenceColumnPredicate: { type: Function },
     selection: {}
@@ -20,36 +20,30 @@ const pe = /* @__PURE__ */ R({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const p = U(V, "modelValue");
-    $(() => {
-      Y(p);
+  setup(x) {
+    const h = J(x, "modelValue");
+    G(() => {
+      ee(h);
     });
-    const e = d({
+    const o = g({
       ...D
-    }), i = V, g = d(H(() => ({
-      pFrame: i.pFrame,
-      sequenceColumnPredicate: i.sequenceColumnPredicate
-    }))), f = d(K(() => ({
-      pFrame: i.pFrame,
-      sequenceColumnIds: e.sequenceColumnIds
-    }))), I = d(Q(() => ({
-      pFrame: i.pFrame,
-      sequenceColumnIds: e.sequenceColumnIds
-    }))), y = v(
-      () => {
-        var o;
-        return ((o = e.colorScheme) == null ? void 0 : o.type) === "markup" ? e.colorScheme.columnId : void 0;
-      }
-    ), s = d(W(() => ({
-      pframe: i.pFrame,
-      sequenceColumnIds: e.sequenceColumnIds,
-      labelColumnIds: e.labelColumnIds,
-      markupColumnId: y.value,
-      selection: i.selection,
-      colorScheme: e.colorScheme,
-      alignmentParams: e.alignmentParams
-    }))), k = new Intl.NumberFormat("en").format, T = v(
+    }), c = x, C = g(W(() => ({
+      pFrame: c.pFrame,
+      sequenceColumnPredicate: c.sequenceColumnPredicate
+    }))), y = g(X(() => ({
+      pFrame: c.pFrame,
+      sequenceColumnIds: o.sequenceColumnIds
+    }))), v = g(Y(() => ({
+      pFrame: c.pFrame,
+      sequenceColumnIds: o.sequenceColumnIds
+    }))), l = g(Z(() => ({
+      pframe: c.pFrame,
+      sequenceColumnIds: o.sequenceColumnIds,
+      labelColumnIds: o.labelColumnIds,
+      selection: c.selection,
+      colorScheme: o.colorScheme,
+      alignmentParams: o.alignmentParams
+    }))), w = new Intl.NumberFormat("en").format, _ = R(
       () => [
         {
           label: "Chemical Properties",
@@ -59,122 +53,163 @@ const pe = /* @__PURE__ */ R({
           label: "No Color",
           value: { type: "no-color" }
         },
-        ...(I.data ?? []).map(({ label: o, value: n }) => ({
-          label: o,
+        ...(v.data ?? []).map(({ label: t, value: n }) => ({
+          label: t,
           value: {
             type: "markup",
             columnId: n
           }
         }))
       ]
-    ), L = v(
-      () => g.error ?? f.error ?? I.error ?? s.error
+    ), O = R(
+      () => C.error ?? y.error ?? v.error ?? l.error
     );
-    function N(o) {
-      p.value = Object.fromEntries(
-        Object.entries({ ...p.value, ...o }).filter(([n, l]) => l !== void 0)
+    function E(t) {
+      h.value = Object.fromEntries(
+        Object.entries({ ...h.value, ...t }).filter(([n, e]) => e !== void 0)
       );
     }
-    return x(() => {
-      var n, l;
-      const o = Object.fromEntries(
+    N(() => {
+      var n, e;
+      const t = Object.fromEntries(
         Object.entries({
           ...D,
-          sequenceColumnIds: (n = g.data) == null ? void 0 : n.defaults,
-          labelColumnIds: (l = f.data) == null ? void 0 : l.defaults,
-          ...p.value
+          sequenceColumnIds: (n = C.data) == null ? void 0 : n.defaults,
+          labelColumnIds: (e = y.data) == null ? void 0 : e.defaults,
+          ...h.value
         }).filter(
-          ([r, t]) => !b(
-            e[r],
-            t
+          ([a, r]) => !I(
+            o[a],
+            r
           )
         )
       );
-      Object.assign(e, o);
-    }), x(() => {
-      var n, l, r;
-      const o = [];
-      (n = e.sequenceColumnIds) != null && n.some(
-        (t) => {
+      Object.assign(o, t);
+    }), N(() => {
+      var e, a, r, m;
+      const t = [];
+      (e = o.sequenceColumnIds) != null && e.some(
+        (s) => {
           var u;
-          return !((u = g.data) != null && u.options.some(
-            ({ value: c }) => b(c, t)
+          return !((u = C.data) != null && u.options.some(
+            ({ value: d }) => I(d, s)
           ));
         }
-      ) && o.push("sequenceColumnIds"), (l = e.labelColumnIds) != null && l.some(
-        (t) => {
+      ) && t.push("sequenceColumnIds"), (a = o.labelColumnIds) != null && a.some(
+        (s) => {
           var u;
-          return !((u = f.data) != null && u.options.some(
-            ({ value: c }) => b(c, t)
+          return !((u = y.data) != null && u.options.some(
+            ({ value: d }) => I(d, s)
           ));
         }
-      ) && o.push("labelColumnIds"), y.value && !((r = I.data) != null && r.some(
-        ({ value: t }) => b(t, y.value)
-      )) && o.push("colorScheme"), o.length && N(Object.fromEntries(
-        o.map((t) => [t, void 0])
+      ) && t.push("labelColumnIds");
+      const n = ((r = o.colorScheme) == null ? void 0 : r.type) === "markup" ? o.colorScheme.columnId : void 0;
+      n && !((m = v.data) != null && m.some(
+        ({ value: s }) => I(s, n)
+      )) && t.push("colorScheme"), t.length && E(Object.fromEntries(
+        t.map((s) => [s, void 0])
       ));
-    }), (o, n) => {
-      var l, r, t, u;
-      return m(), w(S, null, [
-        M(ee, {
-          settings: e,
-          "sequence-column-options": (l = g.data) == null ? void 0 : l.options,
-          "label-column-options": (r = f.data) == null ? void 0 : r.options,
-          "color-scheme-options": T.value,
-          onUpdateSettings: N
+    });
+    const $ = H("msa");
+    async function z() {
+      var d, F, M;
+      const t = (F = (d = Q()) == null ? void 0 : d.lsDriver) == null ? void 0 : F.exportToPdf;
+      if (!t)
+        return console.error(
+          "API getPlatformaRawInstance().lsDriver.exportToPdf is not available"
+        );
+      const n = (M = $.value) == null ? void 0 : M.rootEl;
+      if (!n)
+        throw new Error("MSA element is not available.");
+      const e = document.createElement("div");
+      e.id = `print-target-${crypto.randomUUID()}`;
+      const a = new CSSStyleSheet();
+      document.adoptedStyleSheets.push(a), a.insertRule(`
+@media screen {
+  #${e.id} {
+    visibility: hidden;
+    position: fixed;
+  }
+}`), e.replaceChildren(n.cloneNode(!0)), document.body.appendChild(e);
+      const { height: r, width: m } = e.getBoundingClientRect(), s = CSS.cm(1), u = [m, r].map((p) => CSS.px(p).add(s.mul(2))).join(" ");
+      a.insertRule(`
+@media print {
+  @page {
+    size: ${u};
+    margin: ${s};
+  }
+  body > :not(#${e.id}) {
+    display: none;
+  }
+}`);
+      try {
+        await t();
+      } catch (p) {
+        console.error(p);
+      } finally {
+        document.body.removeChild(e);
+        const p = document.adoptedStyleSheets.indexOf(a);
+        p >= 0 && document.adoptedStyleSheets.splice(p, 1);
+      }
+    }
+    return (t, n) => {
+      var e, a, r, m;
+      return f(), T(V, null, [
+        j(oe, {
+          settings: o,
+          "sequence-column-options": (e = C.data) == null ? void 0 : e.options,
+          "label-column-options": (a = y.data) == null ? void 0 : a.options,
+          "color-scheme-options": _.value,
+          onUpdateSettings: E,
+          onExport: z
         }, null, 8, ["settings", "sequence-column-options", "label-column-options", "color-scheme-options"]),
-        L.value ? (m(), h(a(P), {
+        O.value ? (f(), S(i(P), {
           key: 0,
           type: "error"
         }, {
-          default: q(() => [
-            F(C(L.value), 1)
+          default: b(() => [
+            k(q(O.value), 1)
           ]),
           _: 1
-        })) : !s.isLoading && (((t = s.data) == null ? void 0 : t.sequences) ?? []).length < 2 ? (m(), h(a(P), {
+        })) : !l.isLoading && (((r = l.data) == null ? void 0 : r.sequences) ?? []).length < 2 ? (f(), S(i(P), {
           key: 1,
           type: "warn",
           icon: ""
         }, {
-          default: q(() => n[0] || (n[0] = [
-            F(" Please select at least one sequence column and two or more rows to run alignment ")
+          default: b(() => n[0] || (n[0] = [
+            k(" Please select at least one sequence column and two or more rows to run alignment ")
           ])),
           _: 1
-        })) : (m(), w(S, { key: 2 }, [
-          (u = s.data) != null && u.exceedsLimit ? (m(), h(a(P), {
+        })) : (f(), T(V, { key: 2 }, [
+          (m = l.data) != null && m.exceedsLimit ? (f(), S(i(P), {
             key: 0,
             type: "warn",
             icon: "",
             label: "Visualization is limited"
           }, {
-            default: q(() => [
-              F(" MSA visualization supports " + C(a(k)(2)) + " to " + C(a(k)(a(z))) + " sequences. Only the first " + C(a(k)(a(z))) + " will be displayed. ", 1)
+            default: b(() => [
+              k(" MSA visualization supports " + q(i(w)(2)) + " to " + q(i(w)(i(B))) + " sequences. Only the first " + q(i(w)(i(B))) + " will be displayed. ", 1)
             ]),
             _: 1
-          })) : O("", !0),
-          M(a(oe), {
+          })) : A("", !0),
+          j(i(ne), {
             type: "transparent",
-            class: G(o.$style.splash),
-            loading: s.isLoading
+            class: K(t.$style.splash),
+            loading: l.isLoading
           }, {
-            default: q(() => {
-              var c, j, E, _, A, B;
+            default: b(() => {
+              var s;
               return [
-                (c = s.data) != null && c.sequences.length ? (m(), w(S, { key: 0 }, [
-                  M(Z, {
-                    "sequence-names": s.data.sequenceNames,
-                    sequences: s.data.sequences,
-                    "label-rows": s.data.labelsRows,
-                    "residue-counts": s.data.residueCounts,
-                    "highlight-image-blob": (j = s.data.highlightImage) == null ? void 0 : j.blob,
-                    consensus: ((E = e.widgets) == null ? void 0 : E.includes("consensus")) ?? !1,
-                    "seq-logo": ((_ = e.widgets) == null ? void 0 : _.includes("seqLogo")) ?? !1
-                  }, null, 8, ["sequence-names", "sequences", "label-rows", "residue-counts", "highlight-image-blob", "consensus", "seq-logo"]),
-                  (A = e.widgets) != null && A.includes("legend") && ((B = s.data.highlightImage) != null && B.colorMap) ? (m(), h(X, {
-                    key: 0,
-                    colors: s.data.highlightImage.colorMap
-                  }, null, 8, ["colors"])) : O("", !0)
-                ], 64)) : O("", !0)
+                (s = l.data) != null && s.sequences.length ? (f(), S(te, {
+                  key: 0,
+                  ref: "msa",
+                  sequences: l.data.sequences,
+                  "sequence-names": l.data.sequenceNames,
+                  "label-rows": l.data.labelRows,
+                  "residue-counts": l.data.residueCounts,
+                  "highlight-image": l.data.highlightImage,
+                  widgets: o.widgets
+                }, null, 8, ["sequences", "sequence-names", "label-rows", "residue-counts", "highlight-image", "widgets"])) : A("", !0)
               ];
             }),
             _: 1
@@ -185,6 +220,6 @@ const pe = /* @__PURE__ */ R({
   }
 });
 export {
-  pe as default
+  ge as default
 };
 //# sourceMappingURL=PlMultiSequenceAlignment.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlMultiSequenceAlignment.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isJsonEqual } from '@milaboratories/helpers';\nimport {\n  type ListOptionNormalized,\n  PlAlert,\n  PlSplash,\n} from '@milaboratories/uikit';\nimport type {\n  PColumnPredicate,\n  PFrameHandle,\n  PlMultiSequenceAlignmentColorSchemeOption,\n  PlMultiSequenceAlignmentModel,\n  PlMultiSequenceAlignmentSettings,\n  PlSelectionModel,\n} from '@platforma-sdk/model';\nimport { computed, onBeforeMount, reactive, watchEffect } from 'vue';\nimport {\n  sequenceLimit,\n  useLabelColumnsOptions,\n  useMarkupColumnsOptions,\n  useMultipleAlignmentData,\n  useSequenceColumnsOptions,\n} from './data';\nimport Legend from './Legend.vue';\nimport { runMigrations } from './migrations';\nimport MultiSequenceAlignmentView from './MultiSequenceAlignmentView.vue';\nimport { defaultSettings } from './settings';\nimport Toolbar from './Toolbar.vue';\n\nconst model = defineModel<PlMultiSequenceAlignmentModel>({ default: {} });\n\nonBeforeMount(() => {\n  runMigrations(model);\n});\n\nconst settings = reactive<PlMultiSequenceAlignmentSettings>({\n  ...defaultSettings,\n});\n\nconst props = defineProps<{\n  /**\n   * Handle to PFrame created using `createPFrameForGraphs`.\n   * Should contain all desired sequence and label columns.\n   */\n  readonly pFrame: PFrameHandle | undefined;\n  /**\n   * Return true if column should be shown in sequence columns dropdown.\n   * By default, all sequence columns are selected.\n   */\n  readonly sequenceColumnPredicate: PColumnPredicate;\n  /**\n   * Row selection model (from `PlAgDataTableV2` or `GraphMaker`).\n   * If not provided or empty, all rows will be considered selected.\n   * Warning: should be forwarded as a field of `reactive` object\n   */\n  readonly selection?: PlSelectionModel;\n}>();\n\nconst sequenceColumns = reactive(useSequenceColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnPredicate: props.sequenceColumnPredicate,\n})));\n\nconst labelColumns = reactive(useLabelColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n})));\n\nconst markupColumns = reactive(useMarkupColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n})));\n\nconst markupColumnId = computed(() =>\n  settings.colorScheme?.type === 'markup'\n    ? settings.colorScheme.columnId\n    : undefined,\n);\n\nconst multipleAlignmentData = reactive(useMultipleAlignmentData(() => ({\n  pframe: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n  labelColumnIds: settings.labelColumnIds,\n  markupColumnId: markupColumnId.value,\n  selection: props.selection,\n  colorScheme: settings.colorScheme,\n  alignmentParams: settings.alignmentParams,\n})));\n\nconst formatNumber = new Intl.NumberFormat('en').format;\n\nconst colorSchemeOptions = computed<\n  ListOptionNormalized<PlMultiSequenceAlignmentColorSchemeOption>[]\n>(\n  () => [\n    {\n      label: 'Chemical Properties',\n      value: { type: 'chemical-properties' },\n    },\n    {\n      label: 'No Color',\n      value: { type: 'no-color' },\n    },\n    ...(markupColumns.data ?? []).map(({ label, value }) => ({\n      label,\n      value: {\n        type: 'markup' as const,\n        columnId: value,\n      },\n    })),\n  ],\n);\n\nconst error = computed(() =>\n  sequenceColumns.error\n  ?? labelColumns.error\n  ?? markupColumns.error\n  ?? multipleAlignmentData.error,\n);\n\nfunction applySettings(\n  settingsPatch: Partial<PlMultiSequenceAlignmentSettings>,\n) {\n  model.value = Object.fromEntries(\n    Object.entries({ ...model.value, ...settingsPatch })\n      .filter(([_key, value]) => value !== undefined),\n  );\n}\n\nwatchEffect(() => {\n  const patch: Partial<PlMultiSequenceAlignmentSettings> = Object.fromEntries(\n    Object.entries({\n      ...defaultSettings,\n      sequenceColumnIds: sequenceColumns.data?.defaults,\n      labelColumnIds: labelColumns.data?.defaults,\n      ...model.value,\n    }).filter(([key, value]) =>\n      !isJsonEqual(\n        settings[key as keyof PlMultiSequenceAlignmentSettings],\n        value,\n      ),\n    ),\n  );\n  Object.assign(settings, patch);\n});\n\n// Reset stale settings\nwatchEffect(() => {\n  const settingsToReset: (keyof PlMultiSequenceAlignmentSettings)[] = [];\n  if (\n    settings.sequenceColumnIds?.some((id) =>\n      !sequenceColumns.data?.options.some(\n        ({ value }) => isJsonEqual(value, id),\n      ),\n    )\n  ) {\n    settingsToReset.push('sequenceColumnIds');\n  }\n  if (\n    settings.labelColumnIds?.some((id) =>\n      !labelColumns.data?.options.some(\n        ({ value }) => isJsonEqual(value, id),\n      ),\n    )\n  ) {\n    settingsToReset.push('labelColumnIds');\n  }\n  if (\n    markupColumnId.value\n    && !markupColumns.data?.some(\n      ({ value }) => isJsonEqual(value, markupColumnId.value),\n    )\n  ) {\n    settingsToReset.push('colorScheme');\n  }\n  if (settingsToReset.length) {\n    applySettings(Object.fromEntries(\n      settingsToReset.map((key) => [key, undefined]),\n    ));\n  }\n});\n</script>\n\n<template>\n  <Toolbar\n    :settings=\"settings\"\n    :sequence-column-options=\"sequenceColumns.data?.options\"\n    :label-column-options=\"labelColumns.data?.options\"\n    :color-scheme-options=\"colorSchemeOptions\"\n    @update-settings=\"applySettings\"\n  />\n  <PlAlert v-if=\"error\" type=\"error\">\n    {{ error }}\n  </PlAlert>\n  <PlAlert\n    v-else-if=\"\n      !multipleAlignmentData.isLoading\n        && (multipleAlignmentData.data?.sequences ?? []).length < 2\n    \"\n    type=\"warn\"\n    icon\n  >\n    Please select at least one sequence column and two or more rows to run\n    alignment\n  </PlAlert>\n  <template v-else>\n    <PlAlert\n      v-if=\"multipleAlignmentData.data?.exceedsLimit\"\n      type=\"warn\"\n      icon\n      label=\"Visualization is limited\"\n    >\n      MSA visualization supports {{ formatNumber(2) }} to\n      {{ formatNumber(sequenceLimit) }} sequences. Only the first\n      {{ formatNumber(sequenceLimit) }} will be displayed.\n    </PlAlert>\n    <PlSplash\n      type=\"transparent\"\n      :class=\"$style.splash\"\n      :loading=\"multipleAlignmentData.isLoading\"\n    >\n      <template v-if=\"multipleAlignmentData.data?.sequences.length\">\n        <MultiSequenceAlignmentView\n          :sequence-names=\"multipleAlignmentData.data.sequenceNames\"\n          :sequences=\"multipleAlignmentData.data.sequences\"\n          :label-rows=\"multipleAlignmentData.data.labelsRows\"\n          :residue-counts=\"multipleAlignmentData.data.residueCounts\"\n          :highlight-image-blob=\"multipleAlignmentData.data.highlightImage?.blob\"\n          :consensus=\"settings.widgets?.includes('consensus') ?? false\"\n          :seq-logo=\"settings.widgets?.includes('seqLogo') ?? false\"\n        />\n        <Legend\n          v-if=\"\n            settings.widgets?.includes('legend')\n              && multipleAlignmentData.data.highlightImage?.colorMap\n          \"\n          :colors=\"multipleAlignmentData.data.highlightImage.colorMap\"\n        />\n      </template>\n    </PlSplash>\n  </template>\n</template>\n\n<style module>\n.splash {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  overflow: hidden;\n}\n</style>\n"],"names":["model","_useModel","__props","onBeforeMount","runMigrations","settings","reactive","defaultSettings","props","sequenceColumns","useSequenceColumnsOptions","labelColumns","useLabelColumnsOptions","markupColumns","useMarkupColumnsOptions","markupColumnId","computed","_a","multipleAlignmentData","useMultipleAlignmentData","formatNumber","colorSchemeOptions","label","value","error","applySettings","settingsPatch","_key","watchEffect","patch","_b","key","isJsonEqual","settingsToReset","id","_c"],"mappings":"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"}
+{"version":3,"file":"PlMultiSequenceAlignment.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isJsonEqual } from '@milaboratories/helpers';\nimport {\n  type ListOptionNormalized,\n  PlAlert,\n  PlSplash,\n} from '@milaboratories/uikit';\nimport {\n  getRawPlatformaInstance,\n  type PColumnPredicate,\n  type PFrameHandle,\n  type PlMultiSequenceAlignmentColorSchemeOption,\n  type PlMultiSequenceAlignmentModel,\n  type PlMultiSequenceAlignmentSettings,\n  type PlSelectionModel,\n} from '@platforma-sdk/model';\nimport {\n  computed,\n  onBeforeMount,\n  reactive,\n  useTemplateRef,\n  watchEffect,\n} from 'vue';\nimport {\n  sequenceLimit,\n  useLabelColumnsOptions,\n  useMarkupColumnsOptions,\n  useMultipleAlignmentData,\n  useSequenceColumnsOptions,\n} from './data';\nimport { runMigrations } from './migrations';\nimport MultiSequenceAlignmentView from './MultiSequenceAlignmentView.vue';\nimport { defaultSettings } from './settings';\nimport Toolbar from './Toolbar.vue';\n\nconst model = defineModel<PlMultiSequenceAlignmentModel>({ default: {} });\n\nonBeforeMount(() => {\n  runMigrations(model);\n});\n\nconst settings = reactive<PlMultiSequenceAlignmentSettings>({\n  ...defaultSettings,\n});\n\nconst props = defineProps<{\n  /**\n   * Handle to PFrame created using `createPFrameForGraphs`.\n   * Should contain all desired sequence and label columns.\n   */\n  readonly pFrame: PFrameHandle | undefined;\n  /**\n   * Return true if column should be shown in sequence columns dropdown.\n   * By default, all sequence columns are selected.\n   */\n  readonly sequenceColumnPredicate: PColumnPredicate;\n  /**\n   * Row selection model (from `PlAgDataTableV2` or `GraphMaker`).\n   * If not provided or empty, all rows will be considered selected.\n   * Warning: should be forwarded as a field of `reactive` object\n   */\n  readonly selection?: PlSelectionModel;\n}>();\n\nconst sequenceColumns = reactive(useSequenceColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnPredicate: props.sequenceColumnPredicate,\n})));\n\nconst labelColumns = reactive(useLabelColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n})));\n\nconst markupColumns = reactive(useMarkupColumnsOptions(() => ({\n  pFrame: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n})));\n\nconst multipleAlignmentData = reactive(useMultipleAlignmentData(() => ({\n  pframe: props.pFrame,\n  sequenceColumnIds: settings.sequenceColumnIds,\n  labelColumnIds: settings.labelColumnIds,\n  selection: props.selection,\n  colorScheme: settings.colorScheme,\n  alignmentParams: settings.alignmentParams,\n})));\n\nconst formatNumber = new Intl.NumberFormat('en').format;\n\nconst colorSchemeOptions = computed<\n  ListOptionNormalized<PlMultiSequenceAlignmentColorSchemeOption>[]\n>(\n  () => [\n    {\n      label: 'Chemical Properties',\n      value: { type: 'chemical-properties' },\n    },\n    {\n      label: 'No Color',\n      value: { type: 'no-color' },\n    },\n    ...(markupColumns.data ?? []).map(({ label, value }) => ({\n      label,\n      value: {\n        type: 'markup' as const,\n        columnId: value,\n      },\n    })),\n  ],\n);\n\nconst error = computed(() =>\n  sequenceColumns.error\n  ?? labelColumns.error\n  ?? markupColumns.error\n  ?? multipleAlignmentData.error,\n);\n\nfunction applySettings(\n  settingsPatch: Partial<PlMultiSequenceAlignmentSettings>,\n) {\n  model.value = Object.fromEntries(\n    Object.entries({ ...model.value, ...settingsPatch })\n      .filter(([_key, value]) => value !== undefined),\n  );\n}\n\nwatchEffect(() => {\n  const patch: Partial<PlMultiSequenceAlignmentSettings> = Object.fromEntries(\n    Object.entries({\n      ...defaultSettings,\n      sequenceColumnIds: sequenceColumns.data?.defaults,\n      labelColumnIds: labelColumns.data?.defaults,\n      ...model.value,\n    }).filter(([key, value]) =>\n      !isJsonEqual(\n        settings[key as keyof PlMultiSequenceAlignmentSettings],\n        value,\n      ),\n    ),\n  );\n  Object.assign(settings, patch);\n});\n\n// Reset stale settings\nwatchEffect(() => {\n  const settingsToReset: (keyof PlMultiSequenceAlignmentSettings)[] = [];\n  if (\n    settings.sequenceColumnIds?.some((id) =>\n      !sequenceColumns.data?.options.some(\n        ({ value }) => isJsonEqual(value, id),\n      ),\n    )\n  ) {\n    settingsToReset.push('sequenceColumnIds');\n  }\n  if (\n    settings.labelColumnIds?.some((id) =>\n      !labelColumns.data?.options.some(\n        ({ value }) => isJsonEqual(value, id),\n      ),\n    )\n  ) {\n    settingsToReset.push('labelColumnIds');\n  }\n\n  const markupColumnId = settings.colorScheme?.type === 'markup'\n    ? settings.colorScheme.columnId\n    : undefined;\n\n  if (\n    markupColumnId\n    && !markupColumns.data?.some(\n      ({ value }) => isJsonEqual(value, markupColumnId),\n    )\n  ) {\n    settingsToReset.push('colorScheme');\n  }\n  if (settingsToReset.length) {\n    applySettings(Object.fromEntries(\n      settingsToReset.map((key) => [key, undefined]),\n    ));\n  }\n});\n\nconst msaEl = useTemplateRef('msa');\n\nasync function exportPdf() {\n  const exportToPdf = getRawPlatformaInstance()?.lsDriver\n    ?.exportToPdf;\n  if (!exportToPdf) {\n    return console.error(\n      'API getPlatformaRawInstance().lsDriver.exportToPdf is not available',\n    );\n  }\n  const msaRoot = msaEl.value?.rootEl;\n  if (!msaRoot) {\n    throw new Error('MSA element is not available.');\n  }\n  const printTarget = document.createElement('div');\n  printTarget.id = `print-target-${crypto.randomUUID()}`;\n  const printStyleSheet = new CSSStyleSheet();\n  document.adoptedStyleSheets.push(printStyleSheet);\n  printStyleSheet.insertRule(`\n@media screen {\n  #${printTarget.id} {\n    visibility: hidden;\n    position: fixed;\n  }\n}`);\n  printTarget.replaceChildren(msaRoot.cloneNode(true));\n  document.body.appendChild(printTarget);\n  const { height, width } = printTarget.getBoundingClientRect();\n  const margin = CSS.cm(1);\n  const pageSize = [width, height]\n    .map((value) => CSS.px(value).add(margin.mul(2)))\n    .join(' ');\n  printStyleSheet.insertRule(`\n@media print {\n  @page {\n    size: ${pageSize};\n    margin: ${margin};\n  }\n  body > :not(#${printTarget.id}) {\n    display: none;\n  }\n}`);\n  try {\n    await exportToPdf();\n  } catch (error) {\n    console.error(error);\n  } finally {\n    document.body.removeChild(printTarget);\n    const index = document.adoptedStyleSheets.indexOf(printStyleSheet);\n    if (index >= 0) {\n      document.adoptedStyleSheets.splice(index, 1);\n    }\n  }\n}\n</script>\n\n<template>\n  <Toolbar\n    :settings=\"settings\"\n    :sequence-column-options=\"sequenceColumns.data?.options\"\n    :label-column-options=\"labelColumns.data?.options\"\n    :color-scheme-options=\"colorSchemeOptions\"\n    @update-settings=\"applySettings\"\n    @export=\"exportPdf\"\n  />\n  <PlAlert v-if=\"error\" type=\"error\">\n    {{ error }}\n  </PlAlert>\n  <PlAlert\n    v-else-if=\"!multipleAlignmentData.isLoading\n      && (multipleAlignmentData.data?.sequences ?? []).length < 2\"\n    type=\"warn\"\n    icon\n  >\n    Please select at least one sequence column and two or more rows to run\n    alignment\n  </PlAlert>\n  <template v-else>\n    <PlAlert\n      v-if=\"multipleAlignmentData.data?.exceedsLimit\"\n      type=\"warn\"\n      icon\n      label=\"Visualization is limited\"\n    >\n      MSA visualization supports {{ formatNumber(2) }} to\n      {{ formatNumber(sequenceLimit) }} sequences. Only the first\n      {{ formatNumber(sequenceLimit) }} will be displayed.\n    </PlAlert>\n    <PlSplash\n      type=\"transparent\"\n      :class=\"$style.splash\"\n      :loading=\"multipleAlignmentData.isLoading\"\n    >\n      <template v-if=\"multipleAlignmentData.data?.sequences.length\">\n        <MultiSequenceAlignmentView\n          ref=\"msa\"\n          :sequences=\"multipleAlignmentData.data.sequences\"\n          :sequence-names=\"multipleAlignmentData.data.sequenceNames\"\n          :label-rows=\"multipleAlignmentData.data.labelRows\"\n          :residue-counts=\"multipleAlignmentData.data.residueCounts\"\n          :highlight-image=\"multipleAlignmentData.data.highlightImage\"\n          :widgets=\"settings.widgets\"\n        />\n      </template>\n    </PlSplash>\n  </template>\n</template>\n\n<style module>\n.splash {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  overflow: hidden;\n}\n</style>\n"],"names":["model","_useModel","__props","onBeforeMount","runMigrations","settings","reactive","defaultSettings","props","sequenceColumns","useSequenceColumnsOptions","labelColumns","useLabelColumnsOptions","markupColumns","useMarkupColumnsOptions","multipleAlignmentData","useMultipleAlignmentData","formatNumber","colorSchemeOptions","computed","label","value","error","applySettings","settingsPatch","_key","watchEffect","patch","_a","_b","key","isJsonEqual","settingsToReset","id","markupColumnId","_c","_d","msaEl","useTemplateRef","exportPdf","exportToPdf","getRawPlatformaInstance","msaRoot","printTarget","printStyleSheet","height","width","margin","pageSize","index"],"mappings":"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"}

package/dist/components/PlMultiSequenceAlignment/Toolbar.vue.d.ts

@@ -7,8 +7,10 @@ type __VLS_Props = {
     colorSchemeOptions: ListOptionNormalized<ColorSchemeOption>[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    export: () => any;
     updateSettings: (args_0: Partial<Settings>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExport?: (() => any) | undefined;
     onUpdateSettings?: ((args_0: Partial<Settings>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/PlMultiSequenceAlignment/Toolbar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/Toolbar.vue"],"names":[],"mappings":"AA4NA,OAAO,EACL,KAAK,oBAAoB,EAS1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,yCAAyC,IAAI,iBAAiB,EAC9D,gCAAgC,IAAI,QAAQ,EAC5C,SAAS,EACT,cAAc,EACf,MAAM,sBAAsB,CAAC;AAI9B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,qBAAqB,EAAE,oBAAoB,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;IACrE,kBAAkB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,GAAG,SAAS,CAAC;IACvE,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,CAAC;CAC/D,CAAC;;;;;;AAydF,wBAOG"}
+{"version":3,"file":"Toolbar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/Toolbar.vue"],"names":[],"mappings":"AA+NA,OAAO,EACL,KAAK,oBAAoB,EAS1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,yCAAyC,IAAI,iBAAiB,EAC9D,gCAAgC,IAAI,QAAQ,EAC5C,SAAS,EACT,cAAc,EACf,MAAM,sBAAsB,CAAC;AAI9B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,qBAAqB,EAAE,oBAAoB,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;IACrE,kBAAkB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,GAAG,SAAS,CAAC;IACvE,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,CAAC;CAC/D,CAAC;;;;;;;;AAmeF,wBAOG"}