@platforma-sdk/ui-vue 1.41.19 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/.turbo/turbo-build.log +19 -19
  2. package/.turbo/turbo-type-check.log +1 -1
  3. package/CHANGELOG.md +11 -0
  4. package/dist/components/PlMultiSequenceAlignment/Legend.vue.d.ts +2 -2
  5. package/dist/components/PlMultiSequenceAlignment/Legend.vue.d.ts.map +1 -1
  6. package/dist/components/PlMultiSequenceAlignment/Legend.vue2.js +11 -11
  7. package/dist/components/PlMultiSequenceAlignment/Legend.vue3.js +8 -8
  8. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue.d.ts +12 -6
  9. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue.d.ts.map +1 -1
  10. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue2.js +80 -65
  11. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue2.js.map +1 -1
  12. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js +14 -12
  13. package/dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js.map +1 -1
  14. package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue.d.ts +36 -1
  15. package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue.d.ts.map +1 -1
  16. package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue2.js +146 -111
  17. package/dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue2.js.map +1 -1
  18. package/dist/components/PlMultiSequenceAlignment/Toolbar.vue.d.ts +2 -0
  19. package/dist/components/PlMultiSequenceAlignment/Toolbar.vue.d.ts.map +1 -1
  20. package/dist/components/PlMultiSequenceAlignment/Toolbar.vue2.js +71 -68
  21. package/dist/components/PlMultiSequenceAlignment/Toolbar.vue2.js.map +1 -1
  22. package/dist/components/PlMultiSequenceAlignment/chemical-properties.d.ts +42 -6
  23. package/dist/components/PlMultiSequenceAlignment/chemical-properties.d.ts.map +1 -1
  24. package/dist/components/PlMultiSequenceAlignment/chemical-properties.js +96 -130
  25. package/dist/components/PlMultiSequenceAlignment/chemical-properties.js.map +1 -1
  26. package/dist/components/PlMultiSequenceAlignment/data.d.ts +3 -9
  27. package/dist/components/PlMultiSequenceAlignment/data.d.ts.map +1 -1
  28. package/dist/components/PlMultiSequenceAlignment/data.js +198 -212
  29. package/dist/components/PlMultiSequenceAlignment/data.js.map +1 -1
  30. package/dist/components/PlMultiSequenceAlignment/markup.d.ts +7 -5
  31. package/dist/components/PlMultiSequenceAlignment/markup.d.ts.map +1 -1
  32. package/dist/components/PlMultiSequenceAlignment/markup.js +47 -26
  33. package/dist/components/PlMultiSequenceAlignment/markup.js.map +1 -1
  34. package/dist/components/PlMultiSequenceAlignment/types.d.ts +1 -1
  35. package/dist/components/PlMultiSequenceAlignment/types.d.ts.map +1 -1
  36. package/dist/lib/ui/uikit/dist/components/PlAccordion/{ExpandTransition.vue.js → ExpandTransition.vue2.js} +1 -1
  37. package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js.map +1 -0
  38. package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue2.js +1 -1
  39. package/dist/lib/ui/uikit/dist/lib/model/common/dist/index.js.map +1 -1
  40. package/dist/lib/ui/uikit/dist/sdk/model/dist/index.js +1 -1
  41. package/dist/node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js +111 -165
  42. package/dist/node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js.map +1 -1
  43. package/dist/node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js +1 -1
  44. package/dist/sdk/model/dist/index.js +1 -1
  45. package/package.json +5 -5
  46. package/src/components/PlMultiSequenceAlignment/Legend.vue +4 -3
  47. package/src/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue +66 -46
  48. package/src/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue +85 -34
  49. package/src/components/PlMultiSequenceAlignment/README.md +10 -8
  50. package/src/components/PlMultiSequenceAlignment/Toolbar.vue +4 -1
  51. package/src/components/PlMultiSequenceAlignment/chemical-properties.ts +154 -161
  52. package/src/components/PlMultiSequenceAlignment/data.ts +65 -85
  53. package/src/components/PlMultiSequenceAlignment/markup.ts +47 -15
  54. package/src/components/PlMultiSequenceAlignment/types.ts +1 -1
  55. package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @platforma-sdk/ui-vue@1.41.19 build /home/runner/_work/platforma/platforma/sdk/ui-vue
3
+ > @platforma-sdk/ui-vue@1.42.0 build /home/runner/_work/platforma/platforma/sdk/ui-vue
4
4
  > vite build
5
5
 
6
6
  vite v6.3.5 building for production...
@@ -10,7 +10,7 @@ rendering chunks...
10
10
 
11
11
  [vite:dts] Start generate declaration files...
12
12
  computing gzip size...
13
- [vite:dts] Declaration files built in 5351ms.
13
+ [vite:dts] Declaration files built in 6216ms.
14
14
 
15
15
  dist/_virtual/re.js  0.08 kB │ gzip: 0.10 kB │ map: 0.09 kB
16
16
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/constant.js  0.09 kB │ gzip: 0.10 kB │ map: 0.32 kB
@@ -44,12 +44,12 @@ computing gzip size...
44
44
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/constant.js  0.12 kB │ gzip: 0.12 kB │ map: 0.40 kB
45
45
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/constant.js  0.12 kB │ gzip: 0.12 kB │ map: 0.40 kB
46
46
  dist/components/PlAgDataTable/PlAgOverlayLoading.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
47
- dist/components/PlTableFilters/PlTableAddFilterV2.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
48
47
  dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
48
+ dist/components/PlTableFilters/PlTableAddFilterV2.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
49
49
  dist/plugins/Monetization/MonetizationSidebar.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
50
50
  dist/components/PlTableFilters/PlTableFilterEntryV2.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
51
- dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
52
51
  dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
52
+ dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
53
53
  dist/lib/ui/uikit/dist/components/PlRadio/keys.js  0.13 kB │ gzip: 0.13 kB │ map: 0.46 kB
54
54
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/size.js  0.13 kB │ gzip: 0.13 kB │ map: 0.49 kB
55
55
  dist/components/ValueOrErrorsComponent.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
