jbrowse-plugin-msaview 5.1.1 → 5.2.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 (59) hide show
  1. package/dist/LaunchMsaView/components/PreLoadedMSA/PreLoadedMSADataPanel.js +0 -2
  2. package/dist/MsaViewPanel/model.d.ts +24 -22
  3. package/dist/chunks/{AboutDialog-YNPKL64P.js → AboutDialog-IRBPUPJK.js} +2 -2
  4. package/dist/chunks/{AboutDialog-YNPKL64P.js.map → AboutDialog-IRBPUPJK.js.map} +2 -2
  5. package/dist/chunks/{AnnotationFileDialog-NJGKHAVR.js → AnnotationFileDialog-FCYYZ4JN.js} +2 -2
  6. package/dist/chunks/{AnnotationFileDialog-NJGKHAVR.js.map → AnnotationFileDialog-FCYYZ4JN.js.map} +1 -1
  7. package/dist/chunks/ExportSVGDialog-TYYPI6VB.js +2 -0
  8. package/dist/chunks/ExportSVGDialog-TYYPI6VB.js.map +7 -0
  9. package/dist/chunks/{FeatureDialog-7XXL6XUK.js → FeatureDialog-ZBX3XQZ5.js} +1 -1
  10. package/dist/chunks/{FeatureDialog-7XXL6XUK.js.map → FeatureDialog-ZBX3XQZ5.js.map} +1 -1
  11. package/dist/chunks/{LaunchMsaViewDialog-C53VHT52.js → LaunchMsaViewDialog-GJAUPGFC.js} +3 -3
  12. package/dist/chunks/{LaunchMsaViewDialog-C53VHT52.js.map → LaunchMsaViewDialog-GJAUPGFC.js.map} +2 -2
  13. package/dist/chunks/{MetadataDialog-QCUWTDBU.js → MetadataDialog-KZWQFRF7.js} +2 -2
  14. package/dist/chunks/{MetadataDialog-QCUWTDBU.js.map → MetadataDialog-KZWQFRF7.js.map} +1 -1
  15. package/dist/chunks/{MsaViewPanel-DS4STM3W.js → MsaViewPanel-RUZAKFCB.js} +2 -2
  16. package/dist/chunks/{TrackInfoDialog-BVZWIDEU.js → TrackInfoDialog-IFIG77WO.js} +2 -2
  17. package/dist/chunks/{TrackInfoDialog-BVZWIDEU.js.map → TrackInfoDialog-IFIG77WO.js.map} +1 -1
  18. package/dist/chunks/{TreeNodeInfoDialog-LPLF6BA6.js → TreeNodeInfoDialog-VRCVIF26.js} +2 -2
  19. package/dist/chunks/{TreeNodeInfoDialog-LPLF6BA6.js.map → TreeNodeInfoDialog-VRCVIF26.js.map} +1 -1
  20. package/dist/chunks/{chunk-OF4AZJER.js → chunk-F3EC6OCO.js} +1 -1
  21. package/dist/chunks/{chunk-OF4AZJER.js.map → chunk-F3EC6OCO.js.map} +1 -1
  22. package/dist/chunks/{chunk-VWM6IHF2.js → chunk-GDFVLZYX.js} +2 -2
  23. package/dist/chunks/{chunk-VWM6IHF2.js.map → chunk-GDFVLZYX.js.map} +1 -1
  24. package/dist/chunks/{chunk-IP2BEEIU.js → chunk-GIHMPOCO.js} +1 -1
  25. package/dist/chunks/{chunk-IP2BEEIU.js.map → chunk-GIHMPOCO.js.map} +1 -1
  26. package/dist/chunks/{chunk-VJQWGQ4V.js → chunk-H6IQBAW7.js} +2 -2
  27. package/dist/chunks/{chunk-VJQWGQ4V.js.map → chunk-H6IQBAW7.js.map} +1 -1
  28. package/dist/chunks/chunk-NMYD2GWF.js +18 -0
  29. package/dist/chunks/chunk-NMYD2GWF.js.map +7 -0
  30. package/dist/chunks/{chunk-P7ZJCOIY.js → chunk-QQ5LZUIO.js} +1 -1
  31. package/dist/chunks/{chunk-P7ZJCOIY.js.map → chunk-QQ5LZUIO.js.map} +1 -1
  32. package/dist/chunks/chunk-QUWPHTZQ.js +2 -0
  33. package/dist/chunks/chunk-QUWPHTZQ.js.map +7 -0
  34. package/dist/chunks/{chunk-NSKY4K4T.js → chunk-YOTSFJMU.js} +1 -1
  35. package/dist/chunks/{chunk-NSKY4K4T.js.map → chunk-YOTSFJMU.js.map} +1 -1
  36. package/dist/chunks/{chunk-HOEVB65D.js → chunk-ZCT7RD24.js} +2 -2
  37. package/dist/chunks/{dist-UX5CKLQJ.js → dist-CMWKVHC7.js} +1 -1
  38. package/dist/chunks/{dist-UX5CKLQJ.js.map → dist-CMWKVHC7.js.map} +1 -1
  39. package/dist/chunks/{dist-6DG5HXEW.js → dist-R73J3CC3.js} +2 -2
  40. package/dist/chunks/{model-DXQOMSLC.js → model-VE7IYWNU.js} +2 -2
  41. package/dist/chunks/{renderToSvg-2LBAS6XS.js → renderToSvg-VDXAB7TT.js} +2 -2
  42. package/dist/jbrowse-plugin-msaview.esm.js +2 -2
  43. package/dist/jbrowse-plugin-msaview.esm.js.map +1 -1
  44. package/dist/version.d.ts +1 -1
  45. package/dist/version.js +1 -1
  46. package/package.json +3 -3
  47. package/src/LaunchMsaView/components/PreLoadedMSA/PreLoadedMSADataPanel.tsx +0 -2
  48. package/src/version.ts +1 -1
  49. package/dist/chunks/ExportSVGDialog-D5DKR6CZ.js +0 -2
  50. package/dist/chunks/ExportSVGDialog-D5DKR6CZ.js.map +0 -7
  51. package/dist/chunks/chunk-S2T7S4SB.js +0 -18
  52. package/dist/chunks/chunk-S2T7S4SB.js.map +0 -7
  53. package/dist/chunks/chunk-SKDGC3HW.js +0 -2
  54. package/dist/chunks/chunk-SKDGC3HW.js.map +0 -7
  55. /package/dist/chunks/{MsaViewPanel-DS4STM3W.js.map → MsaViewPanel-RUZAKFCB.js.map} +0 -0
  56. /package/dist/chunks/{chunk-HOEVB65D.js.map → chunk-ZCT7RD24.js.map} +0 -0
  57. /package/dist/chunks/{dist-6DG5HXEW.js.map → dist-R73J3CC3.js.map} +0 -0
  58. /package/dist/chunks/{model-DXQOMSLC.js.map → model-VE7IYWNU.js.map} +0 -0
  59. /package/dist/chunks/{renderToSvg-2LBAS6XS.js.map → renderToSvg-VDXAB7TT.js.map} +0 -0
