@platforma-sdk/ui-vue 1.42.4 → 1.42.8

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

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

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

@@ -27,7 +27,7 @@ export declare const useMarkupColumnsOptions: (paramsGetter: () => {
     error: import('vue').Ref<Error | undefined, Error | undefined>;
 };
 export declare const useMultipleAlignmentData: (paramsGetter: () => {
-    pframe: PFrameHandle | undefined;
+    pFrame: PFrameHandle | undefined;
     sequenceColumnIds: PObjectId[] | undefined;
     labelColumnIds: PTableColumnId[] | undefined;
     selection: PlSelectionModel | undefined;

package/dist/components/PlMultiSequenceAlignment/data.js

@@ -1,5 +1,5 @@
 import { isJsonEqual as J } from "../../lib/util/helpers/dist/index.js";
-import { getRawPlatformaInstance as V, isLabelColumn as N, isLinkerColumn as W, createRowSelectionColumn as X } from "../../sdk/model/dist/index.js";
+import { getRawPlatformaInstance as V, isLabelColumn as _, isLinkerColumn as W, createRowSelectionColumn as X } from "../../sdk/model/dist/index.js";
 import { ref as M, watch as G } from "vue";
 import { highlightByChemicalProperties as H } from "./chemical-properties.js";
 import { parseMarkup as K, markupAlignedSequence as Q, highlightByMarkup as Y } from "./markup.js";
@@ -23,7 +23,7 @@ async function an({
   const t = (await S().listColumns(c)).values().filter((o) => e(o)).map(({ spec: o, columnId: u }) => {
     var m;
     return {
-      label: ((m = o.annotations) == null ? void 0 : m["pl7.app/label"]) ?? "Unlabelled column",
+      label: ((m = o.annotations) == null ? void 0 : m["pl7.app/label"]) ?? "Unlabeled column",
       value: u
     };
   }).toArray(), l = t.map(({ value: o }) => o);
@@ -45,11 +45,11 @@ async function on({
   );
   for (const [i, d] of l.entries()) {
     const a = D(i), g = p.find(
-      ({ spec: v }) => N(v) && en(a, E(v.axesSpec[0]))
+      ({ spec: v }) => _(v) && en(a, E(v.axesSpec[0]))
     );
     t.set(
       g ? A({ type: "column", id: g.columnId }) : A({ type: "axis", id: a }),
-      ((f = g == null ? void 0 : g.spec.annotations) == null ? void 0 : f["pl7.app/label"]) ?? ((h = d.annotations) == null ? void 0 : h["pl7.app/label"]) ?? "Unlabelled axis"
+      ((f = g == null ? void 0 : g.spec.annotations) == null ? void 0 : f["pl7.app/label"]) ?? ((h = d.annotations) == null ? void 0 : h["pl7.app/label"]) ?? "Unlabeled axis"
     );
   }
   const { hits: o } = await y.findColumns(c, {
@@ -61,13 +61,13 @@ async function on({
     const a = A({ type: "column", id: i });
     t.has(a) || t.set(
       a,
-      ((b = d.annotations) == null ? void 0 : b["pl7.app/label"]) ?? "Unlabelled column"
+      ((b = d.annotations) == null ? void 0 : b["pl7.app/label"]) ?? "Unlabeled column"
     );
   }
   const u = t.entries().map(([i, d]) => ({ label: d, value: D(i) })).toArray(), m = u.values().filter(({ value: i }) => {
     if (i.type === "axis") return !0;
     const d = p.find(({ columnId: a }) => a === i.id);
-    return d && N(d.spec);
+    return d && _(d.spec);
   }).map(({ value: i }) => i).toArray();
   return { options: u, defaults: m };
 }
@@ -95,19 +95,19 @@ async function rn({
     var u;
     return {
       value: l,
-      label: ((u = o.annotations) == null ? void 0 : u["pl7.app/label"]) ?? "Unlabelled column"
+      label: ((u = o.annotations) == null ? void 0 : u["pl7.app/label"]) ?? "Unlabeled column"
     };
   }).toArray();
 }
 async function sn({
-  pframe: c,
+  pFrame: c,
   sequenceColumnIds: e,
   labelColumnIds: y,
   selection: p,
   colorScheme: t,
   alignmentParams: l
 }) {
-  var F, I;
+  var I, P;
   if (!c || !(e != null && e.length) || !y) return;
   const o = S(), u = await o.listColumns(c), m = u.filter((n) => W(n.spec)), f = X({ selection: p });
   let h = {
@@ -173,7 +173,7 @@ async function sn({
     if (!r)
       throw new Error(`Couldn't find sequence column (ID: \`${n}\`).`);
     return r;
-  }), _ = y.map((n) => {
+  }), F = y.map((n) => {
     const r = a.find(({ spec: s }) => {
       if (n.type === "axis" && s.type === "axis")
         return J(n.id, s.id);
@@ -202,11 +202,11 @@ async function sn({
   ), z = L.map(
     (n) => {
       var r;
-      return ((r = n.spec.spec.annotations) == null ? void 0 : r["pl7.app/label"]) ?? "Unlabelled column";
+      return ((r = n.spec.spec.annotations) == null ? void 0 : r["pl7.app/label"]) ?? "Unlabeled column";
     }
   ), B = Array.from(
     { length: g },
-    (n, r) => _.map(
+    (n, r) => F.map(
       (s) => {
         var w;
         return ((w = O(s.data, r, { na: "", absent: "" })) == null ? void 0 : w.toString()) ?? "";
@@ -234,19 +234,19 @@ async function sn({
       );
     const r = Array.from(
       { length: g },
-      (w, P) => {
-        var U;
+      (w, U) => {
+        var N;
         const T = K(
-          ((U = O(n.data, P, { na: "", absent: "" })) == null ? void 0 : U.toString()) ?? ""
+          ((N = O(n.data, U, { na: "", absent: "" })) == null ? void 0 : N.toString()) ?? ""
         );
-        return Q($[P][0], T);
+        return Q($[U][0], T);
       }
     ), s = JSON.parse(
-      ((F = n.spec.spec.annotations) == null ? void 0 : F["pl7.app/sequence/annotation/mapping"]) ?? "{}"
+      ((I = n.spec.spec.annotations) == null ? void 0 : I["pl7.app/sequence/annotation/mapping"]) ?? "{}"
     );
     k.highlightImage = Y({
       markupRows: r,
-      columnCount: ((I = x.at(0)) == null ? void 0 : I.length) ?? 0,
+      columnCount: ((P = x.at(0)) == null ? void 0 : P.length) ?? 0,
       labels: s
     });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"data.js","sources":["../../../src/components/PlMultiSequenceAlignment/data.ts"],"sourcesContent":["import { isJsonEqual } from '@milaboratories/helpers';\nimport type { ListOptionNormalized } from '@milaboratories/uikit';\nimport {\n  type CalculateTableDataRequest,\n  type CanonicalizedJson,\n  canonicalizeJson,\n  createRowSelectionColumn,\n  ensureError,\n  getAxisId,\n  getRawPlatformaInstance,\n  isLabelColumn,\n  isLinkerColumn,\n  type JoinEntry,\n  matchAxisId,\n  parseJson,\n  type PColumnIdAndSpec,\n  type PFrameHandle,\n  type PlMultiSequenceAlignmentColorSchemeOption,\n  type PlMultiSequenceAlignmentSettings,\n  type PlSelectionModel,\n  type PObjectId,\n  type PTableColumnId,\n  type PTableSorting,\n  pTableValue,\n} from '@platforma-sdk/model';\nimport { ref, watch } from 'vue';\nimport { highlightByChemicalProperties } from './chemical-properties';\nimport {\n  highlightByMarkup,\n  markupAlignedSequence,\n  parseMarkup,\n} from './markup';\nimport { multiSequenceAlignment } from './multi-sequence-alignment';\nimport { getResidueCounts } from './residue-counts';\nimport type { HighlightLegend, ResidueCounts } from './types';\n\nconst getPFrameDriver = () => getRawPlatformaInstance().pFrameDriver;\n\nexport const sequenceLimit = 1000;\n\nexport const useSequenceColumnsOptions = refreshOnDeepChange(\n  getSequenceColumnsOptions,\n);\n\nexport const useLabelColumnsOptions = refreshOnDeepChange(\n  getLabelColumnsOptions,\n);\n\nexport const useMarkupColumnsOptions = refreshOnDeepChange(\n  getMarkupColumnsOptions,\n);\n\nexport const useMultipleAlignmentData = refreshOnDeepChange(\n  getMultipleAlignmentData,\n);\n\nasync function getSequenceColumnsOptions({\n  pFrame,\n  sequenceColumnPredicate,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnPredicate: (column: PColumnIdAndSpec) => boolean;\n}): Promise<OptionsWithDefaults<PObjectId> | undefined> {\n  if (!pFrame) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const options = columns.values()\n    .filter((column) => sequenceColumnPredicate(column))\n    .map(({ spec, columnId }) => ({\n      label: spec.annotations?.['pl7.app/label'] ?? 'Unlabelled column',\n      value: columnId,\n    }))\n    .toArray();\n  const defaults = options.map(({ value }) => value);\n  return { options, defaults };\n}\n\nasync function getLabelColumnsOptions({\n  pFrame,\n  sequenceColumnIds,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n}): Promise<OptionsWithDefaults<PTableColumnId> | undefined> {\n  if (!pFrame || !sequenceColumnIds) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const optionMap = new Map<CanonicalizedJson<PTableColumnId>, string>();\n\n  const sequenceColumnsAxes = new Map(\n    sequenceColumnIds.values().flatMap((id) => {\n      const column = columns.find(({ columnId }) => columnId === id);\n      if (!column) {\n        throw new Error(`Couldn't find sequence column (ID: \\`${id}\\`).`);\n      }\n      return column.spec.axesSpec.values()\n        .map((spec) => [canonicalizeJson(getAxisId(spec)), spec]);\n    }),\n  );\n\n  for (const [axisIdJson, axisSpec] of sequenceColumnsAxes.entries()) {\n    const axisId = parseJson(axisIdJson);\n    const labelColumn = columns.find(({ spec }) =>\n      isLabelColumn(spec) && matchAxisId(axisId, getAxisId(spec.axesSpec[0])),\n    );\n    optionMap.set(\n      labelColumn\n        ? canonicalizeJson({ type: 'column', id: labelColumn.columnId })\n        : canonicalizeJson({ type: 'axis', id: axisId }),\n      labelColumn?.spec.annotations?.['pl7.app/label']\n      ?? axisSpec.annotations?.['pl7.app/label']\n      ?? 'Unlabelled axis',\n    );\n  }\n\n  const { hits: compatibleColumns } = await pFrameDriver.findColumns(pFrame, {\n    columnFilter: {},\n    compatibleWith: sequenceColumnsAxes.keys()\n      .map((axisIdJson) => parseJson(axisIdJson))\n      .toArray(),\n    strictlyCompatible: false,\n  });\n\n  for (const { columnId, spec } of compatibleColumns) {\n    const columnIdJson = canonicalizeJson({ type: 'column', id: columnId });\n    if (optionMap.has(columnIdJson)) continue;\n    optionMap.set(\n      columnIdJson,\n      spec.annotations?.['pl7.app/label'] ?? 'Unlabelled column',\n    );\n  }\n\n  const options = optionMap.entries()\n    .map(([value, label]) => ({ label, value: parseJson(value) }))\n    .toArray();\n\n  const defaults = options.values()\n    .filter(({ value }) => {\n      if (value.type === 'axis') return true;\n      const column = columns.find(({ columnId }) => columnId === value.id);\n      return column && isLabelColumn(column.spec);\n    })\n    .map(({ value }) => value)\n    .toArray();\n  return { options, defaults };\n}\n\nasync function getMarkupColumnsOptions({\n  pFrame,\n  sequenceColumnIds,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n}): Promise<ListOptionNormalized<PObjectId>[] | undefined> {\n  if (!pFrame || sequenceColumnIds?.length !== 1) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const sequenceColumn = columns.find((column) =>\n    column.columnId === sequenceColumnIds[0],\n  );\n  if (!sequenceColumn) {\n    throw new Error(\n      `Couldn't find sequence column (ID: \\`${sequenceColumnIds[0]}\\`).`,\n    );\n  }\n  return columns.values()\n    .filter((column) =>\n      column.spec.annotations?.['pl7.app/sequence/isAnnotation'] === 'true'\n      && isJsonEqual(sequenceColumn.spec.axesSpec, column.spec.axesSpec)\n      && Object.entries(sequenceColumn.spec.domain ?? {}).every((\n        [key, value],\n      ) => column.spec.domain?.[key] === value),\n    ).map(({ columnId, spec }) => ({\n      value: columnId,\n      label: spec.annotations?.['pl7.app/label'] ?? 'Unlabelled column',\n    }))\n    .toArray();\n}\n\nasync function getMultipleAlignmentData({\n  pframe,\n  sequenceColumnIds,\n  labelColumnIds,\n  selection,\n  colorScheme,\n  alignmentParams,\n}: {\n  pframe: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n  labelColumnIds: PTableColumnId[] | undefined;\n  selection: PlSelectionModel | undefined;\n  colorScheme: PlMultiSequenceAlignmentColorSchemeOption;\n  alignmentParams: PlMultiSequenceAlignmentSettings['alignmentParams'];\n}): Promise<MultipleAlignmentData | undefined> {\n  if (!pframe || !sequenceColumnIds?.length || !labelColumnIds) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pframe);\n  const linkerColumns = columns.filter((column) => isLinkerColumn(column.spec));\n\n  const filterColumn = createRowSelectionColumn({ selection });\n\n  // inner join of sequence columns\n  let primaryEntry: JoinEntry<PObjectId> = {\n    type: 'inner',\n    entries: sequenceColumnIds.map((column) => ({\n      type: 'column',\n      column,\n    })),\n  };\n\n  // if we have linkers, left join them\n  if (linkerColumns.length > 0) {\n    primaryEntry = {\n      type: 'outer',\n      primary: primaryEntry,\n      secondary: linkerColumns.map(({ columnId }) => ({\n        type: 'column',\n        column: columnId,\n      })),\n    };\n  }\n\n  // inner join with filters\n  if (filterColumn) {\n    primaryEntry = {\n      type: 'inner',\n      entries: [\n        primaryEntry,\n        {\n          type: 'inlineColumn',\n          column: filterColumn,\n        },\n      ],\n    };\n  }\n\n  // left join with labels\n  const secondaryEntry: JoinEntry<PObjectId>[] = labelColumnIds\n    .flatMap((column) => {\n      if (column.type !== 'column') return [];\n      return { type: 'column', column: column.id };\n    });\n\n  // and markup\n  if (colorScheme.type === 'markup') {\n    secondaryEntry.push({ type: 'column', column: colorScheme.columnId });\n  }\n\n  const sorting: PTableSorting[] = Array.from(\n    new Set(\n      sequenceColumnIds.values().flatMap((id) => {\n        const column = columns.find(({ columnId }) => columnId === id);\n        if (!column) {\n          throw new Error(`Couldn't find sequence column (ID: ${id})`);\n        }\n        return column.spec.axesSpec\n          .map((spec) => canonicalizeJson(getAxisId(spec)));\n      }),\n    ),\n  )\n    .sort()\n    .map((id) => ({\n      column: { type: 'axis', id: parseJson(id) },\n      ascending: true,\n      naAndAbsentAreLeastValues: true,\n    }));\n\n  const request: CalculateTableDataRequest<PObjectId> = {\n    src: {\n      type: 'outer',\n      primary: primaryEntry,\n      secondary: secondaryEntry,\n    },\n    filters: [],\n    sorting,\n  };\n\n  const table = await pFrameDriver.calculateTableData(\n    pframe,\n    JSON.parse(JSON.stringify(request)),\n    {\n      offset: 0,\n      // +1 is a hack to check whether the selection is over the limit\n      length: sequenceLimit + 1,\n    },\n  );\n\n  let rowCount = table?.[0].data.data.length ?? 0;\n  let exceedsLimit = false;\n  if (rowCount > sequenceLimit) {\n    rowCount = sequenceLimit;\n    exceedsLimit = true;\n  }\n\n  const sequenceColumns = sequenceColumnIds.map((columnId) => {\n    const column = table.find(({ spec }) => spec.id === columnId);\n    if (!column) {\n      throw new Error(`Couldn't find sequence column (ID: \\`${columnId}\\`).`);\n    }\n    return column;\n  });\n\n  const labelColumns = labelColumnIds.map((labelColumn) => {\n    const column = table.find(({ spec }) => {\n      if (labelColumn.type === 'axis' && spec.type === 'axis') {\n        return isJsonEqual(labelColumn.id, spec.id);\n      }\n      if (labelColumn.type === 'column' && spec.type === 'column') {\n        return labelColumn.id === spec.id;\n      }\n    });\n    if (!column) {\n      throw new Error(`Couldn't find label column (ID: \\`${labelColumn}\\`).`);\n    }\n    return column;\n  });\n\n  const alignedSequences = await Promise.all(\n    sequenceColumns.map((column) =>\n      multiSequenceAlignment(\n        Array.from(\n          { length: rowCount },\n          (_, row) =>\n            pTableValue(column.data, row, { na: '', absent: '' })?.toString()\n            ?? '',\n        ),\n        alignmentParams,\n      ),\n    ),\n  );\n\n  const sequences = Array.from(\n    { length: rowCount },\n    (_, row) => alignedSequences.map((column) => column[row]),\n  );\n\n  const sequenceNames = sequenceColumns.map((column) =>\n    column.spec.spec.annotations?.['pl7.app/label'] ?? 'Unlabelled column',\n  );\n\n  const labels = Array.from(\n    { length: rowCount },\n    (_, row) =>\n      labelColumns.map((column) =>\n        pTableValue(column.data, row, { na: '', absent: '' })?.toString() ?? '',\n      ),\n  );\n\n  const concatenatedSequences = sequences.map((row) => row.join(' '));\n  const residueCounts = getResidueCounts(concatenatedSequences);\n\n  const result: MultipleAlignmentData = {\n    sequences: concatenatedSequences,\n    sequenceNames,\n    labelRows: labels,\n    exceedsLimit,\n    residueCounts,\n  };\n\n  if (colorScheme.type === 'chemical-properties') {\n    result.highlightImage = highlightByChemicalProperties({\n      sequences: concatenatedSequences,\n      residueCounts,\n    });\n  } else if (colorScheme.type === 'markup') {\n    const markupColumn = table.find(({ spec }) =>\n      spec.id === colorScheme.columnId,\n    );\n    if (!markupColumn) {\n      throw new Error(\n        `Couldn't find markup column (ID: \\`${colorScheme.columnId}\\`).`,\n      );\n    }\n    const markupRows = Array.from(\n      { length: rowCount },\n      (_, row) => {\n        const markup = parseMarkup(\n          pTableValue(markupColumn.data, row, { na: '', absent: '' })\n            ?.toString()\n            ?? '',\n        );\n        return markupAlignedSequence(sequences[row][0], markup);\n      },\n    );\n    const labels: Record<string, string> = JSON.parse(\n      markupColumn.spec.spec.annotations\n        ?.['pl7.app/sequence/annotation/mapping'] ?? '{}',\n    );\n    result.highlightImage = highlightByMarkup({\n      markupRows,\n      columnCount: concatenatedSequences.at(0)?.length ?? 0,\n      labels,\n    });\n  }\n\n  return result;\n}\n\nfunction refreshOnDeepChange<T, P>(cb: (params: P) => Promise<T>) {\n  const data = ref<T>();\n  const isLoading = ref(true);\n  const error = ref<Error>();\n  let requestId: symbol;\n  return (paramsGetter: () => P) => {\n    watch(paramsGetter, async (params, prevParams) => {\n      if (isJsonEqual(params, prevParams)) return;\n      const currentRequestId = requestId = Symbol();\n      try {\n        error.value = undefined;\n        isLoading.value = true;\n        const result = await cb(params);\n        if (currentRequestId === requestId) {\n          data.value = result;\n        }\n      } catch (err) {\n        console.error(err);\n        if (currentRequestId === requestId) {\n          error.value = ensureError(err);\n        }\n      } finally {\n        if (currentRequestId === requestId) {\n          isLoading.value = false;\n        }\n      }\n    }, { immediate: true });\n    return { data, isLoading, error };\n  };\n}\n\ntype MultipleAlignmentData = {\n  sequences: string[];\n  sequenceNames: string[];\n  labelRows: string[][];\n  residueCounts: ResidueCounts;\n  highlightImage?: {\n    blob: Blob;\n    legend: HighlightLegend;\n  };\n  exceedsLimit: boolean;\n};\n\ntype OptionsWithDefaults<T> = {\n  options: ListOptionNormalized<T>[];\n  defaults: T[];\n};\n"],"names":["getPFrameDriver","getRawPlatformaInstance","sequenceLimit","useSequenceColumnsOptions","refreshOnDeepChange","getSequenceColumnsOptions","useLabelColumnsOptions","getLabelColumnsOptions","useMarkupColumnsOptions","getMarkupColumnsOptions","useMultipleAlignmentData","getMultipleAlignmentData","pFrame","sequenceColumnPredicate","options","column","spec","columnId","_a","defaults","value","sequenceColumnIds","pFrameDriver","columns","optionMap","sequenceColumnsAxes","id","canonicalizeJson","getAxisId","axisIdJson","axisSpec","axisId","parseJson","labelColumn","isLabelColumn","matchAxisId","_b","compatibleColumns","columnIdJson","_c","label","sequenceColumn","isJsonEqual","key","pframe","labelColumnIds","selection","colorScheme","alignmentParams","linkerColumns","isLinkerColumn","filterColumn","createRowSelectionColumn","primaryEntry","secondaryEntry","sorting","request","table","rowCount","exceedsLimit","sequenceColumns","labelColumns","alignedSequences","multiSequenceAlignment","_","row","pTableValue","sequences","sequenceNames","labels","concatenatedSequences","residueCounts","getResidueCounts","result","highlightByChemicalProperties","markupColumn","markupRows","markup","parseMarkup","markupAlignedSequence","highlightByMarkup","cb","data","ref","isLoading","error","requestId","paramsGetter","watch","params","prevParams","currentRequestId","err","ensureError"],"mappings":"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"}
+{"version":3,"file":"data.js","sources":["../../../src/components/PlMultiSequenceAlignment/data.ts"],"sourcesContent":["import { isJsonEqual } from '@milaboratories/helpers';\nimport type { ListOptionNormalized } from '@milaboratories/uikit';\nimport {\n  type CalculateTableDataRequest,\n  type CanonicalizedJson,\n  canonicalizeJson,\n  createRowSelectionColumn,\n  ensureError,\n  getAxisId,\n  getRawPlatformaInstance,\n  isLabelColumn,\n  isLinkerColumn,\n  type JoinEntry,\n  matchAxisId,\n  parseJson,\n  type PColumnIdAndSpec,\n  type PFrameHandle,\n  type PlMultiSequenceAlignmentColorSchemeOption,\n  type PlMultiSequenceAlignmentSettings,\n  type PlSelectionModel,\n  type PObjectId,\n  type PTableColumnId,\n  type PTableSorting,\n  pTableValue,\n} from '@platforma-sdk/model';\nimport { ref, watch } from 'vue';\nimport { highlightByChemicalProperties } from './chemical-properties';\nimport {\n  highlightByMarkup,\n  markupAlignedSequence,\n  parseMarkup,\n} from './markup';\nimport { multiSequenceAlignment } from './multi-sequence-alignment';\nimport { getResidueCounts } from './residue-counts';\nimport type { HighlightLegend, ResidueCounts } from './types';\n\nconst getPFrameDriver = () => getRawPlatformaInstance().pFrameDriver;\n\nexport const sequenceLimit = 1000;\n\nexport const useSequenceColumnsOptions = refreshOnDeepChange(\n  getSequenceColumnsOptions,\n);\n\nexport const useLabelColumnsOptions = refreshOnDeepChange(\n  getLabelColumnsOptions,\n);\n\nexport const useMarkupColumnsOptions = refreshOnDeepChange(\n  getMarkupColumnsOptions,\n);\n\nexport const useMultipleAlignmentData = refreshOnDeepChange(\n  getMultipleAlignmentData,\n);\n\nasync function getSequenceColumnsOptions({\n  pFrame,\n  sequenceColumnPredicate,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnPredicate: (column: PColumnIdAndSpec) => boolean;\n}): Promise<OptionsWithDefaults<PObjectId> | undefined> {\n  if (!pFrame) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const options = columns.values()\n    .filter((column) => sequenceColumnPredicate(column))\n    .map(({ spec, columnId }) => ({\n      label: spec.annotations?.['pl7.app/label'] ?? 'Unlabeled column',\n      value: columnId,\n    }))\n    .toArray();\n  const defaults = options.map(({ value }) => value);\n  return { options, defaults };\n}\n\nasync function getLabelColumnsOptions({\n  pFrame,\n  sequenceColumnIds,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n}): Promise<OptionsWithDefaults<PTableColumnId> | undefined> {\n  if (!pFrame || !sequenceColumnIds) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const optionMap = new Map<CanonicalizedJson<PTableColumnId>, string>();\n\n  const sequenceColumnsAxes = new Map(\n    sequenceColumnIds.values().flatMap((id) => {\n      const column = columns.find(({ columnId }) => columnId === id);\n      if (!column) {\n        throw new Error(`Couldn't find sequence column (ID: \\`${id}\\`).`);\n      }\n      return column.spec.axesSpec.values()\n        .map((spec) => [canonicalizeJson(getAxisId(spec)), spec]);\n    }),\n  );\n\n  for (const [axisIdJson, axisSpec] of sequenceColumnsAxes.entries()) {\n    const axisId = parseJson(axisIdJson);\n    const labelColumn = columns.find(({ spec }) =>\n      isLabelColumn(spec) && matchAxisId(axisId, getAxisId(spec.axesSpec[0])),\n    );\n    optionMap.set(\n      labelColumn\n        ? canonicalizeJson({ type: 'column', id: labelColumn.columnId })\n        : canonicalizeJson({ type: 'axis', id: axisId }),\n      labelColumn?.spec.annotations?.['pl7.app/label']\n      ?? axisSpec.annotations?.['pl7.app/label']\n      ?? 'Unlabeled axis',\n    );\n  }\n\n  const { hits: compatibleColumns } = await pFrameDriver.findColumns(pFrame, {\n    columnFilter: {},\n    compatibleWith: sequenceColumnsAxes.keys()\n      .map((axisIdJson) => parseJson(axisIdJson))\n      .toArray(),\n    strictlyCompatible: false,\n  });\n\n  for (const { columnId, spec } of compatibleColumns) {\n    const columnIdJson = canonicalizeJson({ type: 'column', id: columnId });\n    if (optionMap.has(columnIdJson)) continue;\n    optionMap.set(\n      columnIdJson,\n      spec.annotations?.['pl7.app/label'] ?? 'Unlabeled column',\n    );\n  }\n\n  const options = optionMap.entries()\n    .map(([value, label]) => ({ label, value: parseJson(value) }))\n    .toArray();\n\n  const defaults = options.values()\n    .filter(({ value }) => {\n      if (value.type === 'axis') return true;\n      const column = columns.find(({ columnId }) => columnId === value.id);\n      return column && isLabelColumn(column.spec);\n    })\n    .map(({ value }) => value)\n    .toArray();\n  return { options, defaults };\n}\n\nasync function getMarkupColumnsOptions({\n  pFrame,\n  sequenceColumnIds,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n}): Promise<ListOptionNormalized<PObjectId>[] | undefined> {\n  if (!pFrame || sequenceColumnIds?.length !== 1) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const sequenceColumn = columns.find((column) =>\n    column.columnId === sequenceColumnIds[0],\n  );\n  if (!sequenceColumn) {\n    throw new Error(\n      `Couldn't find sequence column (ID: \\`${sequenceColumnIds[0]}\\`).`,\n    );\n  }\n  return columns.values()\n    .filter((column) =>\n      column.spec.annotations?.['pl7.app/sequence/isAnnotation'] === 'true'\n      && isJsonEqual(sequenceColumn.spec.axesSpec, column.spec.axesSpec)\n      && Object.entries(sequenceColumn.spec.domain ?? {}).every((\n        [key, value],\n      ) => column.spec.domain?.[key] === value),\n    ).map(({ columnId, spec }) => ({\n      value: columnId,\n      label: spec.annotations?.['pl7.app/label'] ?? 'Unlabeled column',\n    }))\n    .toArray();\n}\n\nasync function getMultipleAlignmentData({\n  pFrame,\n  sequenceColumnIds,\n  labelColumnIds,\n  selection,\n  colorScheme,\n  alignmentParams,\n}: {\n  pFrame: PFrameHandle | undefined;\n  sequenceColumnIds: PObjectId[] | undefined;\n  labelColumnIds: PTableColumnId[] | undefined;\n  selection: PlSelectionModel | undefined;\n  colorScheme: PlMultiSequenceAlignmentColorSchemeOption;\n  alignmentParams: PlMultiSequenceAlignmentSettings['alignmentParams'];\n}): Promise<MultipleAlignmentData | undefined> {\n  if (!pFrame || !sequenceColumnIds?.length || !labelColumnIds) return;\n\n  const pFrameDriver = getPFrameDriver();\n  const columns = await pFrameDriver.listColumns(pFrame);\n  const linkerColumns = columns.filter((column) => isLinkerColumn(column.spec));\n\n  const filterColumn = createRowSelectionColumn({ selection });\n\n  // inner join of sequence columns\n  let primaryEntry: JoinEntry<PObjectId> = {\n    type: 'inner',\n    entries: sequenceColumnIds.map((column) => ({\n      type: 'column',\n      column,\n    })),\n  };\n\n  // if we have linkers, left join them\n  if (linkerColumns.length > 0) {\n    primaryEntry = {\n      type: 'outer',\n      primary: primaryEntry,\n      secondary: linkerColumns.map(({ columnId }) => ({\n        type: 'column',\n        column: columnId,\n      })),\n    };\n  }\n\n  // inner join with filters\n  if (filterColumn) {\n    primaryEntry = {\n      type: 'inner',\n      entries: [\n        primaryEntry,\n        {\n          type: 'inlineColumn',\n          column: filterColumn,\n        },\n      ],\n    };\n  }\n\n  // left join with labels\n  const secondaryEntry: JoinEntry<PObjectId>[] = labelColumnIds\n    .flatMap((column) => {\n      if (column.type !== 'column') return [];\n      return { type: 'column', column: column.id };\n    });\n\n  // and markup\n  if (colorScheme.type === 'markup') {\n    secondaryEntry.push({ type: 'column', column: colorScheme.columnId });\n  }\n\n  const sorting: PTableSorting[] = Array.from(\n    new Set(\n      sequenceColumnIds.values().flatMap((id) => {\n        const column = columns.find(({ columnId }) => columnId === id);\n        if (!column) {\n          throw new Error(`Couldn't find sequence column (ID: ${id})`);\n        }\n        return column.spec.axesSpec\n          .map((spec) => canonicalizeJson(getAxisId(spec)));\n      }),\n    ),\n  )\n    .sort()\n    .map((id) => ({\n      column: { type: 'axis', id: parseJson(id) },\n      ascending: true,\n      naAndAbsentAreLeastValues: true,\n    }));\n\n  const request: CalculateTableDataRequest<PObjectId> = {\n    src: {\n      type: 'outer',\n      primary: primaryEntry,\n      secondary: secondaryEntry,\n    },\n    filters: [],\n    sorting,\n  };\n\n  const table = await pFrameDriver.calculateTableData(\n    pFrame,\n    JSON.parse(JSON.stringify(request)),\n    {\n      offset: 0,\n      // +1 is a hack to check whether the selection is over the limit\n      length: sequenceLimit + 1,\n    },\n  );\n\n  let rowCount = table?.[0].data.data.length ?? 0;\n  let exceedsLimit = false;\n  if (rowCount > sequenceLimit) {\n    rowCount = sequenceLimit;\n    exceedsLimit = true;\n  }\n\n  const sequenceColumns = sequenceColumnIds.map((columnId) => {\n    const column = table.find(({ spec }) => spec.id === columnId);\n    if (!column) {\n      throw new Error(`Couldn't find sequence column (ID: \\`${columnId}\\`).`);\n    }\n    return column;\n  });\n\n  const labelColumns = labelColumnIds.map((labelColumn) => {\n    const column = table.find(({ spec }) => {\n      if (labelColumn.type === 'axis' && spec.type === 'axis') {\n        return isJsonEqual(labelColumn.id, spec.id);\n      }\n      if (labelColumn.type === 'column' && spec.type === 'column') {\n        return labelColumn.id === spec.id;\n      }\n    });\n    if (!column) {\n      throw new Error(`Couldn't find label column (ID: \\`${labelColumn}\\`).`);\n    }\n    return column;\n  });\n\n  const alignedSequences = await Promise.all(\n    sequenceColumns.map((column) =>\n      multiSequenceAlignment(\n        Array.from(\n          { length: rowCount },\n          (_, row) =>\n            pTableValue(column.data, row, { na: '', absent: '' })?.toString()\n            ?? '',\n        ),\n        alignmentParams,\n      ),\n    ),\n  );\n\n  const sequences = Array.from(\n    { length: rowCount },\n    (_, row) => alignedSequences.map((column) => column[row]),\n  );\n\n  const sequenceNames = sequenceColumns.map((column) =>\n    column.spec.spec.annotations?.['pl7.app/label'] ?? 'Unlabeled column',\n  );\n\n  const labels = Array.from(\n    { length: rowCount },\n    (_, row) =>\n      labelColumns.map((column) =>\n        pTableValue(column.data, row, { na: '', absent: '' })?.toString() ?? '',\n      ),\n  );\n\n  const concatenatedSequences = sequences.map((row) => row.join(' '));\n  const residueCounts = getResidueCounts(concatenatedSequences);\n\n  const result: MultipleAlignmentData = {\n    sequences: concatenatedSequences,\n    sequenceNames,\n    labelRows: labels,\n    exceedsLimit,\n    residueCounts,\n  };\n\n  if (colorScheme.type === 'chemical-properties') {\n    result.highlightImage = highlightByChemicalProperties({\n      sequences: concatenatedSequences,\n      residueCounts,\n    });\n  } else if (colorScheme.type === 'markup') {\n    const markupColumn = table.find(({ spec }) =>\n      spec.id === colorScheme.columnId,\n    );\n    if (!markupColumn) {\n      throw new Error(\n        `Couldn't find markup column (ID: \\`${colorScheme.columnId}\\`).`,\n      );\n    }\n    const markupRows = Array.from(\n      { length: rowCount },\n      (_, row) => {\n        const markup = parseMarkup(\n          pTableValue(markupColumn.data, row, { na: '', absent: '' })\n            ?.toString()\n            ?? '',\n        );\n        return markupAlignedSequence(sequences[row][0], markup);\n      },\n    );\n    const labels: Record<string, string> = JSON.parse(\n      markupColumn.spec.spec.annotations\n        ?.['pl7.app/sequence/annotation/mapping'] ?? '{}',\n    );\n    result.highlightImage = highlightByMarkup({\n      markupRows,\n      columnCount: concatenatedSequences.at(0)?.length ?? 0,\n      labels,\n    });\n  }\n\n  return result;\n}\n\nfunction refreshOnDeepChange<T, P>(cb: (params: P) => Promise<T>) {\n  const data = ref<T>();\n  const isLoading = ref(true);\n  const error = ref<Error>();\n  let requestId: symbol;\n  return (paramsGetter: () => P) => {\n    watch(paramsGetter, async (params, prevParams) => {\n      if (isJsonEqual(params, prevParams)) return;\n      const currentRequestId = requestId = Symbol();\n      try {\n        error.value = undefined;\n        isLoading.value = true;\n        const result = await cb(params);\n        if (currentRequestId === requestId) {\n          data.value = result;\n        }\n      } catch (err) {\n        console.error(err);\n        if (currentRequestId === requestId) {\n          error.value = ensureError(err);\n        }\n      } finally {\n        if (currentRequestId === requestId) {\n          isLoading.value = false;\n        }\n      }\n    }, { immediate: true });\n    return { data, isLoading, error };\n  };\n}\n\ntype MultipleAlignmentData = {\n  sequences: string[];\n  sequenceNames: string[];\n  labelRows: string[][];\n  residueCounts: ResidueCounts;\n  highlightImage?: {\n    blob: Blob;\n    legend: HighlightLegend;\n  };\n  exceedsLimit: boolean;\n};\n\ntype OptionsWithDefaults<T> = {\n  options: ListOptionNormalized<T>[];\n  defaults: T[];\n};\n"],"names":["getPFrameDriver","getRawPlatformaInstance","sequenceLimit","useSequenceColumnsOptions","refreshOnDeepChange","getSequenceColumnsOptions","useLabelColumnsOptions","getLabelColumnsOptions","useMarkupColumnsOptions","getMarkupColumnsOptions","useMultipleAlignmentData","getMultipleAlignmentData","pFrame","sequenceColumnPredicate","options","column","spec","columnId","_a","defaults","value","sequenceColumnIds","pFrameDriver","columns","optionMap","sequenceColumnsAxes","id","canonicalizeJson","getAxisId","axisIdJson","axisSpec","axisId","parseJson","labelColumn","isLabelColumn","matchAxisId","_b","compatibleColumns","columnIdJson","_c","label","sequenceColumn","isJsonEqual","key","labelColumnIds","selection","colorScheme","alignmentParams","linkerColumns","isLinkerColumn","filterColumn","createRowSelectionColumn","primaryEntry","secondaryEntry","sorting","request","table","rowCount","exceedsLimit","sequenceColumns","labelColumns","alignedSequences","multiSequenceAlignment","_","row","pTableValue","sequences","sequenceNames","labels","concatenatedSequences","residueCounts","getResidueCounts","result","highlightByChemicalProperties","markupColumn","markupRows","markup","parseMarkup","markupAlignedSequence","highlightByMarkup","cb","data","ref","isLoading","error","requestId","paramsGetter","watch","params","prevParams","currentRequestId","err","ensureError"],"mappings":"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"}