@@ -144,8 +144,8 @@ computing gzip size...
144
144
  dist/components/PlMultiSequenceAlignment/residue-counts.js  0.27 kB │ gzip: 0.20 kB │ map: 4.45 kB
145
145
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/functions/valid.js  0.27 kB │ gzip: 0.21 kB │ map: 0.59 kB
146
146
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_arrow-left.svg.js  0.27 kB │ gzip: 0.23 kB │ map: 0.47 kB
147
- dist/components/PlMultiSequenceAlignment/Legend.vue.js  0.27 kB │ gzip: 0.21 kB │ map: 0.10 kB
148
147
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_arrow-right.svg.js  0.27 kB │ gzip: 0.24 kB │ map: 0.47 kB
148
+ dist/components/PlMultiSequenceAlignment/Legend.vue.js  0.27 kB │ gzip: 0.21 kB │ map: 0.10 kB
149
149
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_arrow-down.svg.js  0.27 kB │ gzip: 0.24 kB │ map: 0.47 kB
150
150
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/16_add.svg.js  0.27 kB │ gzip: 0.23 kB │ map: 0.47 kB
151
151
  dist/lib/ui/uikit/dist/components/PlRadio/PlRadio.vue.js  0.27 kB │ gzip: 0.21 kB │ map: 0.10 kB
@@ -209,8 +209,8 @@ computing gzip size...
209
209
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_text-align-left.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.52 kB
210
210
  dist/components/PlAgDataTable/PlAgDataTableV2.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
211
211
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_arrow-link.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.51 kB
212
- dist/plugins/Monetization/UserCabinetCard.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
213
212
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/functions/clean.js  0.30 kB │ gzip: 0.23 kB │ map: 0.65 kB
213
+ dist/plugins/Monetization/UserCabinetCard.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
214
214
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_chevron-right.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.52 kB
215
215
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/16_arrow-link.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.51 kB
216
216
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/16_link-arrow.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.51 kB
@@ -508,7 +508,6 @@ computing gzip size...
508
508
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_slice.svg.js  0.64 kB │ gzip: 0.33 kB │ map: 0.87 kB
509
509
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_error-bar.svg.js  0.64 kB │ gzip: 0.33 kB │ map: 0.88 kB
510
510
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_server-on.svg.js  0.64 kB │ gzip: 0.38 kB │ map: 0.89 kB
511
- dist/components/PlMultiSequenceAlignment/Legend.vue3.js  0.65 kB │ gzip: 0.40 kB │ map: 0.10 kB
512
511
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_file-doc-add.svg.js  0.65 kB │ gzip: 0.39 kB │ map: 0.89 kB
513
512
  dist/lib/ui/uikit/dist/components/TransitionSlidePanel.vue.js  0.65 kB │ gzip: 0.37 kB │ map: 0.72 kB
514
513
  dist/lib/ui/uikit/dist/composition/useTransformedModel.js  0.65 kB │ gzip: 0.36 kB │ map: 3.50 kB
@@ -521,6 +520,7 @@ computing gzip size...
521
520
  dist/lib/ui/uikit/dist/composition/useQuery.js  0.66 kB │ gzip: 0.36 kB │ map: 1.55 kB
522
521
  dist/lib/ui/uikit/dist/components/PlElementList/PlElementList.vue3.js  0.67 kB │ gzip: 0.42 kB │ map: 0.12 kB
523
522
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_cpu.svg.js  0.67 kB │ gzip: 0.38 kB │ map: 0.87 kB
523
+ dist/components/PlMultiSequenceAlignment/Legend.vue3.js  0.68 kB │ gzip: 0.41 kB │ map: 0.10 kB
524
524
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_cloud-online.svg.js  0.68 kB │ gzip: 0.43 kB │ map: 0.89 kB
525
525
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/internal/lrucache.js  0.68 kB │ gzip: 0.33 kB │ map: 1.70 kB
526
526
  dist/components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js  0.68 kB │ gzip: 0.42 kB │ map: 0.12 kB
@@ -554,7 +554,7 @@ computing gzip size...
554
554
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_bubble.svg.js  0.77 kB │ gzip: 0.40 kB │ map: 1.00 kB
555
555
  dist/plugins/Monetization/EndOfPeriod.vue2.js  0.77 kB │ gzip: 0.47 kB │ map: 1.55 kB
556
556
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_container.svg.js  0.78 kB │ gzip: 0.43 kB │ map: 1.08 kB
557
- dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue.js  0.78 kB │ gzip: 0.43 kB │ map: 1.34 kB
557
+ dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js  0.78 kB │ gzip: 0.43 kB │ map: 1.35 kB
558
558
  dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js  0.80 kB │ gzip: 0.45 kB │ map: 2.18 kB
559
559
  dist/lib/ui/uikit/dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js  0.80 kB │ gzip: 0.45 kB │ map: 2.20 kB
560
560
  dist/lib/ui/uikit/dist/components/DataTable/adapters/AsyncData.js  0.81 kB │ gzip: 0.43 kB │ map: 2.16 kB
@@ -673,7 +673,6 @@ computing gzip size...
673
673
  dist/components/PlAgDataTable/sources/value-rendering.js  1.33 kB │ gzip: 0.61 kB │ map: 3.27 kB
674
674
  dist/plugins/Monetization/RunStatus.vue2.js  1.33 kB │ gzip: 0.62 kB │ map: 2.66 kB
675
675
  dist/lib/ui/uikit/dist/components/PlFileDialog/Shortcuts.vue3.js  1.33 kB │ gzip: 0.63 kB │ map: 0.11 kB
676
- dist/components/PlMultiSequenceAlignment/markup.js  1.34 kB │ gzip: 0.72 kB │ map: 4.80 kB
677
676
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_sina.svg.js  1.35 kB │ gzip: 0.40 kB │ map: 1.63 kB
678
677
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/ticks.js  1.36 kB │ gzip: 0.57 kB │ map: 4.37 kB
679
678
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_color-none.svg.js  1.36 kB │ gzip: 0.64 kB │ map: 1.61 kB
@@ -706,7 +705,6 @@ computing gzip size...
706
705
  dist/AgGridVue/createAgGridColDef.js  1.61 kB │ gzip: 0.72 kB │ map: 9.40 kB