@@ -92,8 +92,6 @@ const PreLoadedMSA = observer(function ({ model, feature, handleClose, preferred
92
92
  feature: selectedTranscript,
93
93
  placement,
94
94
  displayName: getGeneDisplayName(selectedTranscript),
95
- treeAreaWidth: 200,
96
- treeWidth: 100,
97
95
  drawNodeBubbles: false,
98
96
  labelsAlignRight: true,
99
97
  showBranchLen: false,
@@ -111,11 +111,11 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
111
111
  id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
112
112
  displayName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
113
113
  minimized: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
114
- }, "id" | "type" | "autoTreeAreaWidth" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & Omit<Omit<Omit<{}, "autoTreeAreaWidth" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth"> & {
114
+ }, "id" | "type" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & Omit<Omit<Omit<{}, "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth"> & {
115
115
  drawLabels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
116
116
  labelsAlignRight: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
117
- treeAreaWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
118
- treeWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
117
+ treeAreaWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
118
+ treeWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
119
119
  showBranchLen: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
120
120
  treeOrder: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<import("react-msaview").TreeOrder>, [undefined]>;
121
121
  drawTree: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
@@ -123,7 +123,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
123
123
  drawNodeLabels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
124
124
  showTreeOverview: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
125
125
  overviewHeight: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
126
- autoTreeAreaWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
127
126
  }, "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats"> & {
128
127
  bgColor: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
129
128
  colorSchemeName: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -535,11 +534,10 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
535
534
  removeActiveDialog(): void;
536
535
  queueDialog(cb: (doneCallback: () => void) => [import("@jbrowse/core/util").DialogComponentType, unknown]): void;
537
536
  } & {
538
- setTreeAreaWidth(n: number): void;
539
- setTreeWidth(n: number): void;
537
+ setTreeAreaWidth(n: number | undefined): void;
538
+ setTreeWidth(n: number | undefined): void;
540
539
  setLabelsAlignRight(arg: boolean): void;
541
540
  setDrawTree(arg: boolean): void;
542
- setAutoTreeAreaWidth(arg: boolean): void;
543
541
  setShowBranchLen(arg: boolean): void;
544
542
  setTreeOrder(order: import("react-msaview").TreeOrder): void;
545
543
  setDrawNodeBubbles(arg: boolean): void;
@@ -671,6 +669,17 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
671
669
  readonly rowNamesSet: Map<string, number>;
672
670
  readonly resolvedClades: import("react-msaview").ResolvedClade[];
673
671
  readonly cladeGutterWidth: number;
672
+ readonly treeDrawn: boolean;
673
+ readonly treeTips: {
674
+ names: string[];
675
+ depth: number;
676
+ };
677
+ readonly maxTipLabelWidth: number;
678
+ readonly labelColumnWidth: number;
679
+ readonly fittedTreeAreaWidth: number;
680
+ readonly effectiveTreeAreaWidth: number;
681
+ readonly effectiveTreeWidth: number;
682
+ readonly showTreeText: boolean;
674
683
  readonly mouseOverRowName: string | undefined;
675
684
  readonly hoveredInsertion: {
676
685
  rowName: string;
@@ -736,7 +745,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
736
745
  readonly totalWidth: number;
737
746
  } & {
738
747
  readonly showMsaLetters: boolean;
739
- readonly showTreeText: boolean;
740
748
  } & {
741
749
  readonly columnTrackContent: Map<string, {
742
750
  values?: number[];
@@ -747,9 +755,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
747
755
  columnTrackModel(track: import("react-msaview").ColumnTrackSpec): import("react-msaview").BasicTrack;
748
756
  readonly columnTrackModels: import("react-msaview").BasicTrack[];
749
757
  } & {
750
- readonly labelWidthMap: Map<string, number>;
751
- readonly labelWidthScale: number;
752
- readonly labelsWidth: number;
753
758
  readonly secondaryStructureConsensus: string | undefined;
754
759
  readonly secondaryStructureArcs: import("react-msaview").Arc[] | undefined;
755
760
  readonly adapterTrackModels: import("react-msaview").BasicTrack[];
@@ -1122,11 +1127,11 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1122
1127
  id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
1123
1128
  displayName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
1124
1129
  minimized: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1125
- }, "id" | "type" | "autoTreeAreaWidth" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & Omit<Omit<Omit<{}, "autoTreeAreaWidth" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth"> & {
1130
+ }, "id" | "type" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & Omit<Omit<Omit<{}, "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth"> & {
1126
1131
  drawLabels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1127
1132
  labelsAlignRight: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1128
- treeAreaWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
1129
- treeWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
1133
+ treeAreaWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
1134
+ treeWidth: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<number>>;
1130
1135
  showBranchLen: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1131
1136
  treeOrder: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<import("react-msaview").TreeOrder>, [undefined]>;
1132
1137
  drawTree: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
@@ -1134,7 +1139,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1134
1139
  drawNodeLabels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1135
1140
  showTreeOverview: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1136
1141
  overviewHeight: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
1137
- autoTreeAreaWidth: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1138
1142
  }, "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats"> & {
1139
1143
  bgColor: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>, [undefined]>;
1140
1144
  colorSchemeName: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -1523,7 +1527,7 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1523
1527
  dataStoreId: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
1524
1528
  launchCompleted: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1525
1529
  mafRegion: import("@jbrowse/mobx-state-tree").IType<MafRegion | undefined, MafRegion | undefined, MafRegion | undefined>;
1526
- }>, "id" | "type" | "autoTreeAreaWidth" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & ({
1530
+ }>, "id" | "type" | "drawLabels" | "drawNodeBubbles" | "drawNodeLabels" | "drawTree" | "labelsAlignRight" | "overviewHeight" | "showBranchLen" | "showTreeOverview" | "treeAreaWidth" | "treeOrder" | "treeWidth" | "bgColor" | "colorSchemeName" | "customColorScheme" | "msaFormat" | "showColumnStats" | "allowedGappyness" | "clades" | "colWidth" | "collapsed" | "columnTracks" | "currentAlignment" | "data" | "drawMsaLetters" | "encodings" | "features" | "gffFilehandle" | "height" | "hideGaps" | "highlightColumns" | "highlights" | "msaFilehandle" | "region" | "relativeTo" | "residueMappings" | "rotated" | "rowHeight" | "rowPanels" | "scrollX" | "scrollY" | "scrollZoom" | "scrollZoomAxis" | "selection" | "showDomainLegend" | "showDomains" | "showOnly" | "subFeatureRows" | "trackHeights" | "treeFilehandle" | "treeMetadataFilehandle" | "treeRoot" | "turnedOffFeatures" | "turnedOffTracks"> & ({
1527
1531
  bgColor: boolean;
1528
1532
  colorSchemeName: string;
1529
1533
  customColorScheme: Record<string, string> | undefined;
@@ -1531,8 +1535,8 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1531
1535
  msaFormat: import("msa-parsers").MSAFormat | undefined;
1532
1536
  drawLabels: boolean;
1533
1537
  labelsAlignRight: boolean;
1534
- treeAreaWidth: number;
1535
- treeWidth: number;
1538
+ treeAreaWidth: number | undefined;
1539
+ treeWidth: number | undefined;
1536
1540
  showBranchLen: boolean;
1537
1541
  treeOrder: import("react-msaview").TreeOrder;
1538
1542
  drawTree: boolean;
@@ -1540,7 +1544,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1540
1544
  drawNodeLabels: boolean;
1541
1545
  showTreeOverview: boolean;
1542
1546
  overviewHeight: number;
1543
- autoTreeAreaWidth: boolean;
1544
1547
  columnTracks: import("react-msaview").ColumnTrackSpec[];
1545
1548
  id: string;
1546
1549
  showDomains: boolean;
@@ -1669,8 +1672,8 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1669
1672
  msaFormat: import("msa-parsers").MSAFormat | undefined;
1670
1673
  drawLabels: boolean;
1671
1674
  labelsAlignRight: boolean;
1672
- treeAreaWidth: number;
1673
- treeWidth: number;
1675
+ treeAreaWidth: number | undefined;
1676
+ treeWidth: number | undefined;
1674
1677
  showBranchLen: boolean;
1675
1678
  treeOrder: import("react-msaview").TreeOrder;
1676
1679
  drawTree: boolean;
@@ -1678,7 +1681,6 @@ export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").
1678
1681
  drawNodeLabels: boolean;
1679
1682
  showTreeOverview: boolean;
1680
1683
  overviewHeight: number;
1681
- autoTreeAreaWidth: boolean;
1682
1684
  columnTracks?: undefined;
1683
1685
  id: string;
1684
1686
  showDomains: boolean;
@@ -1,2 +1,2 @@
1
- import{a as i}from"./chunk-DNFD5II2.js";import{a as m}from"./chunk-BX4Z274Q.js";import{a}from"./chunk-J6KYLXRD.js";import{b as r}from"./chunk-FY3BTKY4.js";var e=r(a(),1),o=r(i(),1),t=r(m(),1);var l="8.4.1";function c({onClose:n}){return e.default.createElement(o.Dialog,{open:!0,title:"About",onClose:()=>{n()}},e.default.createElement(t.DialogContent,null,e.default.createElement(t.Typography,null,"MSAView ",l," (",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/gmod/react-msaview"},"Github"),")"),e.default.createElement("ul",null,e.default.createElement("li",null,e.default.createElement(t.Typography,null,"We use some color schemes from the"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/biotite-dev/biotite"},"biotite")," ","project, and their license is reproduced"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/biotite-dev/biotite/blob/master/LICENSE.rst"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this page for some information on jalview colorings"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://www.jalview.org/help/html/colourSchemes/"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this page for some info on the clustal, cinema, maeditor, and lesk color schemes"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"http://www.bioinformatics.nl/~berndb/aacolour.html"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this paper about the flower color scheme"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7245768/"},"here"))))))}export{c as default};
2
- //# sourceMappingURL=AboutDialog-YNPKL64P.js.map
1
+ import{a as i}from"./chunk-DNFD5II2.js";import{a as m}from"./chunk-BX4Z274Q.js";import{a}from"./chunk-J6KYLXRD.js";import{b as r}from"./chunk-FY3BTKY4.js";var e=r(a(),1),o=r(i(),1),t=r(m(),1);var l="9.0.0";function c({onClose:n}){return e.default.createElement(o.Dialog,{open:!0,title:"About",onClose:()=>{n()}},e.default.createElement(t.DialogContent,null,e.default.createElement(t.Typography,null,"MSAView ",l," (",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/gmod/react-msaview"},"Github"),")"),e.default.createElement("ul",null,e.default.createElement("li",null,e.default.createElement(t.Typography,null,"We use some color schemes from the"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/biotite-dev/biotite"},"biotite")," ","project, and their license is reproduced"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://github.com/biotite-dev/biotite/blob/master/LICENSE.rst"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this page for some information on jalview colorings"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://www.jalview.org/help/html/colourSchemes/"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this page for some info on the clustal, cinema, maeditor, and lesk color schemes"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"http://www.bioinformatics.nl/~berndb/aacolour.html"},"here"))),e.default.createElement("li",null,e.default.createElement(t.Typography,null,"See this paper about the flower color scheme"," ",e.default.createElement(t.Link,{target:"_blank",rel:"noopener",href:"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7245768/"},"here"))))))}export{c as default};
2
+ //# sourceMappingURL=AboutDialog-IRBPUPJK.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../node_modules/.pnpm/react-msaview@8.4.1_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/AboutDialog.tsx", "../../node_modules/.pnpm/react-msaview@8.4.1_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/version.ts"],
4
- "sourcesContent": ["import React from 'react'\n\nimport { Dialog } from '@jbrowse/core/ui'\nimport { DialogContent, Link, Typography } from '@mui/material'\n\nimport { version } from '../../version.ts'\n\nexport default function AboutDialog({ onClose }: { onClose: () => void }) {\n return (\n <Dialog\n open\n title=\"About\"\n onClose={() => {\n onClose()\n }}\n >\n <DialogContent>\n <Typography>\n MSAView {version} (\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/gmod/react-msaview\"\n >\n Github\n </Link>\n )\n </Typography>\n\n <ul>\n <li>\n <Typography>\n We use some color schemes from the{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/biotite-dev/biotite\"\n >\n biotite\n </Link>{' '}\n project, and their license is reproduced{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/biotite-dev/biotite/blob/master/LICENSE.rst\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this page for some information on jalview colorings{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://www.jalview.org/help/html/colourSchemes/\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this page for some info on the clustal, cinema, maeditor, and\n lesk color schemes{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"http://www.bioinformatics.nl/~berndb/aacolour.html\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this paper about the flower color scheme{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7245768/\"\n >\n here\n </Link>\n </Typography>\n </li>\n </ul>\n </DialogContent>\n </Dialog>\n )\n}\n", "export const version = '8.4.1'\n"],
3
+ "sources": ["../../node_modules/.pnpm/react-msaview@9.0.0_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/AboutDialog.tsx", "../../node_modules/.pnpm/react-msaview@9.0.0_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/version.ts"],
4
+ "sourcesContent": ["import React from 'react'\n\nimport { Dialog } from '@jbrowse/core/ui'\nimport { DialogContent, Link, Typography } from '@mui/material'\n\nimport { version } from '../../version.ts'\n\nexport default function AboutDialog({ onClose }: { onClose: () => void }) {\n return (\n <Dialog\n open\n title=\"About\"\n onClose={() => {\n onClose()\n }}\n >\n <DialogContent>\n <Typography>\n MSAView {version} (\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/gmod/react-msaview\"\n >\n Github\n </Link>\n )\n </Typography>\n\n <ul>\n <li>\n <Typography>\n We use some color schemes from the{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/biotite-dev/biotite\"\n >\n biotite\n </Link>{' '}\n project, and their license is reproduced{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://github.com/biotite-dev/biotite/blob/master/LICENSE.rst\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this page for some information on jalview colorings{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://www.jalview.org/help/html/colourSchemes/\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this page for some info on the clustal, cinema, maeditor, and\n lesk color schemes{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"http://www.bioinformatics.nl/~berndb/aacolour.html\"\n >\n here\n </Link>\n </Typography>\n </li>\n <li>\n <Typography>\n See this paper about the flower color scheme{' '}\n <Link\n target=\"_blank\"\n rel=\"noopener\"\n href=\"https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7245768/\"\n >\n here\n </Link>\n </Typography>\n </li>\n </ul>\n </DialogContent>\n </Dialog>\n )\n}\n", "export const version = '9.0.0'\n"],
5
5
  "mappings": "2JAAA,IAAAA,EAAkB,SAElBC,EAAuB,SACvBC,EAAgD,SCHzC,IAAMC,EAAU,QDOT,SAAPC,EAA6B,CAAE,QAAAC,CAAO,EAA2B,CACtE,OACE,EAAAC,QAAA,cAAC,SAAM,CACL,KAAI,GACJ,MAAM,QACN,QAAS,IAAK,CACZD,EAAO,CACT,CAAC,EAED,EAAAC,QAAA,cAAC,gBAAa,KACZ,EAAAA,QAAA,cAAC,aAAU,gBACAC,OACT,EAAAD,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,uCAAuC,EAAA,QAAA,OAOhD,EAAAA,QAAA,cAAA,KAAA,KACE,EAAAA,QAAA,cAAA,KAAA,KACE,EAAAA,QAAA,cAAC,aAAU,0CAC0B,IACnC,EAAAA,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,wCAAwC,EAAA,SAAA,EAGvC,+CACiC,IACzC,EAAAA,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,gEAAgE,EAAA,MAAA,CAGhE,CACI,EAEf,EAAAA,QAAA,cAAA,KAAA,KACE,EAAAA,QAAA,cAAC,aAAU,+DAC+C,IACxD,EAAAA,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,kDAAkD,EAAA,MAAA,CAGlD,CACI,EAEf,EAAAA,QAAA,cAAA,KAAA,KACE,EAAAA,QAAA,cAAC,aAAU,4FAEU,IACnB,EAAAA,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,oDAAoD,EAAA,MAAA,CAGpD,CACI,EAEf,EAAAA,QAAA,cAAA,KAAA,KACE,EAAAA,QAAA,cAAC,aAAU,oDACoC,IAC7C,EAAAA,QAAA,cAAC,OAAI,CACH,OAAO,SACP,IAAI,WACJ,KAAK,uDAAuD,EAAA,MAAA,CAGvD,CACI,CACV,CACF,CACS,CAGtB",
6
6
  "names": ["import_react", "import_ui", "import_material", "version", "AboutDialog", "onClose", "React", "version"]
7
7
  }
@@ -1,2 +1,2 @@
1
- import{h as E,k as d}from"./chunk-P7ZJCOIY.js";import"./chunk-73KAPCJ2.js";import{a as x}from"./chunk-CVLB4VFP.js";import{a as w}from"./chunk-DNFD5II2.js";import{a as T}from"./chunk-BX4Z274Q.js";import{a as C}from"./chunk-J6KYLXRD.js";import{b as i}from"./chunk-FY3BTKY4.js";var e=i(C(),1),c=i(w(),1),t=i(T(),1),h=i(x(),1);function b(r){let n=r.trimStart();if(!n.startsWith("{"))return r;let a=JSON.parse(n);return d(E(a))}async function O(r){let n=await fetch(r);if(!n.ok)throw new Error(`HTTP ${n.status} fetching ${r} ${await n.text()}`);return n.text()}var R=(0,h.observer)(function({handleClose:r,model:n}){let[a,g]=(0,e.useState)(),[l,v]=(0,e.useState)("file"),[s,F]=(0,e.useState)(""),[m,u]=(0,e.useState)(),[y,f]=(0,e.useState)(!1);return e.default.createElement(c.Dialog,{maxWidth:"xl",title:"Open annotation file",onClose:()=>{r()},open:!0},e.default.createElement(t.DialogContent,null,m?e.default.createElement(c.ErrorMessage,{error:m}):null,e.default.createElement(t.Typography,null,"Open a GFF3 file of annotations, such as the one `react-msaview-cli interpro` writes, or the JSON an InterProScan run returns."),e.default.createElement("div",{style:{display:"flex",margin:30}},e.default.createElement(t.FormControl,{component:"fieldset"},e.default.createElement(t.RadioGroup,{value:l,onChange:o=>{v(o.target.value)}},e.default.createElement(t.FormControlLabel,{value:"url",control:e.default.createElement(t.Radio,null),label:"URL"}),e.default.createElement(t.FormControlLabel,{value:"file",control:e.default.createElement(t.Radio,null),label:"File"}))),l==="url"?e.default.createElement("div",null,e.default.createElement(t.Typography,null,"Open an annotation file from a URL"),e.default.createElement(t.TextField,{label:"URL",value:s,onChange:o=>{F(o.target.value)}})):e.default.createElement("div",{style:{paddingTop:20}},e.default.createElement(t.Typography,null,"Open an annotation file from your local drive"),e.default.createElement(t.Button,{variant:"outlined",component:"label"},"Choose File",e.default.createElement("input",{type:"file",hidden:!0,onChange:({target:o})=>{let p=o.files?.[0];p&&g(p)}})),a?e.default.createElement(t.Typography,null,a.name):null))),e.default.createElement(t.DialogActions,null,e.default.createElement(t.Button,{variant:"contained",color:"primary",disabled:y||(l==="file"?!a:!s.trim()),onClick:()=>{(async()=>{f(!0),u(void 0);try{let o=await(l==="file"&&a?a.text():O(s));n.setGFF(b(o)),n.setShowDomains(!0),r()}catch(o){console.error(o),u(o)}finally{f(!1)}})()}},"Open annotations"),e.default.createElement(t.Button,{variant:"contained",color:"secondary",onClick:()=>{r()}},"Cancel")))}),D=R;export{D as default};
2
- //# sourceMappingURL=AnnotationFileDialog-NJGKHAVR.js.map
1
+ import{h as E,k as d}from"./chunk-QQ5LZUIO.js";import"./chunk-73KAPCJ2.js";import{a as x}from"./chunk-CVLB4VFP.js";import{a as w}from"./chunk-DNFD5II2.js";import{a as T}from"./chunk-BX4Z274Q.js";import{a as C}from"./chunk-J6KYLXRD.js";import{b as i}from"./chunk-FY3BTKY4.js";var e=i(C(),1),c=i(w(),1),t=i(T(),1),h=i(x(),1);function b(r){let n=r.trimStart();if(!n.startsWith("{"))return r;let a=JSON.parse(n);return d(E(a))}async function O(r){let n=await fetch(r);if(!n.ok)throw new Error(`HTTP ${n.status} fetching ${r} ${await n.text()}`);return n.text()}var R=(0,h.observer)(function({handleClose:r,model:n}){let[a,g]=(0,e.useState)(),[l,v]=(0,e.useState)("file"),[s,F]=(0,e.useState)(""),[m,u]=(0,e.useState)(),[y,f]=(0,e.useState)(!1);return e.default.createElement(c.Dialog,{maxWidth:"xl",title:"Open annotation file",onClose:()=>{r()},open:!0},e.default.createElement(t.DialogContent,null,m?e.default.createElement(c.ErrorMessage,{error:m}):null,e.default.createElement(t.Typography,null,"Open a GFF3 file of annotations, such as the one `react-msaview-cli interpro` writes, or the JSON an InterProScan run returns."),e.default.createElement("div",{style:{display:"flex",margin:30}},e.default.createElement(t.FormControl,{component:"fieldset"},e.default.createElement(t.RadioGroup,{value:l,onChange:o=>{v(o.target.value)}},e.default.createElement(t.FormControlLabel,{value:"url",control:e.default.createElement(t.Radio,null),label:"URL"}),e.default.createElement(t.FormControlLabel,{value:"file",control:e.default.createElement(t.Radio,null),label:"File"}))),l==="url"?e.default.createElement("div",null,e.default.createElement(t.Typography,null,"Open an annotation file from a URL"),e.default.createElement(t.TextField,{label:"URL",value:s,onChange:o=>{F(o.target.value)}})):e.default.createElement("div",{style:{paddingTop:20}},e.default.createElement(t.Typography,null,"Open an annotation file from your local drive"),e.default.createElement(t.Button,{variant:"outlined",component:"label"},"Choose File",e.default.createElement("input",{type:"file",hidden:!0,onChange:({target:o})=>{let p=o.files?.[0];p&&g(p)}})),a?e.default.createElement(t.Typography,null,a.name):null))),e.default.createElement(t.DialogActions,null,e.default.createElement(t.Button,{variant:"contained",color:"primary",disabled:y||(l==="file"?!a:!s.trim()),onClick:()=>{(async()=>{f(!0),u(void 0);try{let o=await(l==="file"&&a?a.text():O(s));n.setGFF(b(o)),n.setShowDomains(!0),r()}catch(o){console.error(o),u(o)}finally{f(!1)}})()}},"Open annotations"),e.default.createElement(t.Button,{variant:"contained",color:"secondary",onClick:()=>{r()}},"Cancel")))}),D=R;export{D as default};
2
+ //# sourceMappingURL=AnnotationFileDialog-FCYYZ4JN.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../node_modules/.pnpm/react-msaview@8.4.1_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/AnnotationFileDialog.tsx"],
3
+ "sources": ["../../node_modules/.pnpm/react-msaview@9.0.0_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/AnnotationFileDialog.tsx"],
4
4
  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { Dialog, ErrorMessage } from '@jbrowse/core/ui'\nimport {\n Button,\n DialogActions,\n DialogContent,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n TextField,\n Typography,\n} from '@mui/material'\nimport { observer } from 'mobx-react'\nimport {\n annotationsToGFF,\n interProScanResponseToAnnotations,\n} from 'msa-parsers'\n\nimport type { MsaViewModel } from '../../model.ts'\nimport type { InterProScanResponse } from 'msa-parsers'\n\n// GFF3 as the CLI writes it, or the JSON an InterProScan run returns. Both\n// arrive as text and the model keeps GFF, so the JSON is converted on the way\n// in rather than given a second path through the model\nfunction toGFF(text: string) {\n const trimmed = text.trimStart()\n if (!trimmed.startsWith('{')) {\n return text\n }\n const response: InterProScanResponse = JSON.parse(trimmed)\n return annotationsToGFF(interProScanResponseToAnnotations(response))\n}\n\nasync function fetchText(url: string) {\n const response = await fetch(url)\n if (!response.ok) {\n throw new Error(\n `HTTP ${response.status} fetching ${url} ${await response.text()}`,\n )\n }\n return response.text()\n}\n\nconst AnnotationFileDialog = observer(function ({\n handleClose,\n model,\n}: {\n handleClose: () => void\n model: MsaViewModel\n}) {\n const [file, setFile] = useState<File>()\n const [choice, setChoice] = useState('file')\n const [url, setUrl] = useState('')\n const [error, setError] = useState<unknown>()\n const [loading, setLoading] = useState(false)\n\n // the error is shown here rather than notified: the standalone app and the\n // MSAViewer component have no jbrowse session to notify, and asking one for\n // its notify() threw out of the success path into the catch, which threw\n // again on the same missing session\n return (\n <Dialog\n maxWidth=\"xl\"\n title=\"Open annotation file\"\n onClose={() => {\n handleClose()\n }}\n open\n >\n <DialogContent>\n {error ? <ErrorMessage error={error} /> : null}\n <Typography>\n Open a GFF3 file of annotations, such as the one `react-msaview-cli\n interpro` writes, or the JSON an InterProScan run returns.\n </Typography>\n\n <div style={{ display: 'flex', margin: 30 }}>\n <FormControl component=\"fieldset\">\n <RadioGroup\n value={choice}\n onChange={event => {\n setChoice(event.target.value)\n }}\n >\n <FormControlLabel value=\"url\" control={<Radio />} label=\"URL\" />\n <FormControlLabel value=\"file\" control={<Radio />} label=\"File\" />\n </RadioGroup>\n </FormControl>\n {choice === 'url' ? (\n <div>\n <Typography>Open an annotation file from a URL</Typography>\n <TextField\n label=\"URL\"\n value={url}\n onChange={event => {\n setUrl(event.target.value)\n }}\n />\n </div>\n ) : (\n <div style={{ paddingTop: 20 }}>\n <Typography>\n Open an annotation file from your local drive\n </Typography>\n <Button variant=\"outlined\" component=\"label\">\n Choose File\n <input\n type=\"file\"\n hidden\n onChange={({ target }) => {\n const chosen = target.files?.[0]\n if (chosen) {\n setFile(chosen)\n }\n }}\n />\n </Button>\n {file ? <Typography>{file.name}</Typography> : null}\n </div>\n )}\n </div>\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"contained\"\n color=\"primary\"\n disabled={loading || (choice === 'file' ? !file : !url.trim())}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n ;(async () => {\n setLoading(true)\n setError(undefined)\n try {\n const text = await (choice === 'file' && file\n ? file.text()\n : fetchText(url))\n // through the model's own GFF text, so the annotations travel\n // in the snapshot and the shared URL like every other layer.\n // Setting them straight onto the volatile left a view whose\n // link opened without them\n model.setGFF(toGFF(text))\n model.setShowDomains(true)\n handleClose()\n } catch (e) {\n console.error(e)\n setError(e)\n } finally {\n setLoading(false)\n }\n })()\n }}\n >\n Open annotations\n </Button>\n <Button\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => {\n handleClose()\n }}\n >\n Cancel\n </Button>\n </DialogActions>\n </Dialog>\n )\n})\n\nexport default AnnotationFileDialog\n"],
5
5
  "mappings": "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",
6
6
  "names": ["import_react", "import_ui", "import_material", "import_mobx_react", "toGFF", "text", "trimmed", "response", "annotationsToGFF", "interProScanResponseToAnnotations", "fetchText", "url", "AnnotationFileDialog", "handleClose", "model", "file", "setFile", "choice", "setChoice", "setUrl", "error", "setError", "loading", "setLoading", "React", "event", "target", "chosen", "e", "AnnotationFileDialog_default"]
@@ -0,0 +1,2 @@
1
+ import{a as p}from"./chunk-YOTSFJMU.js";import{a as P}from"./chunk-CVLB4VFP.js";import{a as R}from"./chunk-DNFD5II2.js";import{a as q}from"./chunk-BX4Z274Q.js";import{a as W}from"./chunk-J6KYLXRD.js";import{b as a}from"./chunk-FY3BTKY4.js";var t=a(W(),1),i=a(R(),1),e=a(q(),1),v=a(P(),1);function z(r){requestAnimationFrame(()=>{requestAnimationFrame(r)})}var O=(0,v.observer)(function({model:r,onClose:c}){let[s,f]=(0,t.useState)(!0),[n,x]=(0,t.useState)(!0),[o,k]=(0,t.useState)("viewport"),[h,y]=(0,t.useState)(),[m,d]=(0,t.useState)(!1),T=(0,e.useTheme)(),{totalWidth:C,totalHeight:b,effectiveTreeAreaWidth:w,rowPanelsWidth:M,turnedOnTracks:A,totalTrackAreaHeight:S,numColumns:F,leaves:G,showMsaLetters:I,treeOverviewHeight:D}=r,E=A.length>0,H=C+w+M,L=b+(n?S:0)+D,g=I&&o==="entire"?F*G.length:0,V=g>1e5;return t.default.createElement(i.Dialog,{onClose:()=>{c()},open:!0,title:"Export SVG"},t.default.createElement(e.DialogContent,null,h?t.default.createElement(i.ErrorMessage,{error:h}):null,t.default.createElement(e.Typography,null,"Settings:"),t.default.createElement(p,{label:"Include minimap?",disabled:o==="entire",checked:s,onChange:()=>{f(!s)}}),E?t.default.createElement(p,{label:"Include tracks?",checked:n,onChange:()=>{x(!n)}}):null,t.default.createElement("div",null,t.default.createElement(e.FormControl,null,t.default.createElement(e.FormLabel,null,"Export type"),t.default.createElement(e.RadioGroup,{value:o,onChange:l=>{let{value:u}=l.target;(u==="entire"||u==="viewport")&&k(u)}},t.default.createElement(e.FormControlLabel,{value:"entire",control:t.default.createElement(e.Radio,null),label:"Entire MSA"}),t.default.createElement(e.FormControlLabel,{value:"viewport",control:t.default.createElement(e.Radio,null),label:"Current viewport only"})))),V?t.default.createElement(e.Alert,{severity:"warning",style:{marginTop:8}},"The entire MSA is ",Math.round(H),"x",Math.round(L)," pixels and draws"," ",Math.round(g/1e3),"k residue letters, each its own SVG element. Export may be slow or fail \u2014 zooming out far enough to hide the letters exports the same alignment as an image instead."):null),t.default.createElement(e.DialogActions,null,t.default.createElement(e.Button,{variant:"contained",color:"primary",disabled:m,startIcon:m?t.default.createElement(e.CircularProgress,{size:16,color:"inherit"}):null,onClick:()=>{d(!0),z(()=>{r.exportSVG({theme:T,includeMinimap:s,includeTracks:E&&n,exportType:o}).then(()=>{c()}).catch(l=>{console.error(l),y(l)}).finally(()=>{d(!1)})})}},m?"Exporting\u2026":"Export"),t.default.createElement(e.Button,{variant:"contained",color:"secondary",onClick:()=>{c()}},"Cancel")))}),_=O;export{_ as default};
2
+ //# sourceMappingURL=ExportSVGDialog-TYYPI6VB.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../node_modules/.pnpm/react-msaview@9.0.0_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/ExportSVGDialog.tsx"],
4
+ "sourcesContent": ["import React, { useState } from 'react'\n\nimport { Dialog, ErrorMessage } from '@jbrowse/core/ui'\nimport {\n Alert,\n Button,\n CircularProgress,\n DialogActions,\n DialogContent,\n FormControl,\n FormControlLabel,\n FormLabel,\n Radio,\n RadioGroup,\n Typography,\n useTheme,\n} from '@mui/material'\nimport { observer } from 'mobx-react'\n\nimport Checkbox2 from '../Checkbox2.tsx'\n\nimport type { MsaViewModel } from '../../model.ts'\n\n// Run after the browser has painted. A requestAnimationFrame callback still\n// runs *before* the frame it was queued for, so one alone hands the main thread\n// to the render with the spinner not yet on screen; the second fires once that\n// frame is out.\nfunction afterPaint(fn: () => void) {\n requestAnimationFrame(() => {\n requestAnimationFrame(fn)\n })\n}\n\nconst ExportSVGDialog = observer(function ({\n model,\n onClose,\n}: {\n model: MsaViewModel\n onClose: () => void\n}) {\n const [includeMinimap, setIncludeMinimap] = useState(true)\n const [includeTracks, setIncludeTracks] = useState(true)\n const [exportType, setExportType] = useState<'entire' | 'viewport'>(\n 'viewport',\n )\n const [error, setError] = useState<unknown>()\n const [exporting, setExporting] = useState(false)\n const theme = useTheme()\n const {\n totalWidth,\n totalHeight,\n effectiveTreeAreaWidth,\n rowPanelsWidth,\n turnedOnTracks,\n totalTrackAreaHeight,\n numColumns,\n leaves,\n showMsaLetters,\n treeOverviewHeight,\n } = model\n const hasTracks = turnedOnTracks.length > 0\n const entireWidth = totalWidth + effectiveTreeAreaWidth + rowPanelsWidth\n const entireHeight =\n totalHeight +\n (includeTracks ? totalTrackAreaHeight : 0) +\n treeOverviewHeight\n // the background is one raster image whatever its size, so what the figure\n // actually costs is its residue letters: each is an svg element of its own.\n // Past roughly this many the export runs to tens of seconds and can exhaust\n // the tab's memory outright\n const glyphs =\n showMsaLetters && exportType === 'entire' ? numColumns * leaves.length : 0\n const isLargeExport = glyphs > 100_000\n return (\n <Dialog\n onClose={() => {\n onClose()\n }}\n open\n title=\"Export SVG\"\n >\n <DialogContent>\n {error ? <ErrorMessage error={error} /> : null}\n <Typography>Settings:</Typography>\n <Checkbox2\n label=\"Include minimap?\"\n disabled={exportType === 'entire'}\n checked={includeMinimap}\n onChange={() => {\n setIncludeMinimap(!includeMinimap)\n }}\n />\n {hasTracks ? (\n <Checkbox2\n label=\"Include tracks?\"\n checked={includeTracks}\n onChange={() => {\n setIncludeTracks(!includeTracks)\n }}\n />\n ) : null}\n <div>\n <FormControl>\n <FormLabel>Export type</FormLabel>\n <RadioGroup\n value={exportType}\n onChange={event => {\n const { value } = event.target\n if (value === 'entire' || value === 'viewport') {\n setExportType(value)\n }\n }}\n >\n <FormControlLabel\n value=\"entire\"\n control={<Radio />}\n label=\"Entire MSA\"\n />\n <FormControlLabel\n value=\"viewport\"\n control={<Radio />}\n label=\"Current viewport only\"\n />\n </RadioGroup>\n </FormControl>\n </div>\n {isLargeExport ? (\n <Alert severity=\"warning\" style={{ marginTop: 8 }}>\n The entire MSA is {Math.round(entireWidth)}x\n {Math.round(entireHeight)} pixels and draws{' '}\n {Math.round(glyphs / 1000)}k residue letters, each its own SVG\n element. Export may be slow or fail \u2014 zooming out far enough to hide\n the letters exports the same alignment as an image instead.\n </Alert>\n ) : null}\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"contained\"\n color=\"primary\"\n // rendering runs on the main thread and a large figure holds it for\n // seconds; without this the button stays live through the freeze and\n // a second click starts a second export\n disabled={exporting}\n startIcon={\n exporting ? <CircularProgress size={16} color=\"inherit\" /> : null\n }\n onClick={() => {\n setExporting(true)\n afterPaint(() => {\n void model\n .exportSVG({\n theme,\n includeMinimap,\n includeTracks: hasTracks && includeTracks,\n exportType,\n })\n .then(() => {\n onClose()\n })\n .catch((e: unknown) => {\n console.error(e)\n setError(e)\n })\n .finally(() => {\n setExporting(false)\n })\n })\n }}\n >\n {exporting ? 'Exporting\u2026' : 'Export'}\n </Button>\n <Button\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => {\n onClose()\n }}\n >\n Cancel\n </Button>\n </DialogActions>\n </Dialog>\n )\n})\n\nexport default ExportSVGDialog\n"],
5
+ "mappings": "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",
6
+ "names": ["import_react", "import_ui", "import_material", "import_mobx_react", "afterPaint", "fn", "ExportSVGDialog", "model", "onClose", "includeMinimap", "setIncludeMinimap", "includeTracks", "setIncludeTracks", "exportType", "setExportType", "error", "setError", "exporting", "setExporting", "theme", "totalWidth", "totalHeight", "effectiveTreeAreaWidth", "rowPanelsWidth", "turnedOnTracks", "totalTrackAreaHeight", "numColumns", "leaves", "showMsaLetters", "treeOverviewHeight", "hasTracks", "entireWidth", "entireHeight", "glyphs", "isLargeExport", "React", "Checkbox2", "event", "value", "e", "ExportSVGDialog_default"]
7
+ }
@@ -1,2 +1,2 @@
1
1
  import{a as C}from"./chunk-CVLB4VFP.js";import{a as F}from"./chunk-DNFD5II2.js";import{a as k}from"./chunk-BX4Z274Q.js";import{a as T}from"./chunk-J6KYLXRD.js";import{b as c}from"./chunk-FY3BTKY4.js";var e=c(T(),1),p=c(F(),1),t=c(k(),1),s=c(C(),1);function w(n,a){return[n.accession,n.name,n.description].some(o=>o?.toLowerCase().includes(a))}var x=(0,s.observer)(function({model:n,accessions:a}){let o=u=>{for(let m of a)n.setFilter(m,u)};return e.default.createElement("div",null,e.default.createElement(t.Button,{onClick:()=>{o(!0)}},"Toggle all on"),e.default.createElement(t.Button,{onClick:()=>{o(!1)}},"Toggle all off"))}),v=(0,s.observer)(function({model:n}){let{annotationTypes:a,annotations:o,featureColors:u,fillPalette:m}=n,[f,h]=(0,e.useState)(""),g=f.trim().toLowerCase(),d=[...a.values()].filter(l=>!g||w(l,g)),i=new Map,E=new Map;for(let l of o){let{accession:r}=l;i.set(r,(i.get(r)??0)+1),E.has(r)||E.set(r,u.get(l)?.fill??m[r])}return e.default.createElement(e.default.Fragment,null,e.default.createElement(t.TextField,{label:"Filter",size:"small",value:f,onChange:l=>{h(l.target.value)}}),e.default.createElement(x,{model:n,accessions:d.map(l=>l.accession)}),e.default.createElement(t.Table,{size:"small"},e.default.createElement(t.TableHead,null,e.default.createElement(t.TableRow,null,e.default.createElement(t.TableCell,{padding:"checkbox"}),e.default.createElement(t.TableCell,null,"color"),e.default.createElement(t.TableCell,null,"accession"),e.default.createElement(t.TableCell,null,"name"),e.default.createElement(t.TableCell,null,"count"),e.default.createElement(t.TableCell,null,"description"))),e.default.createElement(t.TableBody,null,d.map(({accession:l,name:r,description:b})=>e.default.createElement(t.TableRow,{key:l},e.default.createElement(t.TableCell,{padding:"checkbox"},e.default.createElement(t.Checkbox,{checked:!n.turnedOffFeatures.get(l),onChange:()=>{n.setFilter(l,!!n.turnedOffFeatures.get(l))}})),e.default.createElement(t.TableCell,null,e.default.createElement("div",{style:{width:20,height:20,background:E.get(l)}})),e.default.createElement(t.TableCell,null,l),e.default.createElement(t.TableCell,null,r),e.default.createElement(t.TableCell,null,i.get(l)),e.default.createElement(t.TableCell,null,b))))))}),y=(0,s.observer)(function({onClose:n,model:a}){return e.default.createElement(p.Dialog,{onClose:()=>{n()},open:!0,title:"Feature filters",maxWidth:"xl"},e.default.createElement(t.DialogContent,null,e.default.createElement(v,{model:a})))}),D=y;export{D as default};
2
- //# sourceMappingURL=FeatureDialog-7XXL6XUK.js.map
2
+ //# sourceMappingURL=FeatureDialog-ZBX3XQZ5.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../node_modules/.pnpm/react-msaview@8.4.1_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/FeatureDialog.tsx"],
3
+ "sources": ["../../node_modules/.pnpm/react-msaview@9.0.0_3e54acfe76b6ad0d26e91cd532b7f775/node_modules/react-msaview/src/components/dialogs/FeatureDialog.tsx"],
4
4
  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { Dialog } from '@jbrowse/core/ui'\nimport {\n Button,\n Checkbox,\n DialogContent,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n TextField,\n} from '@mui/material'\nimport { observer } from 'mobx-react'\n\nimport type { MsaViewModel } from '../../model.ts'\nimport type { Annotation } from '../../types.ts'\n\nfunction matches(type: Annotation, query: string) {\n return [type.accession, type.name, type.description].some(field =>\n field?.toLowerCase().includes(query),\n )\n}\n\nconst Toggles = observer(function ({\n model,\n accessions,\n}: {\n model: MsaViewModel\n accessions: string[]\n}) {\n const setAll = (shown: boolean) => {\n for (const accession of accessions) {\n model.setFilter(accession, shown)\n }\n }\n return (\n <div>\n <Button\n onClick={() => {\n setAll(true)\n }}\n >\n Toggle all on\n </Button>\n\n <Button\n onClick={() => {\n setAll(false)\n }}\n >\n Toggle all off\n </Button>\n </div>\n )\n})\n\nconst FeatureTable = observer(function ({ model }: { model: MsaViewModel }) {\n const { annotationTypes, annotations, featureColors, fillPalette } = model\n const [query, setQuery] = useState('')\n const needle = query.trim().toLowerCase()\n const types = [...annotationTypes.values()].filter(\n type => !needle || matches(type, needle),\n )\n const counts = new Map<string, number>()\n const swatches = new Map<string, string>()\n for (const annot of annotations) {\n const { accession } = annot\n counts.set(accession, (counts.get(accession) ?? 0) + 1)\n if (!swatches.has(accession)) {\n swatches.set(\n accession,\n featureColors.get(annot)?.fill ?? fillPalette[accession]!,\n )\n }\n }\n return (\n <>\n <TextField\n label=\"Filter\"\n size=\"small\"\n value={query}\n onChange={event => {\n setQuery(event.target.value)\n }}\n />\n <Toggles model={model} accessions={types.map(t => t.accession)} />\n <Table size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell padding=\"checkbox\" />\n <TableCell>color</TableCell>\n <TableCell>accession</TableCell>\n <TableCell>name</TableCell>\n <TableCell>count</TableCell>\n <TableCell>description</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {types.map(({ accession, name, description }) => (\n <TableRow key={accession}>\n <TableCell padding=\"checkbox\">\n <Checkbox\n checked={!model.turnedOffFeatures.get(accession)}\n onChange={() => {\n model.setFilter(\n accession,\n !!model.turnedOffFeatures.get(accession),\n )\n }}\n />\n </TableCell>\n <TableCell>\n <div\n style={{\n width: 20,\n height: 20,\n background: swatches.get(accession),\n }}\n />\n </TableCell>\n <TableCell>{accession}</TableCell>\n <TableCell>{name}</TableCell>\n <TableCell>{counts.get(accession)}</TableCell>\n <TableCell>{description}</TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </>\n )\n})\n\nconst FeatureTypeDialog = observer(function ({\n onClose,\n model,\n}: {\n onClose: () => void\n model: MsaViewModel\n}) {\n return (\n <Dialog\n onClose={() => {\n onClose()\n }}\n open\n title=\"Feature filters\"\n maxWidth=\"xl\"\n >\n <DialogContent>\n <FeatureTable model={model} />\n </DialogContent>\n </Dialog>\n )\n})\n\nexport default FeatureTypeDialog\n"],
5
5
  "mappings": "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",
6
6
  "names": ["import_react", "import_ui", "import_material", "import_mobx_react", "matches", "type", "query", "field", "Toggles", "model", "accessions", "setAll", "shown", "accession", "React", "FeatureTable", "annotationTypes", "annotations", "featureColors", "fillPalette", "setQuery", "needle", "types", "counts", "swatches", "annot", "event", "t", "name", "description", "FeatureTypeDialog", "onClose", "FeatureDialog_default"]
@@ -1,5 +1,5 @@
1
- import{a as Ft}from"./chunk-6YFCSBEE.js";import{D as Et,a as G,c as bt,d as pe,e as se,f as fe,g as te,h as vt,i as Be,j as qe,k as Ee,l as rr,m as Mt,q as kt,r as ot,s as _e,v as Ve,x as qt}from"./chunk-NI3VGKQP.js";import{g as de,h as St,i as Ne,k as tt,l as De,m as At,n as Oe,o as Ct,p as Lt,r as je,s as $e,t as Nt}from"./chunk-F726IWCW.js";import{a as yt,b as Bt,c as nr}from"./chunk-YUKJI2AH.js";import{e as Pt,f as It}from"./chunk-P7ZJCOIY.js";import{a as wt,b as ke,c as xt,d as Tt}from"./chunk-DECSTFAT.js";import{a as V}from"./chunk-NSASZ5FM.js";import{a as be,c as Ie,d as gt}from"./chunk-IBBQUV2I.js";import{a as or}from"./chunk-2IWD4OO4.js";import"./chunk-73KAPCJ2.js";import{a as ve}from"./chunk-CVLB4VFP.js";import{a as we}from"./chunk-DNFD5II2.js";import{a as L}from"./chunk-BX4Z274Q.js";import{a as f}from"./chunk-J6KYLXRD.js";import{a as tr,b as s}from"./chunk-FY3BTKY4.js";var Qo=tr((us,Go)=>{Go.exports=JBrowseExports["@jbrowse/core/data_adapters/dataAdapterCache"]});var A=s(f()),Zo=s(we()),Ro=s(be()),ye=s(L());var K=s(f());var Dt=s(gt(),1),Ot=(0,Ie.createSvgIcon)((0,Dt.jsx)("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"}),"Settings");var Ke=s(L()),Lo=s(V());var w=s(f());var U=s(L()),ho=s(ve()),go=s(V());var rt=s(f()),jt=s(L());function ar({children:e,...t}){return rt.default.createElement("div",null,rt.default.createElement(jt.TextField,{...t},e))}var g=ar;var nt=s(f()),$t=s(we()),_t=s(L()),Vt=s(V()),sr=(0,Vt.makeStyles)()({dialogContent:{width:"80em"}});function Y({error:e,children:t}){let{classes:o}=sr();return nt.default.createElement(_t.DialogContent,{className:o.dialogContent},e?nt.default.createElement($t.ErrorMessage,{error:e}):null,t)}var at=s(f()),Gt=s(we()),Qt=s(L());function ie({status:e}){return e==="loading"?at.default.createElement(Gt.LoadingEllipses,{message:"Translating transcript"}):e==="missing"?at.default.createElement(Qt.Typography,{color:"textSecondary",variant:"body2"},"no coding sequence to align"):null}var ce=s(f()),Ut=s(be()),me=s(L());var le=s(f());var Ht=(0,le.createContext)(void 0);function Wt({children:e}){let t=(0,le.useState)(()=>ke()==="splitRight");return le.default.createElement(Ht.Provider,{value:t},e)}function Ge(){let e=(0,le.useContext)(Ht),t=(0,le.useState)(()=>ke()==="splitRight");return e??t}function ir({checked:e,onChange:t}){return ce.default.createElement(me.FormControlLabel,{label:"Open beside the genome view",control:ce.default.createElement(me.Checkbox,{checked:e,onChange:o=>{t(o.target.checked)}})})}function X({onSubmit:e,onCancel:t,submitDisabled:o,hint:r,submitLabel:n="Submit",model:a}){let[i,u]=Ge(),c=!!a&&wt((0,Ut.getSession)(a));return ce.default.createElement(me.DialogActions,{sx:{flexWrap:"wrap",rowGap:1}},c?ce.default.createElement(ir,{checked:i,onChange:u}):null,ce.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginLeft:"auto"}},r,ce.default.createElement(me.Button,{sx:{flexShrink:0},color:"primary",variant:"contained",disabled:o,onClick:()=>{if(c){let l=i?"splitRight":"stack";xt(l),e(l)}else e(ke())}},n),ce.default.createElement(me.Button,{sx:{flexShrink:0},color:"secondary",variant:"contained",onClick:()=>{t()}},"Cancel")))}var Z=s(f()),xe=s(L()),Jt=s(V());var zt=s(f()),Kt=s(V());var lr=(0,Kt.makeStyles)()({textAreaFont:{fontFamily:"Courier New"}});function st({value:e}){let{classes:t}=lr();return zt.default.createElement(g,{variant:"outlined",multiline:!0,minRows:5,maxRows:10,fullWidth:!0,value:e,slotProps:{input:{readOnly:!0,classes:{input:t.textAreaFont}}}})}var mr=(0,Jt.makeStyles)()({flex:{display:"flex"},minWidth:{minWidth:300},centered:{alignContent:"center",marginLeft:20}});function R({feature:e,options:t,selectedId:o,selectedTranscript:r,setSelectedId:n,proteinSequence:a,sequenceStatus:i="ready",validIds:u}){let{classes:c}=mr(),[l,p]=(0,Z.useState)(!1);return Z.default.createElement(Z.default.Fragment,null,Z.default.createElement("div",{className:c.flex},Z.default.createElement(xe.TextField,{variant:"outlined",label:`Choose isoform of ${te(e)}`,helperText:"the query row, so the alignment stays linked to the genome view",select:!0,className:c.minWidth,value:o,onChange:d=>{n(d.target.value)}},t.map(d=>{let m=u?u.some(v=>se(d,v)):!0,{len:b,mod:S}=bt(d);return Z.default.createElement(xe.MenuItem,{value:pe(d),key:d.id(),disabled:!m},fe(d)," (",b," aa)"," ",S?" (possible fragment)":"",u?m?" (has data)":" (no data)":"")})),Z.default.createElement("div",{className:c.centered},Z.default.createElement(xe.Button,{variant:"contained",color:"primary",onClick:()=>{p(!l)}},l?"Hide sequence":"Show sequence"))),l?Z.default.createElement(st,{value:a?`>${fe(r)}
1
+ import{a as Ft}from"./chunk-6YFCSBEE.js";import{D as Et,a as G,c as bt,d as pe,e as se,f as fe,g as te,h as vt,i as Be,j as qe,k as Ee,l as rr,m as Mt,q as kt,r as ot,s as _e,v as Ve,x as qt}from"./chunk-NI3VGKQP.js";import{g as de,h as St,i as Ne,k as tt,l as De,m as At,n as Oe,o as Ct,p as Lt,r as je,s as $e,t as Nt}from"./chunk-F726IWCW.js";import{a as yt,b as Bt,c as nr}from"./chunk-YUKJI2AH.js";import{e as Pt,f as It}from"./chunk-QQ5LZUIO.js";import{a as wt,b as ke,c as xt,d as Tt}from"./chunk-DECSTFAT.js";import{a as V}from"./chunk-NSASZ5FM.js";import{a as be,c as Ie,d as gt}from"./chunk-IBBQUV2I.js";import{a as or}from"./chunk-2IWD4OO4.js";import"./chunk-73KAPCJ2.js";import{a as ve}from"./chunk-CVLB4VFP.js";import{a as we}from"./chunk-DNFD5II2.js";import{a as L}from"./chunk-BX4Z274Q.js";import{a as f}from"./chunk-J6KYLXRD.js";import{a as tr,b as s}from"./chunk-FY3BTKY4.js";var Qo=tr((us,Go)=>{Go.exports=JBrowseExports["@jbrowse/core/data_adapters/dataAdapterCache"]});var A=s(f()),Zo=s(we()),Ro=s(be()),ye=s(L());var K=s(f());var Dt=s(gt(),1),Ot=(0,Ie.createSvgIcon)((0,Dt.jsx)("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"}),"Settings");var Ke=s(L()),Lo=s(V());var w=s(f());var U=s(L()),ho=s(ve()),go=s(V());var rt=s(f()),jt=s(L());function ar({children:e,...t}){return rt.default.createElement("div",null,rt.default.createElement(jt.TextField,{...t},e))}var g=ar;var nt=s(f()),$t=s(we()),_t=s(L()),Vt=s(V()),sr=(0,Vt.makeStyles)()({dialogContent:{width:"80em"}});function Y({error:e,children:t}){let{classes:o}=sr();return nt.default.createElement(_t.DialogContent,{className:o.dialogContent},e?nt.default.createElement($t.ErrorMessage,{error:e}):null,t)}var at=s(f()),Gt=s(we()),Qt=s(L());function ie({status:e}){return e==="loading"?at.default.createElement(Gt.LoadingEllipses,{message:"Translating transcript"}):e==="missing"?at.default.createElement(Qt.Typography,{color:"textSecondary",variant:"body2"},"no coding sequence to align"):null}var ce=s(f()),Ut=s(be()),me=s(L());var le=s(f());var Ht=(0,le.createContext)(void 0);function Wt({children:e}){let t=(0,le.useState)(()=>ke()==="splitRight");return le.default.createElement(Ht.Provider,{value:t},e)}function Ge(){let e=(0,le.useContext)(Ht),t=(0,le.useState)(()=>ke()==="splitRight");return e??t}function ir({checked:e,onChange:t}){return ce.default.createElement(me.FormControlLabel,{label:"Open beside the genome view",control:ce.default.createElement(me.Checkbox,{checked:e,onChange:o=>{t(o.target.checked)}})})}function X({onSubmit:e,onCancel:t,submitDisabled:o,hint:r,submitLabel:n="Submit",model:a}){let[i,u]=Ge(),c=!!a&&wt((0,Ut.getSession)(a));return ce.default.createElement(me.DialogActions,{sx:{flexWrap:"wrap",rowGap:1}},c?ce.default.createElement(ir,{checked:i,onChange:u}):null,ce.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginLeft:"auto"}},r,ce.default.createElement(me.Button,{sx:{flexShrink:0},color:"primary",variant:"contained",disabled:o,onClick:()=>{if(c){let l=i?"splitRight":"stack";xt(l),e(l)}else e(ke())}},n),ce.default.createElement(me.Button,{sx:{flexShrink:0},color:"secondary",variant:"contained",onClick:()=>{t()}},"Cancel")))}var Z=s(f()),xe=s(L()),Jt=s(V());var zt=s(f()),Kt=s(V());var lr=(0,Kt.makeStyles)()({textAreaFont:{fontFamily:"Courier New"}});function st({value:e}){let{classes:t}=lr();return zt.default.createElement(g,{variant:"outlined",multiline:!0,minRows:5,maxRows:10,fullWidth:!0,value:e,slotProps:{input:{readOnly:!0,classes:{input:t.textAreaFont}}}})}var mr=(0,Jt.makeStyles)()({flex:{display:"flex"},minWidth:{minWidth:300},centered:{alignContent:"center",marginLeft:20}});function R({feature:e,options:t,selectedId:o,selectedTranscript:r,setSelectedId:n,proteinSequence:a,sequenceStatus:i="ready",validIds:u}){let{classes:c}=mr(),[l,p]=(0,Z.useState)(!1);return Z.default.createElement(Z.default.Fragment,null,Z.default.createElement("div",{className:c.flex},Z.default.createElement(xe.TextField,{variant:"outlined",label:`Choose isoform of ${te(e)}`,helperText:"the query row, so the alignment stays linked to the genome view",select:!0,className:c.minWidth,value:o,onChange:d=>{n(d.target.value)}},t.map(d=>{let m=u?u.some(v=>se(d,v)):!0,{len:b,mod:S}=bt(d);return Z.default.createElement(xe.MenuItem,{value:pe(d),key:d.id(),disabled:!m},fe(d)," (",b," aa)"," ",S?" (possible fragment)":"",u?m?" (has data)":" (no data)":"")})),Z.default.createElement("div",{className:c.centered},Z.default.createElement(xe.Button,{variant:"contained",color:"primary",onClick:()=>{p(!l)}},l?"Hide sequence":"Show sequence"))),l?Z.default.createElement(st,{value:a?`>${fe(r)}
2
2
  ${a}`:i==="missing"?"This transcript has no coding sequence, so there is nothing to translate.":i==="error"?"The sequence could not be fetched.":"Loading..."}):null)}var Qe=s(f()),Yt=s(be());var Te={drawNodeBubbles:!0,colWidth:10,rowHeight:12};function Q({view:e,feature:t,placement:o,...r}){return Tt((0,Yt.getSession)(e),{placement:o,connectedViewId:e.id,connectedFeature:t?.toJSON(),...r})}function oe(e){let[t,o]=(0,Qe.useState)(),r=(0,Qe.useRef)(!1);return{launchError:t,submit:n=>{r.current||(r.current=!0,o(void 0),n().then(e,a=>{r.current=!1,console.error(a),o(a)}))}}}var We=s(f());var Zt=s(f()),Rt=s(be()),eo=s(rr());var H=s(f()),Xt=e=>e==null||e===!1;function ur(e){return Xt(e)||Array.isArray(e)&&e.some(Xt)?null:JSON.stringify(e)}function W(e,t,{onSuccess:o}={}){let r=ur(e),[n,a]=(0,H.useState)(0),[i,u]=(0,H.useState)(),c=r===null?null:`${n}\0${r}`,l=i?.attempt===c,p=i?.question===r,d=(0,H.useRef)({fetcher:t,onSuccess:o});return(0,H.useEffect)(()=>{d.current={fetcher:t,onSuccess:o}}),(0,H.useEffect)(()=>{if(c===null||r===null)return;let m=new AbortController;return d.current.fetcher(m.signal).then(b=>{m.signal.aborted||(u({attempt:c,question:r,data:b}),d.current.onSuccess?.(b))}).catch(b=>{m.signal.aborted||u({attempt:c,question:r,error:b})}),()=>{m.abort()}},[c,r]),{data:p?i.data:void 0,error:l?i.error:void 0,isLoading:c!==null&&!l,mutate:(0,H.useCallback)(()=>{a(m=>m+1)},[])}}function He(e,t){let[o,r]=(0,H.useState)(e);return(0,H.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>{clearTimeout(n)}},[e,t]),o}function to({view:e,feature:t}){let o=e?.assemblyNames?.[0],{data:r,error:n,isLoading:a}=W(t&&o?[t.id(),o,"feature-sequence"]:null,async()=>{let{start:u,end:c,refName:l}=t.toJSON();return Mt({start:u,end:c,refName:l,assemblyName:o,session:(0,Rt.getSession)(e)})});return{proteinSequence:(0,Zt.useMemo)(()=>r&&t?(0,eo.translateTranscript)({transcript:t,...r})?.protein??"":"",[r,t]),sequence:r,error:n,isLoading:a}}function cr(e,t,o){if(!o?.length)return e;let r=i=>o.some(u=>se(i,u)),n=t.find(i=>pe(i)===e);if(n&&r(n))return e;let a=t.find(r);return a?pe(a):e}function dr({error:e,isLoading:t,proteinSequence:o}){return e?"error":t?"loading":o?"ready":"missing"}function re({feature:e,view:t,validIds:o,preferredTranscriptId:r}){let n=(0,We.useMemo)(()=>Be(e),[e]),[a,i]=(0,We.useState)(()=>pe(n.find(m=>se(m,r??""))??n[0])),u=cr(a,n,o),c=n.find(m=>pe(m)===u),{proteinSequence:l,error:p,isLoading:d}=to({view:t,feature:c});return{options:n,selectedId:u,setSelectedId:i,selectedTranscript:c,proteinSequence:l,error:p,isLoading:d,sequenceStatus:dr({error:p,isLoading:d,proteinSequence:l}),validIds:o}}var q=s(f()),ao=s(we());var oo=s(gt(),1),ro=(0,Ie.createSvgIcon)((0,oo.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var E=s(L()),so=s(ve()),io=s(V());var pr=(0,io.makeStyles)()({header:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8},resultList:{maxHeight:300,overflow:"auto"}});function no(e){let t=[e.geneName,e.transcriptName!==e.geneName?e.transcriptName:void 0].filter(o=>!!o);return t.length>0?t.join(" - "):e.geneId??e.transcriptId??"Unknown"}function fr(e){return[e.blastDatabase,e.searchProgram??e.blastProgram??"blastp",e.msaAlgorithm].filter(Boolean).join(" / ")}var hr=(0,so.observer)(function({model:e,handleClose:t,feature:o,cached:{results:r,handleDelete:n,handleClearAll:a}}){let{classes:i}=pr(),u=G(e),[c,l]=(0,q.useState)(),[p]=Ge(),d=m=>{let{transcriptId:b,msa:S,tree:v,treeMetadata:j}=m;Q({view:u,feature:b?Be(o).find(M=>se(M,b)):void 0,placement:p?"splitRight":"stack",displayName:`BLAST - ${no(m)}`,...Te,data:{msa:S,tree:v,treeMetadata:j}}).then(t,M=>{console.error(M),l(M)})};return q.default.createElement("div",null,c?q.default.createElement(ao.ErrorMessage,{error:c}):null,q.default.createElement("div",{className:i.header},q.default.createElement(E.Typography,{variant:"subtitle1"},"Cached BLAST Results (",r.length,")"),q.default.createElement(E.Button,{size:"small",color:"error",onClick:async()=>{try{l(void 0),await a()}catch(m){l(m)}}},"Clear results for this gene")),q.default.createElement(E.List,{dense:!0,className:i.resultList},r.map(m=>q.default.createElement(E.ListItem,{key:m.id,disablePadding:!0,secondaryAction:q.default.createElement(E.IconButton,{edge:"end",size:"small",onClick:async b=>{b.stopPropagation();try{l(void 0),await n(m.id)}catch(S){l(S)}}},q.default.createElement(ro,{fontSize:"small"}))},q.default.createElement(E.ListItemButton,{onClick:()=>{d(m)}},q.default.createElement(E.ListItemText,{primary:`${no(m)} - ${fr(m)}`,secondary:`${new Date(m.timestamp).toLocaleString()} - Seq: ${m.proteinSequence.slice(0,30)}...`}))))))}),lo=hr;var it=s(f()),mo=s(L());function Fe({value:e,onChange:t,className:o}){return it.default.createElement(g,{variant:"outlined",label:"MSA Algorithm",className:o,select:!0,value:e,helperText:e==="browser"?"no EBI job; rows aligned to the query":void 0,onChange:r=>{t(r.target.value)}},De.map(r=>it.default.createElement(mo.MenuItem,{value:r,key:r},At[r])))}var gr="msaView-blastSearch",Sr="msaView-msaAlgorithm",uo=je("blastp"),co="clustalo";function yr(e){let{program:t,database:o}=e??{},r=Oe.find(n=>n===t);return r&&$e(r).some(n=>n===o)?{program:r,database:o}:uo}function br(e){return De.find(t=>t===e)??co}function po(){let[e,t]=de(gr,uo);return[yr(e),o=>{t(o)}]}function Ue(){let[e,t]=de(Sr,co);return[br(e),o=>{t(o)}]}function fo(e){let{data:t,error:o,isLoading:r,mutate:n}=W(`cached-blast-${e.join(",")}`,async()=>(await kt()).filter(i=>i.geneId&&e.includes(i.geneId)));return{results:t??[],error:o,isLoading:r,handleDelete:async a=>{await ot(a),n()},handleClearAll:async()=>{await Promise.all((t??[]).map(a=>ot(a.id))),n()}}}var vr=(0,go.makeStyles)()({selectField:{width:150},databaseField:{width:260},cachedResultsAccordion:{marginTop:20},infoText:{marginTop:20}}),wr=(0,ho.observer)(function({handleClose:e,feature:t,model:o,children:r,preferredTranscriptId:n}){let{classes:a}=vr(),i=G(o),{launchError:u,submit:c}=oe(e),[l,p]=po(),[d,m]=Ue(),[b,S]=(0,w.useState)(String(Lt)),v=Number(b),j=Number.isInteger(v)&&v>=1,M=l.program==="phmmer",P=(0,w.useMemo)(()=>Ee(t),[t]),C=fo(P),I=re({feature:t,view:i,preferredTranscriptId:n}),{selectedTranscript:k,proteinSequence:F,sequenceStatus:$}=I,_=I.error??u??C.error;return w.default.createElement(w.default.Fragment,null,w.default.createElement(Y,{error:_},r,w.default.createElement(g,{variant:"outlined",label:"Search program",className:a.selectField,select:!0,value:l.program,onChange:x=>{p(je(x.target.value))}},Oe.map(x=>w.default.createElement(U.MenuItem,{value:x,key:x},Ct[x]))),w.default.createElement(g,{variant:"outlined",label:"Database",className:a.databaseField,select:!0,value:l.database,onChange:x=>{p({program:l.program,database:x.target.value})}},$e(l.program).map(x=>w.default.createElement(U.MenuItem,{value:x,key:x},Nt(x)))),M?null:w.default.createElement(Fe,{className:a.selectField,value:d,onChange:m}),w.default.createElement(g,{variant:"outlined",label:"Hits",className:a.selectField,type:"number",value:b,onChange:x=>{S(x.target.value)},error:!j,helperText:"best-scoring sequences to keep"}),w.default.createElement(R,{feature:t,...I}),w.default.createElement(U.Typography,{variant:"body2",className:a.infoText},M?"phmmer aligns the hits as it finds them, so nothing is realigned afterwards.":"The hits come back from EBI and are then run through the chosen aligner."," ","The EBI queue is the wait, and it runs from seconds to many minutes."),C.results.length>0?w.default.createElement(U.Accordion,{className:a.cachedResultsAccordion},w.default.createElement(U.AccordionSummary,{expandIcon:w.default.createElement(yt,null)},w.default.createElement(U.Typography,null,"Previous BLAST Results")),w.default.createElement(U.AccordionDetails,null,w.default.createElement(lo,{model:o,handleClose:e,feature:t,cached:C}))):null),w.default.createElement(X,{model:o,hint:w.default.createElement(ie,{status:$}),submitDisabled:!F||!j,onSubmit:x=>{if(k){let ue=l.program==="phmmer"?{searchProgram:"phmmer",blastDatabase:l.database,maxHits:v,selectedTranscript:k.toJSON(),proteinSequence:F}:{searchProgram:"blastp",blastDatabase:l.database,msaAlgorithm:d,maxHits:v,selectedTranscript:k.toJSON(),proteinSequence:F};c(()=>Q({view:i,feature:k,placement:x,displayName:vt(t,k),...Te,blastParams:ue}))}},onCancel:e}))}),So=wr;var y=s(f()),xo=s(be()),ge=s(L()),To=s(ve()),Mo=s(V());var ze=s(f());function yo(e){return qe(e).toUpperCase()}function xr(e,t){let o=Math.min(e.length,t.length);if(o===0)return 0;let r=0;for(let n=0;n<o;n++)e[n]===t[n]&&r++;return r/o}var Tr=.9,Mr=.5;function bo(e,t){if(!e.trim())return{names:[]};let o;try{o=Pt(e)}catch{return{names:[]}}let r=o.getNames(),n=yo(t);return{names:r,match:n?Ar(o,r,n):void 0}}function Ar(e,t,o){let r=[];for(let a of t){let i=yo(It(e.getRow(a)));if(!i)continue;if(i===o)return{name:a,quality:"exact",identity:1,offset:0};let u=o.indexOf(i),c=i.indexOf(o);if(u!==-1||c!==-1){let p=Math.min(i.length,o.length)/Math.max(i.length,o.length);p>=Mr&&r.push({name:a,quality:"partial",identity:p,offset:u===-1?-c:u});continue}let l=xr(i,o);l>=Tr&&r.push({name:a,quality:"similar",identity:l,offset:0})}let n=["partial","similar"];return r.sort((a,i)=>n.indexOf(a.quality)-n.indexOf(i.quality)||i.identity-a.identity)[0]}function vo(e,t){return e.querySeqName||(e.names.includes(t)?t:"")}function Me(e,t){let[o,r]=(0,ze.useState)(),{names:n,match:a}=(0,ze.useMemo)(()=>bo(e,t),[e,t]),i=o!==void 0&&(n.length===0||n.includes(o))?o:void 0,u=i??a?.name??"";return{detected:a,names:n,querySeqName:u,querySeqOffset:u===a?.name?a.offset:0,setQuerySeqName:r,isAutoDetected:i===void 0&&!!a}}var ee=s(f()),Ae=s(L()),wo=s(V());var Cr=(0,wo.makeStyles)()({field:{marginTop:20},alert:{marginTop:10}});function Lr({identity:e,offset:t}){let o=`, covering ${Math.round(e*100)}% of it`;return t>0?`${o} from residue ${t+1}`:t<0?`${o} and running ${-t} residues past its start`:o}function he({names:e,detected:t,querySeqName:o,setQuerySeqName:r,isAutoDetected:n}){let{classes:a}=Cr();return ee.default.createElement(ee.default.Fragment,null,e.length>0?ee.default.createElement(g,{variant:"outlined",label:"MSA row matching the selected transcript",select:!0,fullWidth:!0,className:a.field,value:e.includes(o)?o:"",onChange:i=>{r(i.target.value)}},e.map(i=>ee.default.createElement(Ae.MenuItem,{value:i,key:i},i,t?.name===i?" \u2014 matches your protein":""))):ee.default.createElement(g,{variant:"outlined",label:"MSA row matching the selected transcript",fullWidth:!0,className:a.field,helperText:"Paste an alignment above and this fills in on its own",value:o,onChange:i=>{r(i.target.value)}}),n&&t?t.quality==="similar"?ee.default.createElement(Ae.Alert,{severity:"warning",className:a.alert},ee.default.createElement("strong",null,t.name)," is"," ",Math.round(t.identity*100),"% identical to your protein but is not the same sequence. Clicking the alignment navigates the genome view, approximately: wherever the two differ by an insertion or a deletion, every residue after it lands one codon off."):ee.default.createElement(Ae.Alert,{severity:"success",className:a.alert},"Matched ",ee.default.createElement("strong",null,t.name)," to your protein sequence",t.quality==="exact"?"":Lr(t),". Clicking the alignment will navigate the genome view."):e.length>0&&!o?ee.default.createElement(Ae.Alert,{severity:"warning",className:a.alert},"No row matched your protein sequence \u2014 pick the one for your gene above. Without it the alignment still renders, but clicking it will not navigate the genome view."):null)}var Nr=(0,Mo.makeStyles)()({ncbiLink:{wordBreak:"break-all"},textAreaFont:{fontFamily:"Courier New"},msaInput:{marginBottom:20},step:{marginTop:20},stepBody:{marginLeft:20,marginTop:8}}),kr=(0,To.observer)(function({handleClose:e,feature:t,model:o,children:r,preferredTranscriptId:n}){let{classes:a}=Nr(),i=G(o),{launchError:u,submit:c}=oe(e),[l,p]=(0,y.useState)(""),[d,m]=(0,y.useState)(""),b=re({feature:t,view:i,preferredTranscriptId:n}),{proteinSequence:S,selectedTranscript:v,error:j}=b,M=Me(l,S),P=qe(S),C=`${tt}?PAGE_TYPE=BlastSearch&PAGE=Proteins&PROGRAM=blastp&QUERY=${P}`,I=`${tt}?PAGE_TYPE=BlastSearch&PAGE=Proteins&PROGRAM=blastp&QUERY=${(0,xo.shorten2)(P,10)}`;return y.default.createElement(y.default.Fragment,null,y.default.createElement(Y,{error:u??j},r,y.default.createElement(R,{feature:t,...b}),y.default.createElement("div",{className:a.step},y.default.createElement(ge.Typography,{variant:"subtitle2"},"1. Run the search at NCBI"),y.default.createElement("div",{className:a.stepBody},S?y.default.createElement("div",{className:a.ncbiLink},y.default.createElement(Ft,{href:C},I)):y.default.createElement(ge.Alert,{severity:"info"},"Pick a transcript above to get a link carrying its protein sequence."))),y.default.createElement("div",{className:a.step},y.default.createElement(ge.Typography,{variant:"subtitle2"},"2. Align the hits"),y.default.createElement("div",{className:a.stepBody},y.default.createElement(ge.Typography,null,`On the results page click "Multiple Alignment" to run COBALT, NCBI's aligner. Download the alignment (.aln) and, if you want the tree drawn, the Newick tree (.nh).`))),y.default.createElement("div",{className:a.step},y.default.createElement(ge.Typography,{variant:"subtitle2"},"3. Paste the results back here"),y.default.createElement("div",{className:a.stepBody},y.default.createElement(g,{variant:"outlined",label:"Alignment",multiline:!0,minRows:5,maxRows:10,fullWidth:!0,className:a.msaInput,slotProps:{input:{className:a.textAreaFont}},placeholder:"Paste the .aln contents here",value:l,onChange:k=>{p(k.target.value)}}),y.default.createElement(g,{variant:"outlined",label:"Tree (optional)",multiline:!0,minRows:3,maxRows:10,fullWidth:!0,slotProps:{input:{className:a.textAreaFont}},placeholder:"Paste the .nh Newick tree here",value:d,onChange:k=>{m(k.target.value)}}),y.default.createElement(he,{...M})))),y.default.createElement(X,{model:o,submitDisabled:!v||!l.trim(),onSubmit:k=>{v&&c(()=>Q({view:i,feature:v,placement:k,displayName:te(v),querySeqName:M.querySeqName,querySeqOffset:M.querySeqOffset,data:{msa:l,tree:d}}))},onCancel:e}))}),Ao=kr;var Se=s(f()),ne=s(L());function lt({lookupMethod:e,setLookupMethod:t}){return Se.default.createElement(ne.FormControl,{component:"fieldset"},Se.default.createElement(ne.RadioGroup,{row:!0,value:e,onChange:o=>{t(o.target.value)}},Se.default.createElement(ne.FormControlLabel,{value:"automatic",control:Se.default.createElement(ne.Radio,null),label:"Automatic"}),Se.default.createElement(ne.FormControlLabel,{value:"manual",control:Se.default.createElement(ne.Radio,null),label:"Manual"})))}var z=s(f()),D=s(L()),Co=s(V());var Fr=(0,Co.makeStyles)()({field:{minWidth:300},help:{marginBottom:8}});function mt({handleClose:e,ebiEmail:t}){let{classes:o}=Fr(),[r,n]=(0,z.useState)(t);return z.default.createElement(D.Dialog,{open:!0,maxWidth:"lg",onClose:()=>{e()}},z.default.createElement(D.DialogTitle,null,"EBI settings"),z.default.createElement(D.DialogContent,null,z.default.createElement(D.Typography,{variant:"subtitle2",className:o.help},"Every search this tab runs is submitted to EBI with this address, which is how they reach whoever is generating the load. If your site sends real volume, use your own."),z.default.createElement(g,{autoFocus:!0,margin:"dense",label:"EBI contact email",fullWidth:!0,variant:"outlined",value:r,className:o.field,onChange:a=>{n(a.target.value)}}),z.default.createElement(D.Button,{variant:"contained",onClick:()=>{n(Ne)}},"Reset")),z.default.createElement(D.DialogActions,null,z.default.createElement(D.Button,{variant:"contained",color:"secondary",onClick:()=>{e()}},"Cancel"),z.default.createElement(D.Button,{color:"primary",variant:"contained",onClick:()=>{e({ebiEmail:r})}},"Save")))}var Pr=(0,Lo.makeStyles)()({settingsButton:{float:"right"}}),Ir={automatic:So,manual:Ao};function ut({handleClose:e,model:t,feature:o,preferredTranscriptId:r}){let[n,a]=(0,K.useState)("automatic"),[i,u]=de(St,Ne),[c,l]=(0,K.useState)(!1),{classes:p}=Pr(),d=Ir[n];return K.default.createElement(K.default.Fragment,null,K.default.createElement(Ke.Tooltip,{title:`EBI settings \u2014 jobs are submitted with ${i.trim()||Ne}`},K.default.createElement(Ke.IconButton,{className:p.settingsButton,"aria-label":"EBI settings",size:"small",onClick:()=>{l(!0)}},K.default.createElement(Ot,null))),K.default.createElement(d,{model:t,feature:o,handleClose:e,preferredTranscriptId:r},K.default.createElement(lt,{lookupMethod:n,setLookupMethod:a})),c?K.default.createElement(mt,{ebiEmail:i,handleClose:m=>{m&&u(m.ebiEmail),l(!1)}}):null)}var O=s(f());var Je=s(L()),Br=(0,O.lazy)(()=>import("./HelpDialog-DF4Y536X.js"));function ct(){let[e,t]=(0,O.useState)(!1);return O.default.createElement(O.default.Fragment,null,O.default.createElement(Je.Tooltip,{title:"What each tab does"},O.default.createElement(Je.IconButton,{"aria-label":"Help",onClick:()=>{t(!0)}},O.default.createElement(Bt,null))),e?O.default.createElement(O.Suspense,{fallback:null},O.default.createElement(Br,{handleClose:()=>{t(!1)}})):null)}var h=s(f()),dt=s(we()),No=s(nr()),ae=s(L()),ko=s(ve()),Fo=s(V());function qr(e){let t=He(e,500),{data:o,error:r,isLoading:n}=W(t?[JSON.stringify(t),"msa-file-text"]:null,()=>(0,No.openLocation)(t).readFile("utf8"));return{text:o??"",error:r,isLoading:n||t!==e}}var Er=(0,Fo.makeStyles)()({inputContainer:{marginBottom:30},fileContainer:{maxWidth:500},msaInput:{marginBottom:20}}),Dr=(0,ko.observer)(function({model:t,feature:o,handleClose:r,preferredTranscriptId:n}){let a=G(t),{classes:i}=Er(),{launchError:u,submit:c}=oe(r),[l,p]=(0,h.useState)("file"),[d,m]=(0,h.useState)(""),[b,S]=(0,h.useState)(""),[v,j]=(0,h.useState)(),[M,P]=(0,h.useState)(),C=re({feature:o,view:a,preferredTranscriptId:n}),{selectedTranscript:I,proteinSequence:k,error:F,sequenceStatus:$}=C,_=qr(l==="file"?v:void 0),x=Me(l==="file"?_.text:d,k),ue=u??F??_.error;return h.default.createElement(h.default.Fragment,null,h.default.createElement(Y,{error:ue},h.default.createElement(ae.FormControl,{component:"fieldset"},h.default.createElement(ae.RadioGroup,{row:!0,value:l,onChange:J=>{p(J.target.value)}},h.default.createElement(ae.FormControlLabel,{value:"file",control:h.default.createElement(ae.Radio,null),label:"Open files"}),h.default.createElement(ae.FormControlLabel,{value:"text",control:h.default.createElement(ae.Radio,null),label:"Paste text"}))),h.default.createElement("div",{className:i.inputContainer},l==="file"?h.default.createElement("div",{className:i.fileContainer},h.default.createElement(dt.FileSelector,{name:"MSA File .aln (Clustal), .fa/.mfa (aligned FASTA), .stock (Stockholm), etc)",inline:!0,location:v,setLocation:j}),h.default.createElement(dt.FileSelector,{name:"Tree file .nh (Newick) or .asn (NCBI COBALT ASN.1)",inline:!0,location:M,setLocation:P})):h.default.createElement(h.default.Fragment,null,h.default.createElement(g,{variant:"outlined",name:"MSA",multiline:!0,minRows:5,className:i.msaInput,maxRows:10,fullWidth:!0,placeholder:"Paste MSA here",value:d,onChange:J=>{m(J.target.value)}}),h.default.createElement(g,{variant:"outlined",name:"Tree",multiline:!0,minRows:5,maxRows:10,fullWidth:!0,placeholder:"Paste newick tree (optional)",value:b,onChange:J=>{S(J.target.value)}}))),h.default.createElement(R,{feature:o,...C}),h.default.createElement(he,{...x})),h.default.createElement(X,{model:t,hint:h.default.createElement(ie,{status:$}),submitDisabled:!I||l==="file"&&(!v||_.isLoading)||l==="text"&&!d.trim(),onSubmit:J=>{I&&c(()=>Q({view:a,feature:I,placement:J,displayName:te(I),querySeqName:x.querySeqName,querySeqOffset:x.querySeqOffset,...l==="file"?{msaFilehandle:v,treeFilehandle:M}:{data:{msa:d,tree:b}}}))},onCancel:r}))}),Po=Dr;var N=s(f()),jo=s(L()),$o=s(ve()),_o=s(V());var pt=s(f()),Io=s(L());var Or="msaview-ortholog-source",Bo={ncbi:"NCBI orthologs",panther:"PANTHER",uniref:"UniRef cluster"},qo=Object.keys(Bo);function jr(e){return qo.find(t=>t===e)??"ncbi"}function Eo(){let[e,t]=de(Or,"ncbi");return[jr(e),o=>{t(o)}]}var $r={ncbi:"vertebrates and insects",panther:"also yeast, worm, fly and plants",uniref:"all of UniProtKB within 50% identity"};function ft({value:e,onChange:t,className:o}){return pt.default.createElement(g,{variant:"outlined",label:"Source",className:o,select:!0,value:e,helperText:$r[e],onChange:r=>{t(r.target.value)}},qo.map(r=>pt.default.createElement(Io.MenuItem,{value:r,key:r},Bo[r])))}var Ye=s(f());async function Do(e,t){let o=e.trim();if(!o)return;if(/^\d+$/.test(o))return Number(o);let n=(await Ve(_e("esearch",{db:"taxonomy",term:o,retmax:"1",retmode:"json"}),{signal:t})).esearchresult?.idlist?.[0];return n?Number(n):void 0}async function Oo(e,t){let o=e.trim();if(!o)return;let n=(await Ve(_e("esearch",{db:"assembly",term:o,retmax:"1",retmode:"json"}),{signal:t})).esearchresult?.idlist?.[0];if(!n)return;let i=(await Ve(_e("esummary",{db:"assembly",id:n,retmode:"json"}),{signal:t})).result?.[n],u=Number(i?.speciestaxid);return i?.speciesname&&u?{taxId:u,speciesName:i.speciesname}:void 0}async function _r(e,t){let o=await Do(e,t);if(!o)throw new Error(`No NCBI taxon matches "${e}"`);let r=[],n=(await Et([o],t,i=>{r.push(i)})).get(o);if(!n&&r.length>0)throw new Error(`NCBI did not answer for the name of taxon ${o}`,{cause:r[0]});let a=[n?.sciname,n?.commonName&&`(${n.commonName})`].filter(Boolean).join(" ");return{taxId:o,label:a||`taxon ${o}`}}function ht({value:e,assemblyName:t,onChange:o,className:r}){let[n,a]=(0,Ye.useState)(),i=He(n,400),{data:u}=W(t&&n===void 0?[t,"assembly-species"]:null,m=>Oo(t,m),{onSuccess:m=>{m&&o(m.taxId)}}),{data:c,error:l}=W(i?.trim()?[i.trim(),"taxon"]:null,m=>_r(i,m),{onSuccess:({taxId:m})=>{o(m)}}),p=n??u?.speciesName??"human",d=n===void 0?u?.speciesName:c?.label;return Ye.default.createElement(g,{variant:"outlined",label:"Query species",className:r,value:p,onChange:m=>{a(m.target.value)},error:!!l,helperText:l?`${l}`:d??`the species this gene is from (taxon ${e})`})}var Vr=(0,_o.makeStyles)()({selectField:{width:180}}),Gr={ncbi:e=>`the ${e} closest species NCBI has`,panther:e=>`the ${e} closest species PANTHER has`,uniref:e=>`${e} rows, one per species, reviewed entries first`},Qr=(0,$o.observer)(function({handleClose:e,feature:t,model:o,preferredTranscriptId:r}){let{classes:n}=Vr(),a=G(o),{launchError:i,submit:u}=oe(e),[c,l]=(0,N.useState)(9606),[p,d]=Eo(),[m,b]=Ue(),[S,v]=(0,N.useState)(String(qt)),j=(0,N.useMemo)(()=>Ee(t),[t]),M=re({feature:t,view:a,preferredTranscriptId:r}),{selectedTranscript:P,proteinSequence:C,sequenceStatus:I}=M,k=M.error??i,F=Number(S),$=Number.isInteger(F)&&F>=2;return N.default.createElement(N.default.Fragment,null,N.default.createElement(Y,{error:k},N.default.createElement(jo.Typography,{variant:"body2"},"Precomputed orthologs, one gene per species, looked up rather than searched for. No BLAST job to queue, and with the in-browser aligner no job at all."),N.default.createElement("div",null,N.default.createElement(ft,{className:n.selectField,value:p,onChange:d}),N.default.createElement(ht,{className:n.selectField,value:c,assemblyName:a.assemblyNames[0],onChange:l}),N.default.createElement(Fe,{className:n.selectField,value:m,onChange:b}),N.default.createElement(g,{variant:"outlined",label:"Rows to align",className:n.selectField,type:"number",value:S,onChange:_=>{v(_.target.value)},error:!$,helperText:$?Gr[p](F):"a whole number, 2 or more"})),N.default.createElement(R,{feature:t,...M})),N.default.createElement(X,{model:o,hint:N.default.createElement(ie,{status:I}),submitDisabled:!C||!$,onSubmit:_=>{P&&u(()=>Q({view:a,feature:P,placement:_,displayName:`Orthologs - ${te(t)} - ${fe(P)}`,...Te,orthologParams:{taxId:c,source:p,maxSpecies:F,geneCandidates:j,msaAlgorithm:m,selectedTranscript:P.toJSON(),proteinSequence:C}}))},onCancel:e}))}),Vo=Qr;var T=s(f()),Ce=s(we()),Ze=s(be()),Re=s(L()),Jo=s(ve()),Yo=s(V());var Ho=s(Qo());async function Wo(e,t){return(await(0,Ho.getAdapter)(e,"msa",t)).dataAdapter}async function Uo({config:e,pluginManager:t}){return(await Wo(t,e)).getMSAList()}async function zo({config:e,pluginManager:t,msaId:o}){return(await Wo(t,e)).getMSA(o)}var Ko=s(or());function Xe(e){return(0,Ko.readConfObject)(e,["msa","datasets"])}var Hr=(0,Yo.makeStyles)()({selectedContainer:{marginTop:50}}),Wr=(0,Jo.observer)(function({model:e,feature:t,handleClose:o,preferredTranscriptId:r}){let n=(0,Ze.getSession)(e),a=G(e),{classes:i}=Hr(),{pluginManager:u}=(0,Ze.getEnv)(e),{assemblyNames:c}=a,{launchError:l,submit:p}=oe(o),d=Xe(n.jbrowse),[m,b]=(0,T.useState)(d?.[0]?.datasetId),S=d?.find(B=>B.datasetId===m),{data:v,isLoading:j,error:M}=W(S?`${S.datasetId}-msa-list`:null,()=>Uo({config:S.adapter,pluginManager:u})),P=re({feature:t,view:a,validIds:v,preferredTranscriptId:r}),{selectedTranscript:C,proteinSequence:I,sequenceStatus:k}=P,F=C?v?.find(B=>se(C,B)):void 0,{data:$,isLoading:_,error:x}=W(F&&S?`${S.datasetId}-${F}-msa`:null,()=>zo({msaId:F,config:S.adapter,pluginManager:u})),ue=(0,T.useMemo)(()=>$?.map(B=>`>${B.get("refName")}
3
3
  ${B.get("seq")}`).join(`
4
- `)??"",[$]),J=Me(ue,I),Pe=vo(J,`${F??""}_${c[0]??""}`),er=M??x??P.error??l;return T.default.createElement(T.default.Fragment,null,T.default.createElement(Y,{error:er},T.default.createElement(g,{select:!0,label:"Select MSA dataset",value:m,onChange:B=>{b(B.target.value)}},d?.map(B=>T.default.createElement(Re.MenuItem,{key:B.datasetId,value:B.datasetId},B.name))),S?T.default.createElement("div",{className:i.selectedContainer},!j&&_?T.default.createElement(Ce.LoadingEllipses,{variant:"h6",message:`Loading MSA for ${fe(C)||F}`}):null,j?T.default.createElement(Ce.LoadingEllipses,{variant:"h6",message:`Loading available MSAs for (${S.name})`}):null,v?T.default.createElement("div",null,T.default.createElement(Ce.SanitizedHTML,{html:S.description}),T.default.createElement(R,{feature:t,...P}),ue?T.default.createElement(he,{...J,querySeqName:Pe}):null):null):null),T.default.createElement(X,{model:e,hint:_?T.default.createElement(Ce.LoadingEllipses,{message:"Loading alignment"}):$?.length&&!Pe?T.default.createElement(Re.Typography,{color:"textSecondary",variant:"body2"},"no row matches this transcript"):T.default.createElement(ie,{status:k}),submitDisabled:!C||!$?.length||!Pe,onSubmit:B=>{C&&ue&&p(()=>Q({view:a,feature:C,placement:B,displayName:te(C),treeAreaWidth:200,treeWidth:100,drawNodeBubbles:!1,labelsAlignRight:!0,showBranchLen:!1,colWidth:10,rowHeight:12,colorSchemeName:"percent_identity_dynamic",querySeqName:Pe,querySeqOffset:J.querySeqOffset,data:{msa:ue}}))},onCancel:o}))}),Xo=Wr;var et=s(f());function Le({children:e,value:t,index:o}){let r=t===o,[n,a]=(0,et.useState)(r);return r&&!n&&a(!0),et.default.createElement("div",{role:"tabpanel",hidden:!r},n||r?e:null)}function Ur({handleClose:e,feature:t,model:o,preferredTranscriptId:r}){let n=(0,Ro.getSession)(o),i=!!Xe(n.jbrowse)?.length,[u,c]=(0,A.useState)("orthologs");return A.default.createElement(Zo.Dialog,{maxWidth:"xl",title:"Launch MSA view",open:!0,onClose:e},A.default.createElement(Wt,null,A.default.createElement("div",{style:{display:"flex",alignItems:"center"}},A.default.createElement(ye.Tabs,{value:u,onChange:(l,p)=>{c(p)}},A.default.createElement(ye.Tab,{label:"Orthologs",value:"orthologs"}),A.default.createElement(ye.Tab,{label:"BLAST query",value:"ncbi_blast"}),i?A.default.createElement(ye.Tab,{label:"Pre-loaded MSA datasets",value:"preloaded_msa"}):null,A.default.createElement(ye.Tab,{label:"Manual upload",value:"manual_msa"})),A.default.createElement(ct,null)),A.default.createElement(Le,{value:u,index:"orthologs"},A.default.createElement(Vo,{handleClose:e,feature:t,model:o,preferredTranscriptId:r})),A.default.createElement(Le,{value:u,index:"ncbi_blast"},A.default.createElement(ut,{handleClose:e,feature:t,model:o,preferredTranscriptId:r})),i?A.default.createElement(Le,{value:u,index:"preloaded_msa"},A.default.createElement(Xo,{model:o,feature:t,handleClose:e,preferredTranscriptId:r})):null,A.default.createElement(Le,{value:u,index:"manual_msa"},A.default.createElement(Po,{model:o,feature:t,handleClose:e,preferredTranscriptId:r}))))}export{Ur as default};
5
- //# sourceMappingURL=LaunchMsaViewDialog-C53VHT52.js.map
4
+ `)??"",[$]),J=Me(ue,I),Pe=vo(J,`${F??""}_${c[0]??""}`),er=M??x??P.error??l;return T.default.createElement(T.default.Fragment,null,T.default.createElement(Y,{error:er},T.default.createElement(g,{select:!0,label:"Select MSA dataset",value:m,onChange:B=>{b(B.target.value)}},d?.map(B=>T.default.createElement(Re.MenuItem,{key:B.datasetId,value:B.datasetId},B.name))),S?T.default.createElement("div",{className:i.selectedContainer},!j&&_?T.default.createElement(Ce.LoadingEllipses,{variant:"h6",message:`Loading MSA for ${fe(C)||F}`}):null,j?T.default.createElement(Ce.LoadingEllipses,{variant:"h6",message:`Loading available MSAs for (${S.name})`}):null,v?T.default.createElement("div",null,T.default.createElement(Ce.SanitizedHTML,{html:S.description}),T.default.createElement(R,{feature:t,...P}),ue?T.default.createElement(he,{...J,querySeqName:Pe}):null):null):null),T.default.createElement(X,{model:e,hint:_?T.default.createElement(Ce.LoadingEllipses,{message:"Loading alignment"}):$?.length&&!Pe?T.default.createElement(Re.Typography,{color:"textSecondary",variant:"body2"},"no row matches this transcript"):T.default.createElement(ie,{status:k}),submitDisabled:!C||!$?.length||!Pe,onSubmit:B=>{C&&ue&&p(()=>Q({view:a,feature:C,placement:B,displayName:te(C),drawNodeBubbles:!1,labelsAlignRight:!0,showBranchLen:!1,colWidth:10,rowHeight:12,colorSchemeName:"percent_identity_dynamic",querySeqName:Pe,querySeqOffset:J.querySeqOffset,data:{msa:ue}}))},onCancel:o}))}),Xo=Wr;var et=s(f());function Le({children:e,value:t,index:o}){let r=t===o,[n,a]=(0,et.useState)(r);return r&&!n&&a(!0),et.default.createElement("div",{role:"tabpanel",hidden:!r},n||r?e:null)}function Ur({handleClose:e,feature:t,model:o,preferredTranscriptId:r}){let n=(0,Ro.getSession)(o),i=!!Xe(n.jbrowse)?.length,[u,c]=(0,A.useState)("orthologs");return A.default.createElement(Zo.Dialog,{maxWidth:"xl",title:"Launch MSA view",open:!0,onClose:e},A.default.createElement(Wt,null,A.default.createElement("div",{style:{display:"flex",alignItems:"center"}},A.default.createElement(ye.Tabs,{value:u,onChange:(l,p)=>{c(p)}},A.default.createElement(ye.Tab,{label:"Orthologs",value:"orthologs"}),A.default.createElement(ye.Tab,{label:"BLAST query",value:"ncbi_blast"}),i?A.default.createElement(ye.Tab,{label:"Pre-loaded MSA datasets",value:"preloaded_msa"}):null,A.default.createElement(ye.Tab,{label:"Manual upload",value:"manual_msa"})),A.default.createElement(ct,null)),A.default.createElement(Le,{value:u,index:"orthologs"},A.default.createElement(Vo,{handleClose:e,feature:t,model:o,preferredTranscriptId:r})),A.default.createElement(Le,{value:u,index:"ncbi_blast"},A.default.createElement(ut,{handleClose:e,feature:t,model:o,preferredTranscriptId:r})),i?A.default.createElement(Le,{value:u,index:"preloaded_msa"},A.default.createElement(Xo,{model:o,feature:t,handleClose:e,preferredTranscriptId:r})):null,A.default.createElement(Le,{value:u,index:"manual_msa"},A.default.createElement(Po,{model:o,feature:t,handleClose:e,preferredTranscriptId:r}))))}export{Ur as default};
5
+ //# sourceMappingURL=LaunchMsaViewDialog-GJAUPGFC.js.map