@platforma-sdk/ui-vue 1.41.17 → 1.42.0

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"}