707
706
  dist/lib/ui/uikit/dist/node_modules/.pnpm/@vueuse_integrations@13.3.0_axios@1.8.1_focus-trap@7.6.0_sortablejs@1.15.6_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/integrations/useSortable.js  1.61 kB │ gzip: 0.80 kB │ map: 4.03 kB
708
707
  dist/lib/ui/uikit/dist/components/PlTabs/PlTabs.vue.js  1.61 kB │ gzip: 0.80 kB │ map: 2.14 kB
709
- dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js  1.62 kB │ gzip: 0.78 kB │ map: 0.12 kB
710
708
  dist/lib/ui/uikit/dist/base/BtnBase.vue.js  1.63 kB │ gzip: 0.74 kB │ map: 1.80 kB
711
709
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/on.js  1.63 kB │ gzip: 0.68 kB │ map: 4.38 kB
712
710
  dist/lib/ui/uikit/dist/components/PlFileDialog/Shortcuts.vue2.js  1.63 kB │ gzip: 0.60 kB │ map: 0.14 kB
@@ -725,12 +723,14 @@ computing gzip size...
725
723
  dist/internal/createAppModel.js  1.73 kB │ gzip: 0.77 kB │ map: 4.81 kB
726
724
  dist/lib/ui/uikit/dist/components/PlConfirmDialog.vue.js  1.75 kB │ gzip: 0.70 kB │ map: 1.77 kB
727
725
  dist/lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js  1.84 kB │ gzip: 0.87 kB │ map: 1.50 kB
726
+ dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js  1.85 kB │ gzip: 0.85 kB │ map: 0.12 kB
728
727
  dist/lib/ui/uikit/dist/components/PlChartStackedBar/StackedRow.vue2.js  1.86 kB │ gzip: 0.83 kB │ map: 3.40 kB
729
728
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_debug.svg.js  1.87 kB │ gzip: 0.98 kB │ map: 2.08 kB
730
729
  dist/lib/ui/uikit/dist/components/DropdownListItem.vue.js  1.89 kB │ gzip: 0.77 kB │ map: 2.75 kB
731
730
  dist/internal/UpdateSerializer.js  1.91 kB │ gzip: 0.81 kB │ map: 4.61 kB
732
731
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_pen-tool.svg.js  1.94 kB │ gzip: 1.00 kB │ map: 2.14 kB
733
732
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/16_sorter.svg.js  1.96 kB │ gzip: 0.51 kB │ map: 2.22 kB
733
+ dist/components/PlMultiSequenceAlignment/markup.js  1.99 kB │ gzip: 1.02 kB │ map: 6.53 kB
734
734
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_bindot.svg.js  2.04 kB │ gzip: 0.38 kB │ map: 2.43 kB
735
735
  dist/lib/ui/uikit/dist/components/PlToggleSwitch/PlToggleSwitch.vue.js  2.06 kB │ gzip: 0.97 kB │ map: 1.35 kB
736
736
  dist/lib/ui/uikit/dist/assets/icons/icon-assets-min/24_violin-jitter.svg.js  2.08 kB │ gzip: 0.98 kB │ map: 2.32 kB
@@ -757,7 +757,7 @@ computing gzip size...
757
757
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/continuous.js  2.53 kB │ gzip: 0.94 kB │ map: 7.07 kB
758
758
  dist/lib/util/helpers/dist/index.js  2.55 kB │ gzip: 1.06 kB │ map: 25.73 kB
759
759
  dist/plugins/Monetization/LimitCard.vue3.js  2.55 kB │ gzip: 0.92 kB │ map: 0.11 kB
760
- dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue2.js  2.56 kB │ gzip: 1.16 kB │ map: 2.90 kB
760
+ dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue2.js  2.57 kB │ gzip: 1.15 kB │ map: 2.90 kB
761
761
  dist/node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js  2.57 kB │ gzip: 1.13 kB │ map: 50.11 kB
762
762
  dist/components/PlTableFilters/PlTableFiltersV2.vue3.js  2.58 kB │ gzip: 0.94 kB │ map: 0.12 kB
763
763
  dist/plugins/Monetization/LimitCard.vue2.js  2.61 kB │ gzip: 0.88 kB │ map: 4.83 kB
@@ -768,7 +768,6 @@ computing gzip size...
768
768
  dist/lib/ui/uikit/dist/components/PlNotificationAlert/PlNotificationAlert.vue.js  2.68 kB │ gzip: 1.12 kB │ map: 1.52 kB
769
769
  dist/components/PlAnnotations/components/PlAnnotationCreateDialog.vue.js  2.70 kB │ gzip: 0.99 kB │ map: 2.64 kB
770
770
  dist/components/PlAgDataTable/PlAgDataTableSheets.vue2.js  2.70 kB │ gzip: 1.17 kB │ map: 5.30 kB
771
- dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue2.js  2.75 kB │ gzip: 1.07 kB │ map: 3.90 kB
772
771
  dist/lib/ui/uikit/dist/components/PlChartHistogram/histogram.js  2.77 kB │ gzip: 0.95 kB │ map: 7.94 kB
773
772
  dist/node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/helpers.js  2.79 kB │ gzip: 1.21 kB │ map: 8.92 kB
774
773
  dist/lib/ui/uikit/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js  2.80 kB │ gzip: 1.25 kB │ map: 2.65 kB
@@ -785,6 +784,7 @@ computing gzip size...
785
784
  dist/components/PlAgDataTable/sources/table-state-v2.js  3.33 kB │ gzip: 1.16 kB │ map: 9.95 kB
786
785
  dist/node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/duplex.js  3.33 kB │ gzip: 1.22 kB │ map: 10.70 kB
787
786
  dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue.js  3.34 kB │ gzip: 1.30 kB │ map: 4.05 kB
787
+ dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue2.js  3.42 kB │ gzip: 1.22 kB │ map: 4.70 kB
788
788
  dist/components/PlTableFilters/PlTableAddFilterV2.vue.js  3.42 kB │ gzip: 1.28 kB │ map: 3.95 kB
