@platforma-sdk/ui-vue 1.42.19 → 1.42.21

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

@@ -1,16 +1,8 @@
-import { defineComponent as I, ref as b, watchEffect as K, computed as P, createElementBlock as $, openBlock as f, Fragment as L, createElementVNode as r, createVNode as o, normalizeClass as u, unref as n, withModifiers as S, withCtx as s, createTextVNode as i, createCommentVNode as U, createBlock as T, withKeys as C } from "vue";
-import { isJsonEqual as k } from "../../lib/util/helpers/dist/index.js";
-import "../../lib/ui/uikit/dist/index.js";
-import { defaultAlignmentParams as A } from "./multi-sequence-alignment.js";
-import q from "../../lib/ui/uikit/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js";
-import B from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
-import y from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
-import g from "../../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-import R from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
-import V from "../../lib/ui/uikit/dist/components/PlNumberField/PlNumberField.vue.js";
-import G from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import z from "../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
-const h = /* @__PURE__ */ I({
+import { defineComponent as E, ref as b, watchEffect as I, computed as V, createElementBlock as $, openBlock as f, Fragment as K, createElementVNode as r, createVNode as o, normalizeClass as u, unref as n, withModifiers as S, withCtx as s, createTextVNode as a, createCommentVNode as k, createBlock as L, withKeys as P } from "vue";
+import { isJsonEqual as w } from "../../lib/util/helpers/dist/objects.js";
+import { PlDropdownMulti as q, PlDropdown as T, PlBtnGhost as y, PlCheckbox as g, PlSlideModal as A, PlNumberField as C, PlBtnPrimary as D, PlBtnSecondary as G } from "@milaboratories/uikit";
+import { defaultAlignmentParams as M } from "./multi-sequence-alignment.js";
+const W = /* @__PURE__ */ E({
   __name: "Toolbar",
   props: {
     settings: {},
@@ -19,27 +11,27 @@ const h = /* @__PURE__ */ I({
     colorSchemeOptions: {}
   },
   emits: ["updateSettings", "export"],
-  setup(d, { emit: w }) {
-    const O = w, p = b(!1);
-    function m(t, e) {
+  setup(m, { emit: U }) {
+    const O = U, p = b(!1);
+    function d(t, e) {
       O("updateSettings", { [t]: e });
     }
     function v(t, e) {
-      m(
+      d(
         "widgets",
-        e ? [...d.settings.widgets, t] : d.settings.widgets.filter((l) => t !== l)
+        e ? [...m.settings.widgets, t] : m.settings.widgets.filter((l) => t !== l)
       );
     }
-    const a = b({ ...d.settings.alignmentParams });
-    K(() => {
-      a.value = { ...d.settings.alignmentParams };
+    const i = b({ ...m.settings.alignmentParams });
+    I(() => {
+      i.value = { ...m.settings.alignmentParams };
     });
-    const E = P(
-      () => !k(d.settings.alignmentParams, a.value)
-    ), N = P(
-      () => !k(d.settings.alignmentParams, A)
+    const B = V(
+      () => !w(m.settings.alignmentParams, i.value)
+    ), N = V(
+      () => !w(m.settings.alignmentParams, M)
     );
-    return (t, e) => (f(), $(L, null, [
+    return (t, e) => (f(), $(K, null, [
       r("div", {
         class: u(t.$style.container)
       }, [
@@ -54,20 +46,20 @@ const h = /* @__PURE__ */ I({
               "model-value": t.settings.sequenceColumnIds ?? [],
               options: t.sequenceColumnOptions,
               clearable: "",
-              "onUpdate:modelValue": e[0] || (e[0] = (l) => m("sequenceColumnIds", l))
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => d("sequenceColumnIds", l))
             }, null, 8, ["model-value", "options"]),
             o(n(q), {
               "model-value": t.settings.labelColumnIds ?? [],
               label: "Label Columns",
               options: t.labelColumnOptions,
               clearable: "",
-              "onUpdate:modelValue": e[1] || (e[1] = (l) => m("labelColumnIds", l))
+              "onUpdate:modelValue": e[1] || (e[1] = (l) => d("labelColumnIds", l))
             }, null, 8, ["model-value", "options"]),
-            o(n(B), {
+            o(n(T), {
               "model-value": t.settings.colorScheme,
               label: "Color Scheme",
               options: t.colorSchemeOptions,
-              "onUpdate:modelValue": e[2] || (e[2] = (l) => m("colorScheme", l))
+              "onUpdate:modelValue": e[2] || (e[2] = (l) => d("colorScheme", l))
             }, null, 8, ["model-value", "options"])
           ], 2),
           r("div", {
@@ -78,7 +70,7 @@ const h = /* @__PURE__ */ I({
               onClick: e[3] || (e[3] = S((l) => p.value = !0, ["stop"]))
             }, {
               default: s(() => e[18] || (e[18] = [
-                i(" Settings ")
+                a(" Settings ")
               ])),
               _: 1
             }),
@@ -87,7 +79,7 @@ const h = /* @__PURE__ */ I({
               onClick: e[4] || (e[4] = S((l) => t.$emit("export"), ["stop"]))
             }, {
               default: s(() => e[19] || (e[19] = [
-                i(" Export ")
+                a(" Export ")
               ])),
               _: 1
             })
@@ -104,7 +96,7 @@ const h = /* @__PURE__ */ I({
               "onUpdate:modelValue": e[5] || (e[5] = (l) => v("seqLogo", l))
             }, {
               default: s(() => e[20] || (e[20] = [
-                i(" Seq logo ")
+                a(" Seq logo ")
               ])),
               _: 1
             }, 8, ["model-value"]),
@@ -113,7 +105,7 @@ const h = /* @__PURE__ */ I({
               "onUpdate:modelValue": e[6] || (e[6] = (l) => v("consensus", l))
             }, {
               default: s(() => e[21] || (e[21] = [
-                i(" Consensus ")
+                a(" Consensus ")
               ])),
               _: 1
             }, 8, ["model-value"]),
@@ -122,7 +114,7 @@ const h = /* @__PURE__ */ I({
               disabled: ""
             }, {
               default: s(() => e[22] || (e[22] = [
-                i("Navigator")
+                a("Navigator")
               ])),
               _: 1
             }),
@@ -131,7 +123,7 @@ const h = /* @__PURE__ */ I({
               disabled: ""
             }, {
               default: s(() => e[23] || (e[23] = [
-                i("Tree")
+                a("Tree")
               ])),
               _: 1
             }),
@@ -141,89 +133,89 @@ const h = /* @__PURE__ */ I({
               "onUpdate:modelValue": e[7] || (e[7] = (l) => v("legend", l))
             }, {
               default: s(() => e[24] || (e[24] = [
-                i(" Legend ")
+                a(" Legend ")
               ])),
               _: 1
             }, 8, ["model-value", "disabled"])
           ], 2)
         ], 2)
       ], 2),
-      o(n(R), {
+      o(n(A), {
         modelValue: p.value,
         "onUpdate:modelValue": e[17] || (e[17] = (l) => p.value = l)
       }, {
         title: s(() => e[25] || (e[25] = [
-          i("Settings")
+          a("Settings")
         ])),
         default: s(() => [
-          o(n(V), {
-            modelValue: a.value.gpo,
-            "onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.gpo = l),
+          o(n(C), {
+            modelValue: i.value.gpo,
+            "onUpdate:modelValue": e[8] || (e[8] = (l) => i.value.gpo = l),
             label: "Gap open penalty",
             step: 0.1,
-            onKeyup: e[9] || (e[9] = C((l) => m("alignmentParams", a.value), ["enter"]))
+            onKeyup: e[9] || (e[9] = P((l) => d("alignmentParams", i.value), ["enter"]))
           }, {
             tooltip: s(() => e[26] || (e[26] = [
-              i(" Penalty score assigned to the introduction of a gap in the alignment ")
+              a(" Penalty score assigned to the introduction of a gap in the alignment ")
             ])),
             _: 1
           }, 8, ["modelValue"]),
-          o(n(V), {
-            modelValue: a.value.gpe,
-            "onUpdate:modelValue": e[10] || (e[10] = (l) => a.value.gpe = l),
+          o(n(C), {
+            modelValue: i.value.gpe,
+            "onUpdate:modelValue": e[10] || (e[10] = (l) => i.value.gpe = l),
             label: "Gap extension penalty",
             step: 0.1,
-            onKeyup: e[11] || (e[11] = C((l) => m("alignmentParams", a.value), ["enter"]))
+            onKeyup: e[11] || (e[11] = P((l) => d("alignmentParams", i.value), ["enter"]))
           }, {
             tooltip: s(() => e[27] || (e[27] = [
-              i(" Penalty score assigned to each additional residue added to an existing gap ")
+              a(" Penalty score assigned to each additional residue added to an existing gap ")
             ])),
             _: 1
           }, 8, ["modelValue"]),
-          o(n(V), {
-            modelValue: a.value.tgpe,
-            "onUpdate:modelValue": e[12] || (e[12] = (l) => a.value.tgpe = l),
+          o(n(C), {
+            modelValue: i.value.tgpe,
+            "onUpdate:modelValue": e[12] || (e[12] = (l) => i.value.tgpe = l),
             label: "Terminal gap extension penalty",
             step: 0.1,
-            onKeyup: e[13] || (e[13] = C((l) => m("alignmentParams", a.value), ["enter"]))
+            onKeyup: e[13] || (e[13] = P((l) => d("alignmentParams", i.value), ["enter"]))
           }, {
             tooltip: s(() => e[28] || (e[28] = [
-              i(" Penalty score assigned to extending gaps at the ends of sequences ")
+              a(" Penalty score assigned to extending gaps at the ends of sequences ")
             ])),
             _: 1
           }, 8, ["modelValue"]),
-          E.value ? (f(), $("div", {
+          B.value ? (f(), $("div", {
             key: 0,
             class: u(t.$style["pending-changes"])
           }, [
-            o(n(G), {
-              onClick: e[14] || (e[14] = (l) => m("alignmentParams", a.value))
+            o(n(D), {
+              onClick: e[14] || (e[14] = (l) => d("alignmentParams", i.value))
             }, {
               default: s(() => e[29] || (e[29] = [
-                i(" Apply ")
+                a(" Apply ")
               ])),
               _: 1
             }),
             o(n(y), {
-              onClick: e[15] || (e[15] = (l) => a.value = t.settings.alignmentParams)
+              onClick: e[15] || (e[15] = (l) => i.value = t.settings.alignmentParams)
             }, {
               default: s(() => e[30] || (e[30] = [
-                i(" Cancel ")
+                a(" Cancel ")
               ])),
               _: 1
             })
-          ], 2)) : U("", !0),
-          N.value ? (f(), T(n(z), {
+          ], 2)) : k("", !0),
+          N.value ? (f(), L(n(G), {
             key: 1,
             class: u(t.$style["reset-button"]),
             icon: "reverse",
-            onClick: e[16] || (e[16] = (l) => m("alignmentParams", void 0))
+            onClick: e[16] || (e[16] = (l) => d("alignmentParams", void 0))
           }, {
             default: s(() => e[31] || (e[31] = [
-              i(" Reset to Default ")
+              a(" Reset to Default ")
             ])),
             _: 1
-          }, 8, ["class"])) : U("", !0)
+          }, 8, ["class"])) : k("", !0)
         ]),
         _: 1
       }, 8, ["modelValue"])
@@ -231,6 +223,6 @@ const h = /* @__PURE__ */ I({
   }
 });
 export {
-  h as default
+  W as default
 };
 //# sourceMappingURL=Toolbar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/Toolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isJsonEqual } from '@milaboratories/helpers';\nimport {\n  type ListOptionNormalized,\n  PlBtnGhost,\n  PlBtnPrimary,\n  PlBtnSecondary,\n  PlCheckbox,\n  PlDropdown,\n  PlDropdownMulti,\n  PlNumberField,\n  PlSlideModal,\n} from '@milaboratories/uikit';\nimport type {\n  PlMultiSequenceAlignmentColorSchemeOption as ColorSchemeOption,\n  PlMultiSequenceAlignmentSettings as Settings,\n  PObjectId,\n  PTableColumnId,\n} from '@platforma-sdk/model';\nimport { computed, ref, watchEffect } from 'vue';\nimport { defaultAlignmentParams } from './multi-sequence-alignment';\n\nconst { settings } = defineProps<{\n  settings: Settings;\n  sequenceColumnOptions: ListOptionNormalized<PObjectId>[] | undefined;\n  labelColumnOptions: ListOptionNormalized<PTableColumnId>[] | undefined;\n  colorSchemeOptions: ListOptionNormalized<ColorSchemeOption>[];\n}>();\n\nconst emit = defineEmits<{\n  updateSettings: [Partial<Settings>];\n  export: [];\n}>();\n\nconst settingsOpen = ref(false);\n\nfunction updateSetting<K extends keyof Settings>(\n  key: K,\n  value: Settings[K] | undefined,\n) {\n  emit('updateSettings', { [key]: value });\n}\n\nfunction toggleWidget(\n  widget: 'seqLogo' | 'consensus' | 'legend',\n  checked: boolean,\n) {\n  updateSetting(\n    'widgets',\n    checked\n      ? [...settings.widgets, widget]\n      : settings.widgets.filter((w) => widget !== w),\n  );\n}\n\nconst alignmentParams = ref({ ...settings.alignmentParams });\nwatchEffect(() => {\n  alignmentParams.value = { ...settings.alignmentParams };\n});\n\nconst alignmentParamsChangesPending = computed(() =>\n  !isJsonEqual(settings.alignmentParams, alignmentParams.value),\n);\n\nconst canResetAlignmentParams = computed(() =>\n  !isJsonEqual(settings.alignmentParams, defaultAlignmentParams),\n);\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <div :class=\"$style.line\">\n      <div :class=\"$style.section\">\n        <PlDropdownMulti\n          label=\"Sequence Columns\"\n          :model-value=\"settings.sequenceColumnIds ?? []\"\n          :options=\"sequenceColumnOptions\"\n          clearable\n          @update:model-value=\"updateSetting('sequenceColumnIds', $event)\"\n        />\n        <PlDropdownMulti\n          :model-value=\"settings.labelColumnIds ?? []\"\n          label=\"Label Columns\"\n          :options=\"labelColumnOptions\"\n          clearable\n          @update:model-value=\"updateSetting('labelColumnIds', $event)\"\n        />\n        <PlDropdown\n          :model-value=\"settings.colorScheme\"\n          label=\"Color Scheme\"\n          :options=\"colorSchemeOptions\"\n          @update:model-value=\"updateSetting('colorScheme', $event)\"\n        />\n      </div>\n      <div :class=\"$style.buttons\">\n        <PlBtnGhost icon=\"settings\" @click.stop=\"settingsOpen = true\">\n          Settings\n        </PlBtnGhost>\n        <PlBtnGhost icon=\"export\" @click.stop=\"$emit('export')\">\n          Export\n        </PlBtnGhost>\n      </div>\n    </div>\n    <div :class=\"$style.line\">\n      <div :class=\"$style.section\">\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('seqLogo')\"\n          @update:model-value=\"toggleWidget('seqLogo', $event)\"\n        >\n          Seq logo\n        </PlCheckbox>\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('consensus')\"\n          @update:model-value=\"toggleWidget('consensus', $event)\"\n        >\n          Consensus\n        </PlCheckbox>\n        <PlCheckbox :model-value=\"false\" disabled>Navigator</PlCheckbox>\n        <PlCheckbox :model-value=\"false\" disabled>Tree</PlCheckbox>\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('legend')\"\n          :disabled=\"settings.colorScheme.type === 'no-color'\"\n          @update:model-value=\"toggleWidget('legend', $event)\"\n        >\n          Legend\n        </PlCheckbox>\n      </div>\n    </div>\n  </div>\n  <PlSlideModal v-model=\"settingsOpen\">\n    <template #title>Settings</template>\n    <PlNumberField\n      v-model=\"alignmentParams.gpo\"\n      label=\"Gap open penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to the introduction of a gap in the alignment\n      </template>\n    </PlNumberField>\n    <PlNumberField\n      v-model=\"alignmentParams.gpe\"\n      label=\"Gap extension penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to each additional residue added to an existing\n        gap\n      </template>\n    </PlNumberField>\n    <PlNumberField\n      v-model=\"alignmentParams.tgpe\"\n      label=\"Terminal gap extension penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to extending gaps at the ends of sequences\n      </template>\n    </PlNumberField>\n    <div\n      v-if=\"alignmentParamsChangesPending\"\n      :class=\"$style['pending-changes']\"\n    >\n      <PlBtnPrimary @click=\"updateSetting('alignmentParams', alignmentParams)\">\n        Apply\n      </PlBtnPrimary>\n      <PlBtnGhost @click=\"alignmentParams = settings.alignmentParams\">\n        Cancel\n      </PlBtnGhost>\n    </div>\n    <PlBtnSecondary\n      v-if=\"canResetAlignmentParams\"\n      :class=\"$style['reset-button']\"\n      icon=\"reverse\"\n      @click=\"updateSetting('alignmentParams', undefined)\"\n    >\n      Reset to Default\n    </PlBtnSecondary>\n  </PlSlideModal>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.line {\n  display: flex;\n  justify-content: space-between;\n}\n\n.section {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n}\n\n.buttons {\n  display: flex;\n}\n\n.pending-changes {\n  display: flex;\n  button {\n    min-width: 160px;\n  }\n}\n\n.reset-button {\n  margin-block-start: auto;\n  span {\n    text-transform: none;\n  }\n}\n</style>\n"],"names":["emit","__emit","settingsOpen","ref","updateSetting","key","value","toggleWidget","widget","checked","__props","w","alignmentParams","watchEffect","alignmentParamsChangesPending","computed","isJsonEqual","canResetAlignmentParams","defaultAlignmentParams"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAMA,IAAOC,GAKPC,IAAeC,EAAI,EAAK;AAErB,aAAAC,EACPC,GACAC,GACA;AACA,MAAAN,EAAK,kBAAkB,EAAE,CAACK,CAAG,GAAGC,GAAO;AAAA,IAAA;AAGhC,aAAAC,EACPC,GACAC,GACA;AACA,MAAAL;AAAA,QACE;AAAA,QACAK,IACI,CAAC,GAAGC,EAAQ,SAAC,SAASF,CAAM,IAC5BE,EAAQ,SAAC,QAAQ,OAAO,CAACC,MAAMH,MAAWG,CAAC;AAAA,MACjD;AAAA,IAAA;AAGF,UAAMC,IAAkBT,EAAI,EAAE,GAAGO,WAAS,iBAAiB;AAC3D,IAAAG,EAAY,MAAM;AAChB,MAAAD,EAAgB,QAAQ,EAAE,GAAGF,WAAS,gBAAgB;AAAA,IAAA,CACvD;AAED,UAAMI,IAAgCC;AAAA,MAAS,MAC7C,CAACC,EAAYN,EAAA,SAAS,iBAAiBE,EAAgB,KAAK;AAAA,IAC9D,GAEMK,IAA0BF;AAAA,MAAS,MACvC,CAACC,EAAYN,EAAA,SAAS,iBAAiBQ,CAAsB;AAAA,IAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toolbar.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/Toolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isJsonEqual } from '@milaboratories/helpers';\nimport {\n  type ListOptionNormalized,\n  PlBtnGhost,\n  PlBtnPrimary,\n  PlBtnSecondary,\n  PlCheckbox,\n  PlDropdown,\n  PlDropdownMulti,\n  PlNumberField,\n  PlSlideModal,\n} from '@milaboratories/uikit';\nimport type {\n  PlMultiSequenceAlignmentColorSchemeOption as ColorSchemeOption,\n  PlMultiSequenceAlignmentSettings as Settings,\n  PObjectId,\n  PTableColumnId,\n} from '@platforma-sdk/model';\nimport { computed, ref, watchEffect } from 'vue';\nimport { defaultAlignmentParams } from './multi-sequence-alignment';\n\nconst { settings } = defineProps<{\n  settings: Settings;\n  sequenceColumnOptions: ListOptionNormalized<PObjectId>[] | undefined;\n  labelColumnOptions: ListOptionNormalized<PTableColumnId>[] | undefined;\n  colorSchemeOptions: ListOptionNormalized<ColorSchemeOption>[];\n}>();\n\nconst emit = defineEmits<{\n  updateSettings: [Partial<Settings>];\n  export: [];\n}>();\n\nconst settingsOpen = ref(false);\n\nfunction updateSetting<K extends keyof Settings>(\n  key: K,\n  value: Settings[K] | undefined,\n) {\n  emit('updateSettings', { [key]: value });\n}\n\nfunction toggleWidget(\n  widget: 'seqLogo' | 'consensus' | 'legend',\n  checked: boolean,\n) {\n  updateSetting(\n    'widgets',\n    checked\n      ? [...settings.widgets, widget]\n      : settings.widgets.filter((w) => widget !== w),\n  );\n}\n\nconst alignmentParams = ref({ ...settings.alignmentParams });\nwatchEffect(() => {\n  alignmentParams.value = { ...settings.alignmentParams };\n});\n\nconst alignmentParamsChangesPending = computed(() =>\n  !isJsonEqual(settings.alignmentParams, alignmentParams.value),\n);\n\nconst canResetAlignmentParams = computed(() =>\n  !isJsonEqual(settings.alignmentParams, defaultAlignmentParams),\n);\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <div :class=\"$style.line\">\n      <div :class=\"$style.section\">\n        <PlDropdownMulti\n          label=\"Sequence Columns\"\n          :model-value=\"settings.sequenceColumnIds ?? []\"\n          :options=\"sequenceColumnOptions\"\n          clearable\n          @update:model-value=\"updateSetting('sequenceColumnIds', $event)\"\n        />\n        <PlDropdownMulti\n          :model-value=\"settings.labelColumnIds ?? []\"\n          label=\"Label Columns\"\n          :options=\"labelColumnOptions\"\n          clearable\n          @update:model-value=\"updateSetting('labelColumnIds', $event)\"\n        />\n        <PlDropdown\n          :model-value=\"settings.colorScheme\"\n          label=\"Color Scheme\"\n          :options=\"colorSchemeOptions\"\n          @update:model-value=\"updateSetting('colorScheme', $event)\"\n        />\n      </div>\n      <div :class=\"$style.buttons\">\n        <PlBtnGhost icon=\"settings\" @click.stop=\"settingsOpen = true\">\n          Settings\n        </PlBtnGhost>\n        <PlBtnGhost icon=\"export\" @click.stop=\"$emit('export')\">\n          Export\n        </PlBtnGhost>\n      </div>\n    </div>\n    <div :class=\"$style.line\">\n      <div :class=\"$style.section\">\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('seqLogo')\"\n          @update:model-value=\"toggleWidget('seqLogo', $event)\"\n        >\n          Seq logo\n        </PlCheckbox>\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('consensus')\"\n          @update:model-value=\"toggleWidget('consensus', $event)\"\n        >\n          Consensus\n        </PlCheckbox>\n        <PlCheckbox :model-value=\"false\" disabled>Navigator</PlCheckbox>\n        <PlCheckbox :model-value=\"false\" disabled>Tree</PlCheckbox>\n        <PlCheckbox\n          :model-value=\"settings.widgets.includes('legend')\"\n          :disabled=\"settings.colorScheme.type === 'no-color'\"\n          @update:model-value=\"toggleWidget('legend', $event)\"\n        >\n          Legend\n        </PlCheckbox>\n      </div>\n    </div>\n  </div>\n  <PlSlideModal v-model=\"settingsOpen\">\n    <template #title>Settings</template>\n    <PlNumberField\n      v-model=\"alignmentParams.gpo\"\n      label=\"Gap open penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to the introduction of a gap in the alignment\n      </template>\n    </PlNumberField>\n    <PlNumberField\n      v-model=\"alignmentParams.gpe\"\n      label=\"Gap extension penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to each additional residue added to an existing\n        gap\n      </template>\n    </PlNumberField>\n    <PlNumberField\n      v-model=\"alignmentParams.tgpe\"\n      label=\"Terminal gap extension penalty\"\n      :step=\"0.1\"\n      @keyup.enter=\"updateSetting('alignmentParams', alignmentParams)\"\n    >\n      <template #tooltip>\n        Penalty score assigned to extending gaps at the ends of sequences\n      </template>\n    </PlNumberField>\n    <div\n      v-if=\"alignmentParamsChangesPending\"\n      :class=\"$style['pending-changes']\"\n    >\n      <PlBtnPrimary @click=\"updateSetting('alignmentParams', alignmentParams)\">\n        Apply\n      </PlBtnPrimary>\n      <PlBtnGhost @click=\"alignmentParams = settings.alignmentParams\">\n        Cancel\n      </PlBtnGhost>\n    </div>\n    <PlBtnSecondary\n      v-if=\"canResetAlignmentParams\"\n      :class=\"$style['reset-button']\"\n      icon=\"reverse\"\n      @click=\"updateSetting('alignmentParams', undefined)\"\n    >\n      Reset to Default\n    </PlBtnSecondary>\n  </PlSlideModal>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.line {\n  display: flex;\n  justify-content: space-between;\n}\n\n.section {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n}\n\n.buttons {\n  display: flex;\n}\n\n.pending-changes {\n  display: flex;\n  button {\n    min-width: 160px;\n  }\n}\n\n.reset-button {\n  margin-block-start: auto;\n  span {\n    text-transform: none;\n  }\n}\n</style>\n"],"names":["emit","__emit","settingsOpen","ref","updateSetting","key","value","toggleWidget","widget","checked","__props","w","alignmentParams","watchEffect","alignmentParamsChangesPending","computed","isJsonEqual","canResetAlignmentParams","defaultAlignmentParams"],"mappings":";;;;;;;;;;;;;;AA6BA,UAAMA,IAAOC,GAKPC,IAAeC,EAAI,EAAK;AAE9B,aAASC,EACPC,GACAC,GACA;AACA,MAAAN,EAAK,kBAAkB,EAAE,CAACK,CAAG,GAAGC,GAAO;AAAA,IACzC;AAEA,aAASC,EACPC,GACAC,GACA;AACA,MAAAL;AAAA,QACE;AAAA,QACAK,IACI,CAAC,GAAGC,EAAA,SAAS,SAASF,CAAM,IAC5BE,EAAA,SAAS,QAAQ,OAAO,CAACC,MAAMH,MAAWG,CAAC;AAAA,MAAA;AAAA,IAEnD;AAEA,UAAMC,IAAkBT,EAAI,EAAE,GAAGO,WAAS,iBAAiB;AAC3D,IAAAG,EAAY,MAAM;AAChB,MAAAD,EAAgB,QAAQ,EAAE,GAAGF,WAAS,gBAAA;AAAA,IACxC,CAAC;AAED,UAAMI,IAAgCC;AAAA,MAAS,MAC7C,CAACC,EAAYN,EAAA,SAAS,iBAAiBE,EAAgB,KAAK;AAAA,IAAA,GAGxDK,IAA0BF;AAAA,MAAS,MACvC,CAACC,EAAYN,EAAA,SAAS,iBAAiBQ,CAAsB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlMultiSequenceAlignment/chemical-properties.d.ts

@@ -42,4 +42,3 @@ declare const chemicalPropertiesColorScheme: {
 };
 export type ChemicalCategory = keyof typeof chemicalPropertiesColorScheme;
 export {};
-//# sourceMappingURL=chemical-properties.d.ts.map

package/dist/components/PlMultiSequenceAlignment/chemical-properties.js.map

@@ -1 +1 @@
-{"version":3,"file":"chemical-properties.js","sources":["../../../src/components/PlMultiSequenceAlignment/chemical-properties.ts"],"sourcesContent":["import type { HighlightLegend, ResidueCounts } from './types';\n\nexport function highlightByChemicalProperties(\n  { sequences, residueCounts }: {\n    sequences: string[];\n    residueCounts: ResidueCounts;\n  },\n): { blob: Blob; legend: HighlightLegend } {\n  const lines: {\n    category: ChemicalCategory;\n    column: number;\n    start: number;\n    length: number;\n  }[] = [];\n  const chemicalProperties = getAlignmentChemicalProperties({\n    residueCounts,\n    rowCount: sequences.length,\n  });\n  const width = sequences.at(0)?.length ?? 0;\n  const height = sequences.length;\n  for (let column = 0; column < width; column += 1) {\n    for (let row = 0; row < height; row += 1) {\n      const residue = sequences[row][column];\n      const category = chemicalProperties\n        .at(column)\n        ?.find(({ residues }) => residues.includes(residue))\n        ?.category;\n      if (!category) continue;\n      const lastLine = lines.at(-1);\n      if (\n        lastLine\n        && lastLine.category === category\n        && lastLine.column === column\n        && lastLine.start + lastLine.length === row\n      ) {\n        lastLine.length += 1;\n      } else {\n        lines.push({ category, column, start: row, length: 1 });\n      }\n    }\n  }\n  const linesByCategory = Map.groupBy(lines, ({ category }) => category);\n  const blob = new Blob(\n    (function*() {\n      const viewBox = `0 0 ${width * 2} ${height}`;\n      yield `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" stroke-width=\"2\" preserveAspectRatio=\"none\">`;\n      for (const [category, lines] of linesByCategory) {\n        const color = chemicalPropertiesColorScheme[category]?.color;\n        if (!color) continue;\n        yield `<path stroke=\"${color}\" d=\"`;\n        let x = 0, y = 0;\n        for (const { column, start, length } of lines) {\n          yield `m${column * 2 + 1 - x},${start - y}v${length}`;\n          x = column * 2 + 1;\n          y = start + length;\n        }\n        yield '\"/>';\n      }\n      yield '</svg>';\n    })().toArray(),\n    { type: 'image/svg+xml' },\n  );\n  const legend = Object.fromEntries(\n    Object.entries(chemicalPropertiesColorScheme)\n      .filter(([color]) => linesByCategory.has(color as ChemicalCategory)),\n  );\n  return { blob, legend };\n}\n\nconst getAlignmentChemicalProperties = (\n  { residueCounts, rowCount }: {\n    residueCounts: ResidueCounts;\n    rowCount: number;\n  },\n): ColumnChemicalProperties[] =>\n  residueCounts.map((column) => {\n    const matchedRules = new Set<string>();\n    return categoryCriterion.filter(({ residues, rules }) =>\n      residues.split('').some((residue) => residue in column)\n      && (!rules || rules.split('').map((ruleName) =>\n        [ruleName, ruleDefinitions[ruleName as RuleName]] as const,\n      ).some(([ruleName, { residues, threshold }]) => {\n        if (matchedRules.has(ruleName)) return true;\n        const groupCount = residues.split('')\n          .reduce((acc, residue) => acc + (column[residue] ?? 0), 0);\n        const matches = groupCount >= rowCount * threshold;\n        if (matches) matchedRules.add(ruleName);\n        return matches;\n      })),\n    );\n  });\n\ntype ColumnChemicalProperties = {\n  residues: string;\n  category: ChemicalCategory;\n}[];\n\nconst chemicalPropertiesColorScheme = {\n  hydrophobic: {\n    label: 'Hydrophobic',\n    color: '#99CCFF',\n  },\n  positiveCharge: {\n    label: 'Positive Charged',\n    color: '#FFA2A3',\n  },\n  negativeCharge: {\n    label: 'Negative Charged',\n    color: '#C1ADFF',\n  },\n  polar: {\n    label: 'Polar',\n    color: '#99E099',\n  },\n  cysteine: {\n    label: 'Cysteines',\n    color: '#FAAAFA',\n  },\n  glycine: {\n    label: 'Glycines',\n    color: '#F7BC5D',\n  },\n  proline: {\n    label: 'Prolines',\n    color: '#FFFF8F',\n  },\n  aromatic: {\n    label: 'Aromatic',\n    color: '#A2F5FA',\n  },\n} satisfies HighlightLegend;\n\nexport type ChemicalCategory = keyof typeof chemicalPropertiesColorScheme;\n\n/*\n * Below taken mostly from\n * https://www.rbvi.ucsf.edu/chimera/1.2065/docs/ContributedSoftware/multalignviewer/colprot.par}\n */\n\nconst ruleDefinitions = {\n  '%': { residues: 'WLVIMAFCYHP', threshold: 0.6 },\n  '#': { residues: 'WLVIMAFCYHP', threshold: 0.8 },\n  '-': { residues: 'ED', threshold: 0.5 },\n  '+': { residues: 'KR', threshold: 0.6 },\n  'g': { residues: 'G', threshold: 0.5 },\n  'n': { residues: 'N', threshold: 0.5 },\n  'q': { residues: 'QE', threshold: 0.5 },\n  'p': { residues: 'P', threshold: 0.5 },\n  't': { residues: 'TS', threshold: 0.5 },\n  'A': { residues: 'A', threshold: 0.85 },\n  'C': { residues: 'C', threshold: 0.85 },\n  'D': { residues: 'D', threshold: 0.85 },\n  'E': { residues: 'E', threshold: 0.85 },\n  'F': { residues: 'F', threshold: 0.85 },\n  'G': { residues: 'G', threshold: 0.85 },\n  'H': { residues: 'H', threshold: 0.85 },\n  'I': { residues: 'I', threshold: 0.85 },\n  'K': { residues: 'K', threshold: 0.85 },\n  'L': { residues: 'L', threshold: 0.85 },\n  'M': { residues: 'M', threshold: 0.85 },\n  'N': { residues: 'N', threshold: 0.85 },\n  'P': { residues: 'P', threshold: 0.85 },\n  'Q': { residues: 'Q', threshold: 0.85 },\n  'R': { residues: 'R', threshold: 0.85 },\n  'S': { residues: 'S', threshold: 0.85 },\n  'T': { residues: 'T', threshold: 0.85 },\n  'V': { residues: 'V', threshold: 0.85 },\n  'W': { residues: 'W', threshold: 0.85 },\n  'Y': { residues: 'Y', threshold: 0.85 },\n};\n\ntype RuleName = keyof typeof ruleDefinitions;\n\nconst categoryCriterion: Criteria[] = [\n  { residues: 'G', category: 'glycine', rules: '' },\n  { residues: 'P', category: 'proline', rules: '' },\n  { residues: 'T', category: 'polar', rules: 'tST%#' },\n  { residues: 'S', category: 'polar', rules: 'tST#' },\n  { residues: 'N', category: 'polar', rules: 'nND' },\n  { residues: 'Q', category: 'polar', rules: 'qQE+KR' },\n  // criteria below has to go before the other criteria for C,\n  // otherwise it will never match\n  { residues: 'C', category: 'cysteine', rules: 'C' },\n  { residues: 'WLVIMF', category: 'hydrophobic', rules: '%#ACFHILMVWYPp' },\n  // below there was an 's' rule too,\n  // but no definition of such rule was provided\n  { residues: 'A', category: 'hydrophobic', rules: '%#ACFHILMVWYPpTSG' },\n  { residues: 'C', category: 'hydrophobic', rules: '%#AFHILMVWYSPp' },\n  { residues: 'HY', category: 'aromatic', rules: '%#ACFHILMVWYPp' },\n  { residues: 'E', category: 'negativeCharge', rules: '-DEqQ' },\n  { residues: 'D', category: 'negativeCharge', rules: '-DEnN' },\n  { residues: 'KR', category: 'positiveCharge', rules: '+KRQ' },\n];\n\ntype Criteria = {\n  residues: string;\n  category: ChemicalCategory;\n  rules: string;\n};\n"],"names":["highlightByChemicalProperties","sequences","residueCounts","_a","_b","_c","lines","chemicalProperties","getAlignmentChemicalProperties","width","height","column","row","residue","category","residues","lastLine","linesByCategory","blob","color","chemicalPropertiesColorScheme","x","y","start","length","legend","rowCount","matchedRules","categoryCriterion","rules","ruleName","ruleDefinitions","threshold","matches","acc"],"mappings":"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"}
+{"version":3,"file":"chemical-properties.js","sources":["../../../src/components/PlMultiSequenceAlignment/chemical-properties.ts"],"sourcesContent":["import type { HighlightLegend, ResidueCounts } from './types';\n\nexport function highlightByChemicalProperties(\n  { sequences, residueCounts }: {\n    sequences: string[];\n    residueCounts: ResidueCounts;\n  },\n): { blob: Blob; legend: HighlightLegend } {\n  const lines: {\n    category: ChemicalCategory;\n    column: number;\n    start: number;\n    length: number;\n  }[] = [];\n  const chemicalProperties = getAlignmentChemicalProperties({\n    residueCounts,\n    rowCount: sequences.length,\n  });\n  const width = sequences.at(0)?.length ?? 0;\n  const height = sequences.length;\n  for (let column = 0; column < width; column += 1) {\n    for (let row = 0; row < height; row += 1) {\n      const residue = sequences[row][column];\n      const category = chemicalProperties\n        .at(column)\n        ?.find(({ residues }) => residues.includes(residue))\n        ?.category;\n      if (!category) continue;\n      const lastLine = lines.at(-1);\n      if (\n        lastLine\n        && lastLine.category === category\n        && lastLine.column === column\n        && lastLine.start + lastLine.length === row\n      ) {\n        lastLine.length += 1;\n      } else {\n        lines.push({ category, column, start: row, length: 1 });\n      }\n    }\n  }\n  const linesByCategory = Map.groupBy(lines, ({ category }) => category);\n  const blob = new Blob(\n    (function*() {\n      const viewBox = `0 0 ${width * 2} ${height}`;\n      yield `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" stroke-width=\"2\" preserveAspectRatio=\"none\">`;\n      for (const [category, lines] of linesByCategory) {\n        const color = chemicalPropertiesColorScheme[category]?.color;\n        if (!color) continue;\n        yield `<path stroke=\"${color}\" d=\"`;\n        let x = 0, y = 0;\n        for (const { column, start, length } of lines) {\n          yield `m${column * 2 + 1 - x},${start - y}v${length}`;\n          x = column * 2 + 1;\n          y = start + length;\n        }\n        yield '\"/>';\n      }\n      yield '</svg>';\n    })().toArray(),\n    { type: 'image/svg+xml' },\n  );\n  const legend = Object.fromEntries(\n    Object.entries(chemicalPropertiesColorScheme)\n      .filter(([color]) => linesByCategory.has(color as ChemicalCategory)),\n  );\n  return { blob, legend };\n}\n\nconst getAlignmentChemicalProperties = (\n  { residueCounts, rowCount }: {\n    residueCounts: ResidueCounts;\n    rowCount: number;\n  },\n): ColumnChemicalProperties[] =>\n  residueCounts.map((column) => {\n    const matchedRules = new Set<string>();\n    return categoryCriterion.filter(({ residues, rules }) =>\n      residues.split('').some((residue) => residue in column)\n      && (!rules || rules.split('').map((ruleName) =>\n        [ruleName, ruleDefinitions[ruleName as RuleName]] as const,\n      ).some(([ruleName, { residues, threshold }]) => {\n        if (matchedRules.has(ruleName)) return true;\n        const groupCount = residues.split('')\n          .reduce((acc, residue) => acc + (column[residue] ?? 0), 0);\n        const matches = groupCount >= rowCount * threshold;\n        if (matches) matchedRules.add(ruleName);\n        return matches;\n      })),\n    );\n  });\n\ntype ColumnChemicalProperties = {\n  residues: string;\n  category: ChemicalCategory;\n}[];\n\nconst chemicalPropertiesColorScheme = {\n  hydrophobic: {\n    label: 'Hydrophobic',\n    color: '#99CCFF',\n  },\n  positiveCharge: {\n    label: 'Positive Charged',\n    color: '#FFA2A3',\n  },\n  negativeCharge: {\n    label: 'Negative Charged',\n    color: '#C1ADFF',\n  },\n  polar: {\n    label: 'Polar',\n    color: '#99E099',\n  },\n  cysteine: {\n    label: 'Cysteines',\n    color: '#FAAAFA',\n  },\n  glycine: {\n    label: 'Glycines',\n    color: '#F7BC5D',\n  },\n  proline: {\n    label: 'Prolines',\n    color: '#FFFF8F',\n  },\n  aromatic: {\n    label: 'Aromatic',\n    color: '#A2F5FA',\n  },\n} satisfies HighlightLegend;\n\nexport type ChemicalCategory = keyof typeof chemicalPropertiesColorScheme;\n\n/*\n * Below taken mostly from\n * https://www.rbvi.ucsf.edu/chimera/1.2065/docs/ContributedSoftware/multalignviewer/colprot.par}\n */\n\nconst ruleDefinitions = {\n  '%': { residues: 'WLVIMAFCYHP', threshold: 0.6 },\n  '#': { residues: 'WLVIMAFCYHP', threshold: 0.8 },\n  '-': { residues: 'ED', threshold: 0.5 },\n  '+': { residues: 'KR', threshold: 0.6 },\n  'g': { residues: 'G', threshold: 0.5 },\n  'n': { residues: 'N', threshold: 0.5 },\n  'q': { residues: 'QE', threshold: 0.5 },\n  'p': { residues: 'P', threshold: 0.5 },\n  't': { residues: 'TS', threshold: 0.5 },\n  'A': { residues: 'A', threshold: 0.85 },\n  'C': { residues: 'C', threshold: 0.85 },\n  'D': { residues: 'D', threshold: 0.85 },\n  'E': { residues: 'E', threshold: 0.85 },\n  'F': { residues: 'F', threshold: 0.85 },\n  'G': { residues: 'G', threshold: 0.85 },\n  'H': { residues: 'H', threshold: 0.85 },\n  'I': { residues: 'I', threshold: 0.85 },\n  'K': { residues: 'K', threshold: 0.85 },\n  'L': { residues: 'L', threshold: 0.85 },\n  'M': { residues: 'M', threshold: 0.85 },\n  'N': { residues: 'N', threshold: 0.85 },\n  'P': { residues: 'P', threshold: 0.85 },\n  'Q': { residues: 'Q', threshold: 0.85 },\n  'R': { residues: 'R', threshold: 0.85 },\n  'S': { residues: 'S', threshold: 0.85 },\n  'T': { residues: 'T', threshold: 0.85 },\n  'V': { residues: 'V', threshold: 0.85 },\n  'W': { residues: 'W', threshold: 0.85 },\n  'Y': { residues: 'Y', threshold: 0.85 },\n};\n\ntype RuleName = keyof typeof ruleDefinitions;\n\nconst categoryCriterion: Criteria[] = [\n  { residues: 'G', category: 'glycine', rules: '' },\n  { residues: 'P', category: 'proline', rules: '' },\n  { residues: 'T', category: 'polar', rules: 'tST%#' },\n  { residues: 'S', category: 'polar', rules: 'tST#' },\n  { residues: 'N', category: 'polar', rules: 'nND' },\n  { residues: 'Q', category: 'polar', rules: 'qQE+KR' },\n  // criteria below has to go before the other criteria for C,\n  // otherwise it will never match\n  { residues: 'C', category: 'cysteine', rules: 'C' },\n  { residues: 'WLVIMF', category: 'hydrophobic', rules: '%#ACFHILMVWYPp' },\n  // below there was an 's' rule too,\n  // but no definition of such rule was provided\n  { residues: 'A', category: 'hydrophobic', rules: '%#ACFHILMVWYPpTSG' },\n  { residues: 'C', category: 'hydrophobic', rules: '%#AFHILMVWYSPp' },\n  { residues: 'HY', category: 'aromatic', rules: '%#ACFHILMVWYPp' },\n  { residues: 'E', category: 'negativeCharge', rules: '-DEqQ' },\n  { residues: 'D', category: 'negativeCharge', rules: '-DEnN' },\n  { residues: 'KR', category: 'positiveCharge', rules: '+KRQ' },\n];\n\ntype Criteria = {\n  residues: string;\n  category: ChemicalCategory;\n  rules: string;\n};\n"],"names":["highlightByChemicalProperties","sequences","residueCounts","_a","_b","_c","lines","chemicalProperties","getAlignmentChemicalProperties","width","height","column","row","residue","category","residues","lastLine","linesByCategory","blob","color","chemicalPropertiesColorScheme","x","y","start","length","legend","rowCount","matchedRules","categoryCriterion","rules","ruleName","ruleDefinitions","threshold","matches","acc"],"mappings":"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"}

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

@@ -54,4 +54,3 @@ type OptionsWithDefaults<T> = {
     defaults: T[];
 };
 export {};
-//# sourceMappingURL=data.d.ts.map