789
789
  dist/lib/ui/uikit/dist/generated/icons-24.js  3.43 kB │ gzip: 1.10 kB │ map: 5.86 kB
790
790
  dist/lib/ui/uikit/dist/node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js  3.49 kB │ gzip: 1.30 kB │ map: 10.47 kB
@@ -802,7 +802,6 @@ computing gzip size...
802
802
  dist/lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js  3.61 kB │ gzip: 1.35 kB │ map: 1.24 kB
803
803
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/index.js  3.67 kB │ gzip: 1.01 kB │ map: 5.45 kB
804
804
  dist/lib/ui/uikit/dist/composition/useSortable.js  3.68 kB │ gzip: 1.32 kB │ map: 10.93 kB
805
- dist/components/PlMultiSequenceAlignment/chemical-properties.js  3.79 kB │ gzip: 1.16 kB │ map: 9.18 kB
806
805
  dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue2.js  3.80 kB │ gzip: 1.15 kB │ map: 6.62 kB
807
806
  dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue3.js  3.84 kB │ gzip: 1.37 kB │ map: 0.13 kB
808
807
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/internal/re.js  4.03 kB │ gzip: 1.23 kB │ map: 12.96 kB
@@ -813,9 +812,11 @@ computing gzip size...
813
812
  dist/lib/ui/uikit/dist/composition/useSortable2.js  4.41 kB │ gzip: 1.51 kB │ map: 13.13 kB
814
813
  dist/lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js  4.48 kB │ gzip: 1.69 kB │ map: 2.91 kB
815
814
  dist/lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue2.js  4.49 kB │ gzip: 1.76 kB │ map: 1.47 kB
815
+ dist/components/PlMultiSequenceAlignment/chemical-properties.js  4.75 kB │ gzip: 1.67 kB │ map: 11.78 kB
816
816
  dist/components/PlAnnotations/components/DynamicForm.vue2.js  4.81 kB │ gzip: 1.43 kB │ map: 6.96 kB
817
817
  dist/components/PlAnnotations/components/FilterSidebar.vue2.js  4.88 kB │ gzip: 1.74 kB │ map: 6.15 kB
818
818
  dist/components/BlockLayout.vue2.js  4.96 kB │ gzip: 1.83 kB │ map: 2.95 kB
819
+ dist/node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js  5.11 kB │ gzip: 1.97 kB │ map: 252.41 kB
819
820
  dist/plugins/Monetization/MonetizationSidebar.vue.js  5.12 kB │ gzip: 1.79 kB │ map: 5.01 kB
820
821
  dist/lib/ui/uikit/dist/components/PlBtnGroup/PlBtnGroup.vue.js  5.18 kB │ gzip: 1.94 kB │ map: 3.19 kB
821
822
  dist/lib/ui/uikit/dist/components/PlTooltip/PlTooltip.vue.js  5.23 kB │ gzip: 1.93 kB │ map: 5.49 kB
@@ -833,17 +834,16 @@ computing gzip size...
833
834
  dist/lib/ui/uikit/dist/components/PlTextArea/PlTextArea.vue.js  6.71 kB │ gzip: 2.37 kB │ map: 5.76 kB
834
835
  dist/lib/ui/uikit/dist/components/PlCheckbox/PlCheckboxBase.vue.js  6.88 kB │ gzip: 1.35 kB │ map: 0.85 kB
835
836
  dist/lib/ui/uikit/dist/components/SliderRange.vue.js  6.99 kB │ gzip: 2.19 kB │ map: 11.71 kB
836
- dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue2.js  6.99 kB │ gzip: 2.21 kB │ map: 10.57 kB
837
- dist/node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js  7.07 kB │ gzip: 2.62 kB │ map: 254.56 kB
838
837
  dist/lib/ui/uikit/dist/components/PlBtnSplit/PlBtnSplit.vue.js  7.12 kB │ gzip: 2.57 kB │ map: 8.61 kB
839
838
  dist/components/PlAgDataTable/sources/table-source-v2.js  7.27 kB │ gzip: 2.63 kB │ map: 21.58 kB
840
839
  dist/components/PlTableFilters/PlTableFilterEntryV2.vue.js  7.67 kB │ gzip: 1.62 kB │ map: 6.16 kB
841
840
  dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/classes/range.js  7.70 kB │ gzip: 2.49 kB │ map: 25.67 kB
841
+ dist/components/PlMultiSequenceAlignment/PlMultiSequenceAlignment.vue2.js  7.79 kB │ gzip: 2.64 kB │ map: 12.93 kB
842
842
  dist/lib/ui/uikit/dist/lib/util/helpers/dist/index.js  7.94 kB │ gzip: 2.91 kB │ map: 40.17 kB
843
+ dist/components/PlMultiSequenceAlignment/data.js  8.29 kB │ gzip: 2.81 kB │ map: 22.77 kB
843
844
  dist/node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/core.js  8.44 kB │ gzip: 2.53 kB │ map: 29.30 kB
844
- dist/components/PlMultiSequenceAlignment/Toolbar.vue2.js  8.45 kB │ gzip: 1.93 kB │ map: 7.35 kB
845
845
  dist/lib/ui/uikit/dist/components/SliderRangeTriple.vue.js  8.52 kB │ gzip: 2.46 kB │ map: 15.56 kB
846
- dist/components/PlMultiSequenceAlignment/data.js  8.59 kB │ gzip: 2.91 kB │ map: 23.56 kB
846
+ dist/components/PlMultiSequenceAlignment/Toolbar.vue2.js  8.57 kB │ gzip: 1.95 kB │ map: 7.42 kB
847
847
  dist/lib/ui/uikit/dist/components/PlTextField/PlTextField.vue.js  8.71 kB │ gzip: 2.89 kB │ map: 8.77 kB
848
848
  dist/lib/ui/uikit/dist/components/PlFileDialog/Remote.vue.js  8.72 kB │ gzip: 2.80 kB │ map: 14.28 kB
849
849
  dist/lib/ui/uikit/dist/components/PlElementList/PlElementList.vue2.js  9.17 kB │ gzip: 2.43 kB │ map: 17.22 kB
@@ -853,7 +853,7 @@ computing gzip size...
853
853
  dist/lib/ui/uikit/dist/components/PlFileInput/PlFileInput.vue.js  10.78 kB │ gzip: 3.38 kB │ map: 8.09 kB
854
854
  dist/lib/ui/uikit/dist/demo-site-data/all-css-variables.js  11.00 kB │ gzip: 1.76 kB │ map: 18.24 kB
855
855
  dist/lib/ui/uikit/dist/components/PlDropdownLine/PlDropdownLine.vue.js  14.70 kB │ gzip: 3.91 kB │ map: 12.75 kB
856
- dist/lib/ui/uikit/dist/lib/model/common/dist/index.js  15.38 kB │ gzip: 4.26 kB │ map: 89.29 kB
856
+ dist/lib/ui/uikit/dist/lib/model/common/dist/index.js  15.38 kB │ gzip: 4.26 kB │ map: 89.39 kB
857
857
  dist/lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js  16.33 kB │ gzip: 4.80 kB │ map: 14.67 kB
858
858
  dist/lib/ui/uikit/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js  17.39 kB │ gzip: 4.84 kB │ map: 14.46 kB
859
859
  dist/lib/ui/uikit/dist/components/PlAutocomplete/PlAutocomplete.vue.js  17.76 kB │ gzip: 5.14 kB │ map: 17.09 kB
@@ -878,4 +878,4 @@ computing gzip size...
878
878
  dist/lib/ui/uikit/dist/index.js 497.77 kB │ gzip: 191.75 kB │ map: 0.18 kB
879
879
  dist/lib/ui/uikit/dist/components/PlSlideModal/PlPureSlideModal.vue.js 601.01 kB │ gzip: 204.69 kB │ map: 0.21 kB
880
880
  dist/lib/ui/uikit/dist/components/DataTable/TableComponent.vue.js 602.90 kB │ gzip: 205.54 kB │ map: 0.27 kB
881
- ✓ built in 9.44s
881
+ ✓ built in 10.20s
@@ -1,5 +1,5 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @platforma-sdk/ui-vue@1.41.19 type-check /home/runner/_work/platforma/platforma/sdk/ui-vue
3
+ > @platforma-sdk/ui-vue@1.42.0 type-check /home/runner/_work/platforma/platforma/sdk/ui-vue
4
4
  > vue-tsc --noEmit --project ./tsconfig.json
5
5
 
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @platforma-sdk/ui-vue
2
2
 
3
+ ## 1.42.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 3271446: MSA: added export functionality
8
+
9
+ ### Patch Changes
10
+
11
+ - @platforma-sdk/model@1.42.0
12
+ - @milaboratories/uikit@2.3.24
13
+
3
14
  ## 1.41.19
4
15
 
5
16
  ### Patch Changes
@@ -1,6 +1,6 @@
1
- import { ColorMap } from './types';
1
+ import { HighlightLegend } from './types';
2
2
  type __VLS_Props = {
3
- colors: ColorMap;
3
+ legend: HighlightLegend;
4
4
  };
5
5
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
6
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"Legend.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/Legend.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAC;CAClB,CAAC;;AAuDF,wBAOG"}
1
+ {"version":3,"file":"Legend.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/Legend.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;;AAuDF,wBAOG"}
@@ -1,22 +1,22 @@
1
- import { defineComponent as a, createElementBlock as r, openBlock as l, normalizeClass as o, Fragment as c, renderList as i, createElementVNode as m, createTextVNode as p, normalizeStyle as d, toDisplayString as u } from "vue";
1
+ import { defineComponent as a, createElementBlock as l, openBlock as n, normalizeClass as r, Fragment as i, renderList as c, createElementVNode as d, createTextVNode as m, normalizeStyle as p, toDisplayString as u } from "vue";
2
2
  const _ = /* @__PURE__ */ a({
3
3
  __name: "Legend",
4
4
  props: {
5
- colors: {}
5
+ legend: {}
6
6
  },
7
- setup(y) {
8
- return (e, f) => (l(), r("div", {
9
- class: o(e.$style.container)
7
+ setup(g) {
8
+ return (e, y) => (n(), l("div", {
9
+ class: r(e.$style.container)
10
10
  }, [
11
- (l(!0), r(c, null, i(Object.entries(e.colors), ([t, { label: n, color: s }]) => (l(), r("div", {
11
+ (n(!0), l(i, null, c(Object.entries(e.legend), ([t, { label: o, color: s }]) => (n(), l("div", {
12
12
  key: t,
13
- class: o(e.$style.item)
13
+ class: r(e.$style.item)
14
14
  }, [
15
- m("div", {
16
- class: o(e.$style["color-sample"]),
17
- style: d({ backgroundColor: s })
15
+ d("div", {
16
+ class: r(e.$style["color-sample"]),
17
+ style: p({ backgroundColor: s })
18
18
  }, null, 6),
19
- p(" " + u(n), 1)
19
+ m(" " + u(o), 1)
20
20
  ], 2))), 128))
21
21
  ], 2));
22
22
  }
@@ -1,12 +1,12 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._container_1fynp_2{display:flex;flex-wrap:wrap;gap:12px}._item_1fynp_8{display:flex;gap:4px}._color-sample_1fynp_13{display:inline-block;block-size:18px;inline-size:18px;border-radius:3px}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
2
- const n = "_container_1fynp_2", t = "_item_1fynp_8", e = {
3
- container: n,
4
- item: t,
5
- "color-sample": "_color-sample_1fynp_13"
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._container_157gs_2{display:flex;flex-wrap:wrap;gap:12px;max-inline-size:fit-content}._item_157gs_9{display:flex;gap:4px}._color-sample_157gs_14{display:inline-block;block-size:18px;inline-size:18px;border-radius:3px}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
2
+ const t = "_container_157gs_2", e = "_item_157gs_9", o = {
3
+ container: t,
4
+ item: e,
5
+ "color-sample": "_color-sample_157gs_14"
6
6
  };
7
7
  export {
8
- n as container,
9
- e as default,
10
- t as item
8
+ t as container,
9
+ o as default,
10
+ e as item
11
11
  };
12
12
  //# sourceMappingURL=Legend.vue3.js.map
@@ -1,13 +1,19 @@
1
- import { ResidueCounts } from './types';
1
+ import { HighlightLegend, ResidueCounts } from './types';
2
2
  type __VLS_Props = {
3
- sequenceNames: string[];
4
3
  sequences: string[];
4
+ sequenceNames: string[];
5
5
  labelRows: string[][];
6
6
  residueCounts: ResidueCounts;
7
- highlightImageBlob: Blob | undefined;
8
- consensus: boolean;
9
- seqLogo: boolean;
7
+ highlightImage: {
8
+ blob: Blob;
9
+ legend: HighlightLegend;
10
+ } | undefined;
11
+ widgets: ('consensus' | 'seqLogo' | 'legend')[];
10
12
  };
11
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
13
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {
14
+ rootEl: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
15
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
16
+ rootRef: HTMLDivElement;
17
+ }, HTMLDivElement>;
12
18
  export default _default;
13
19
  //# sourceMappingURL=MultiSequenceAlignmentView.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSequenceAlignmentView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,IAAI,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;;AAkIF,wBAOG"}
1
+ {"version":3,"file":"MultiSequenceAlignmentView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue"],"names":[],"mappings":"AAmKA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9D,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE;QACd,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,eAAe,CAAC;KACzB,GAAG,SAAS,CAAC;IACd,OAAO,EAAE,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;CACjD,CAAC;;;;;;AAqJF,wBASG"}
@@ -1,83 +1,98 @@
1
- import { defineComponent as B, useCssVars as $, computed as p, createElementBlock as l, openBlock as s, normalizeClass as u, createElementVNode as a, createCommentVNode as c, createBlock as h, Fragment as o, renderList as i, normalizeStyle as q, toDisplayString as m } from "vue";
2
- import { useBase64 as f } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
3
- import C from "./Consensus.vue.js";
4
- import N from "./SeqLogo.vue.js";
5
- const V = /* @__PURE__ */ B({
1
+ import { defineComponent as I, useCssVars as R, computed as v, useTemplateRef as N, createElementBlock as l, openBlock as s, normalizeClass as n, createElementVNode as r, createBlock as g, createCommentVNode as a, Fragment as o, renderList as d, normalizeStyle as q, toDisplayString as m } from "vue";
2
+ import { useObjectUrl as L } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
3
+ import S from "./Consensus.vue.js";
4
+ import V from "./Legend.vue.js";
5
+ import z from "./SeqLogo.vue.js";
6
+ const A = /* @__PURE__ */ I({
6
7
  __name: "MultiSequenceAlignmentView",
7
8
  props: {
8
- sequenceNames: {},
9
9
  sequences: {},
10
+ sequenceNames: {},
10
11
  labelRows: {},
11
12
  residueCounts: {},
12
- highlightImageBlob: {},
13
- consensus: { type: Boolean },
14
- seqLogo: { type: Boolean }
13
+ highlightImage: {},
14
+ widgets: {}
15
15
  },
16
- setup(d) {
17
- $((e) => ({
18
- "10a70bbb": v.value
16
+ setup(c, { expose: k }) {
17
+ R((e) => ({
18
+ "3cff4522": C.value
19
19
  }));
20
- const { base64: g } = f(() => d.highlightImageBlob), v = p(
21
- () => g.value ? `url('${g.value}')` : "none"
22
- ), b = p(
20
+ const b = N("rootRef");
21
+ k({ rootEl: b });
22
+ const h = L(() => {
23
+ var e;
24
+ return (e = c.highlightImage) == null ? void 0 : e.blob;
25
+ }), C = v(
26
+ () => h.value ? `url('${h.value}')` : "none"
27
+ ), $ = v(
23
28
  () => {
24
29
  var e;
25
- return (e = d.sequences.at(0)) == null ? void 0 : e.split(" ").map(({ length: y }) => y);
30
+ return (e = c.sequences.at(0)) == null ? void 0 : e.split(" ").map(({ length: p }) => p);
26
31
  }
27
32
  );
28
- return (e, y) => (s(), l("div", {
29
- class: u(["pl-scrollable", e.$style.root])
30
- }, [
31
- a("div", {
32
- class: u(e.$style.corner)
33
- }, null, 2),
34
- a("div", {
35
- class: u(e.$style.header)
33
+ return (e, p) => {
34
+ var y, f;
35
+ return s(), l("div", {
36
+ ref: "rootRef",
37
+ class: n(e.$style.root)
36
38
  }, [
37
- e.sequenceNames.length > 1 ? (s(), l("div", {
38
- key: 0,
39
- class: u(e.$style["sequence-names"])
39
+ r("div", {
40
+ class: n(["pl-scrollable", e.$style.table])
40
41
  }, [
41
- (s(!0), l(o, null, i(e.sequenceNames, (t, n) => {
42
- var r;
43
- return s(), l("span", {
44
- key: n,
45
- style: q(
46
- {
47
- inlineSize: `calc(${((r = b.value) == null ? void 0 : r.at(n)) ?? 0} * 20px)`
48
- }
49
- )
50
- }, m(t), 5);
51
- }), 128))
52
- ], 2)) : c("", !0),
53
- e.consensus ? (s(), h(C, {
54
- key: 1,
55
- "residue-counts": e.residueCounts
56
- }, null, 8, ["residue-counts"])) : c("", !0),
57
- e.seqLogo ? (s(), h(N, {
58
- key: 2,
59
- "residue-counts": e.residueCounts
60
- }, null, 8, ["residue-counts"])) : c("", !0)
61
- ], 2),
62
- a("div", {
63
- class: u(e.$style.labels)
64
- }, [
65
- (s(!0), l(o, null, i(e.labelRows, (t, n) => (s(), l(o, null, [
66
- (s(!0), l(o, null, i(t, (r, k) => (s(), l("div", {
67
- key: k,
68
- style: q({ gridRow: n + 1 })
69
- }, m(r), 5))), 128))
70
- ], 64))), 256))
71
- ], 2),
72
- a("div", {
73
- class: u(e.$style.sequences)
74
- }, [
75
- (s(!0), l(o, null, i(e.sequences, (t, n) => (s(), l("div", { key: n }, m(t), 1))), 128))
76
- ], 2)
77
- ], 2));
42
+ r("div", {
43
+ class: n(e.$style.corner)
44
+ }, null, 2),
45
+ r("div", {
46
+ class: n(e.$style.header)
47
+ }, [
48
+ e.sequenceNames.length > 1 ? (s(), l("div", {
49
+ key: 0,
50
+ class: n(e.$style["sequence-names"])
51
+ }, [
52
+ (s(!0), l(o, null, d(e.sequenceNames, (u, t) => {
53
+ var i;
54
+ return s(), l("span", {
55
+ key: t,
56
+ style: q({
57
+ inlineSize: (((i = $.value) == null ? void 0 : i.at(t)) ?? 0) * 20 + "px"
58
+ })
59
+ }, m(u), 5);
60
+ }), 128))
61
+ ], 2)) : a("", !0),
62
+ e.widgets.includes("consensus") ? (s(), g(S, {
63
+ key: 1,
64
+ "residue-counts": e.residueCounts
65
+ }, null, 8, ["residue-counts"])) : a("", !0),
66
+ e.widgets.includes("seqLogo") ? (s(), g(z, {
67
+ key: 2,
68
+ "residue-counts": e.residueCounts
69
+ }, null, 8, ["residue-counts"])) : a("", !0)
70
+ ], 2),
71
+ r("div", {
72
+ class: n(e.$style.labels)
73
+ }, [
74
+ (s(!0), l(o, null, d(e.labelRows, (u, t) => (s(), l(o, null, [
75
+ (s(!0), l(o, null, d(u, (i, w) => (s(), l("div", {
76
+ key: w,
77
+ style: q({ gridRow: t + 1 })
78
+ }, m(i), 5))), 128))
79
+ ], 64))), 256))
80
+ ], 2),
81
+ r("div", {
82
+ class: n(e.$style.sequences)
83
+ }, [
84
+ (s(!0), l(o, null, d(e.sequences, (u, t) => (s(), l("div", { key: t }, m(u), 1))), 128))
85
+ ], 2)
86
+ ], 2),
87
+ (y = e.widgets) != null && y.includes("legend") && ((f = e.highlightImage) != null && f.legend) ? (s(), g(V, {
88
+ key: 0,
89
+ legend: e.highlightImage.legend
90
+ }, null, 8, ["legend"])) : a("", !0)
91
+ ], 2);
92
+ };
78
93
  }
79
94
  });
80
95
  export {
81
- V as default
96
+ A as default
82
97
  };
83
98
  //# sourceMappingURL=MultiSequenceAlignmentView.vue2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSequenceAlignmentView.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useBase64 } from '@vueuse/core';\nimport { computed } from 'vue';\nimport Consensus from './Consensus.vue';\nimport SeqLogo from './SeqLogo.vue';\nimport type { ResidueCounts } from './types';\n\nconst { sequences, highlightImageBlob } = defineProps<{\n sequenceNames: string[];\n sequences: string[];\n labelRows: string[][];\n residueCounts: ResidueCounts;\n highlightImageBlob: Blob | undefined;\n consensus: boolean;\n seqLogo: boolean;\n}>();\n\nconst { base64: highlightImageBase64 } = useBase64(() => highlightImageBlob);\n\nconst highlightImageUrl = computed(() =>\n highlightImageBase64.value\n ? `url('${highlightImageBase64.value}')`\n : 'none',\n);\n\nconst sequenceLengths = computed(() =>\n sequences.at(0)?.split(' ').map(({ length }) => length),\n);\n</script>\n\n<template>\n <div :class=\"['pl-scrollable', $style.root]\">\n <div :class=\"$style.corner\" />\n <div :class=\"$style.header\">\n <div v-if=\"sequenceNames.length > 1\" :class=\"$style['sequence-names']\">\n <span\n v-for=\"(name, index) of sequenceNames\"\n :key=\"index\"\n :style=\"\n {\n inlineSize: `calc(${\n sequenceLengths?.at(index) ?? 0\n } * 20px)`,\n }\n \"\n >{{ name }}</span>\n </div>\n <Consensus v-if=\"consensus\" :residue-counts />\n <SeqLogo v-if=\"seqLogo\" :residue-counts />\n </div>\n <div :class=\"$style.labels\">\n <template v-for=\"(labelRow, rowIndex) of labelRows\">\n <div\n v-for=\"(label, labelIndex) of labelRow\"\n :key=\"labelIndex\"\n :style=\"{ gridRow: rowIndex + 1 }\"\n >\n {{ label }}\n </div>\n </template>\n </div>\n <div :class=\"$style.sequences\">\n <div\n v-for=\"(sequence, index) of sequences\"\n :key=\"index\"\n >\n {{ sequence }}\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n display: grid;\n grid-template-areas:\n \"corner header\"\n \"labels sequences\";\n text-wrap: nowrap;\n justify-content: start;\n}\n\n.corner {\n grid-area: corner;\n background-color: white;\n position: sticky;\n inset-inline-start: 0;\n inset-block-start: 0;\n z-index: 2;\n}\n\n.header {\n grid-area: header;\n background-color: white;\n position: sticky;\n inset-block-start: 0;\n z-index: 1;\n}\n\n.sequence-names {\n display: flex;\n font-weight: 700;\n line-height: 20px;\n margin-block-end: 4px;\n gap: 20px;\n}\n\n.labels {\n grid-area: labels;\n display: grid;\n grid-auto-flow: dense;\n column-gap: 12px;\n background-color: white;\n position: sticky;\n inset-inline-start: 0;\n z-index: 1;\n padding-inline-end: 12px;\n font-family: Spline Sans Mono;\n line-height: 24px;\n}\n\n.sequences {\n grid-area: sequences;\n display: flex;\n flex-direction: column;\n font-family: Spline Sans Mono;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 11.6px;\n text-indent: 5.8px;\n background-image: v-bind(highlightImageUrl);\n background-repeat: no-repeat;\n background-size: calc(100% - 5.8px) 100%;\n image-rendering: pixelated;\n}\n</style>\n"],"names":["highlightImageBase64","useBase64","__props","highlightImageUrl","computed","sequenceLengths","_a","length"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,UAAM,EAAE,QAAQA,EAAA,IAAyBC,EAAU,MAAMC,EAAA,kBAAkB,GAErEC,IAAoBC;AAAA,MAAS,MACjCJ,EAAqB,QACjB,QAAQA,EAAqB,KAAK,OAClC;AAAA,IACN,GAEMK,IAAkBD;AAAA,MAAS,MAAA;;AAC/B,gBAAAE,IAAAJ,YAAU,GAAG,CAAC,MAAd,gBAAAI,EAAiB,MAAM,KAAK,IAAI,CAAC,EAAE,QAAAC,QAAaA;AAAA;AAAA,IAClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"MultiSequenceAlignmentView.vue2.js","sources":["../../../src/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useObjectUrl } from '@vueuse/core';\nimport { computed, useTemplateRef } from 'vue';\nimport Consensus from './Consensus.vue';\nimport Legend from './Legend.vue';\nimport SeqLogo from './SeqLogo.vue';\nimport type { HighlightLegend, ResidueCounts } from './types';\n\nconst { sequences, highlightImage } = defineProps<{\n sequences: string[];\n sequenceNames: string[];\n labelRows: string[][];\n residueCounts: ResidueCounts;\n highlightImage: {\n blob: Blob;\n legend: HighlightLegend;\n } | undefined;\n widgets: ('consensus' | 'seqLogo' | 'legend')[];\n}>();\n\nconst rootEl = useTemplateRef('rootRef');\ndefineExpose({ rootEl });\n\nconst highlightImageObjectUrl = useObjectUrl(() => highlightImage?.blob);\nconst highlightImageCssUrl = computed(() =>\n highlightImageObjectUrl.value\n ? `url('${highlightImageObjectUrl.value}')`\n : 'none',\n);\n\nconst sequenceLengths = computed(() =>\n sequences.at(0)?.split(' ').map(({ length }) => length),\n);\n</script>\n\n<template>\n <div ref=\"rootRef\" :class=\"$style.root\">\n <div :class=\"['pl-scrollable', $style.table]\">\n <div :class=\"$style.corner\" />\n <div :class=\"$style.header\">\n <div v-if=\"sequenceNames.length > 1\" :class=\"$style['sequence-names']\">\n <span\n v-for=\"(name, index) of sequenceNames\"\n :key=\"index\"\n :style=\"{\n inlineSize: ((sequenceLengths?.at(index) ?? 0) * 20)\n + 'px',\n }\"\n >{{ name }}</span>\n </div>\n <Consensus v-if=\"widgets.includes('consensus')\" :residue-counts />\n <SeqLogo v-if=\"widgets.includes('seqLogo')\" :residue-counts />\n </div>\n <div :class=\"$style.labels\">\n <template v-for=\"(labelRow, rowIndex) of labelRows\">\n <div\n v-for=\"(label, labelIndex) of labelRow\"\n :key=\"labelIndex\"\n :style=\"{ gridRow: rowIndex + 1 }\"\n >\n {{ label }}\n </div>\n </template>\n </div>\n <div :class=\"$style.sequences\">\n <div\n v-for=\"(sequence, index) of sequences\"\n :key=\"index\"\n >\n {{ sequence }}\n </div>\n </div>\n </div>\n <Legend\n v-if=\"widgets?.includes('legend') && highlightImage?.legend\"\n :legend=\"highlightImage.legend\"\n />\n </div>\n</template>\n\n<style module>\n.root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n min-block-size: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\n.table {\n display: grid;\n grid-template-areas:\n \"corner header\"\n \"labels sequences\";\n text-wrap: nowrap;\n justify-content: start;\n @media print {\n overflow: visible;\n }\n}\n\n.corner {\n grid-area: corner;\n background-color: white;\n position: sticky;\n inset-inline-start: 0;\n inset-block-start: 0;\n z-index: 2;\n}\n\n.header {\n grid-area: header;\n background-color: white;\n position: sticky;\n inset-block-start: 0;\n z-index: 1;\n}\n\n.sequence-names {\n display: flex;\n font-weight: 700;\n line-height: 20px;\n margin-block-end: 4px;\n gap: 20px;\n}\n\n.labels {\n grid-area: labels;\n display: grid;\n grid-auto-flow: dense;\n column-gap: 12px;\n background-color: white;\n position: sticky;\n inset-inline-start: 0;\n z-index: 1;\n padding-inline-end: 12px;\n font-family: Spline Sans Mono;\n line-height: 24px;\n}\n\n.sequences {\n grid-area: sequences;\n display: flex;\n flex-direction: column;\n font-family: Spline Sans Mono;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 11.6px;\n text-indent: 5.8px;\n margin-inline-end: -5.8px;\n background-image: v-bind(highlightImageCssUrl);\n background-repeat: no-repeat;\n background-size: calc(100% - 5.8px) 100%;\n}\n</style>\n"],"names":["rootEl","useTemplateRef","__expose","highlightImageObjectUrl","useObjectUrl","_a","__props","highlightImageCssUrl","computed","sequenceLengths","length"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBM,UAAAA,IAASC,EAAe,SAAS;AAC1B,IAAAC,EAAA,EAAE,QAAAF,GAAQ;AAEvB,UAAMG,IAA0BC,EAAa,MAAM;;AAAA,cAAAC,IAAAC,EAAA,mBAAA,gBAAAD,EAAgB;AAAA,KAAI,GACjEE,IAAuBC;AAAA,MAAS,MACpCL,EAAwB,QACpB,QAAQA,EAAwB,KAAK,OACrC;AAAA,IACN,GAEMM,IAAkBD;AAAA,MAAS,MAAA;;AAC/B,gBAAAH,IAAAC,YAAU,GAAG,CAAC,MAAd,gBAAAD,EAAiB,MAAM,KAAK,IAAI,CAAC,EAAE,QAAAK,QAAaA;AAAA;AAAA,IAClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}