protvista-uniprot 4.3.3 → 4.3.4

package/dist/protvista-uniprot.mjs

@@ -60211,10 +60211,21 @@ let cm = class extends p2(m2(vv)) {
           font-weight: bold;
         }
 
+        .structure-viewer-message-content {
+          white-space: pre-wrap;
+          line-height: normal;
+        }
+
         .structure-viewer-messages > button {
-          font-size: 50%;
+          font-size: 75%;
           font-weight: bold;
-          margin-inline-start: 1ch;
+          position: absolute;
+          top: -2px;
+          right: 0px;
+          border: none;
+          background: transparent;
+          cursor: pointer;
+          padding: 0px 3px;
         }
       </style>
       <div id="molstar-parent" class="structure-viewer-container">
@@ -60223,7 +60234,11 @@ let cm = class extends p2(m2(vv)) {
           style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
         ></canvas>
         ${this.message ? uae`<div class="structure-viewer-messages">
-              <span>${(e = this.message) === null || e === void 0 ? void 0 : e.title}:</span> ${(t = this.message) === null || t === void 0 ? void 0 : t.content}
+              <span>${(e = this.message) === null || e === void 0 ? void 0 : e.title}</span>:
+              <span
+                class="structure-viewer-message-content"
+                .innerHTML=${(t = this.message) === null || t === void 0 ? void 0 : t.content}
+              ></span>
               <button
                 type="button"
                 title="close message"
@@ -60301,23 +60316,28 @@ let cm = class extends p2(m2(vv)) {
     this.message = null;
   }
   updateHighlight(e) {
-    if (!e?.length || e.some((i) => !Number.isInteger(i.position))) return;
+    if (!e?.length || e.some((a) => !Number.isInteger(a.position))) return;
     let t;
-    if (this.isAF()) t = e.map((i) => ({ start: i.position, end: i.position, entity: 1, chain: i.chain }));
+    if (this.isAF()) t = e.map((a) => ({ start: a.position, end: a.position, entity: 1, chain: a.chain }));
     else try {
-      t = e.flatMap((i) => {
-        var a;
-        return Jpe(i.position, i.position, "PDB_UP", (a = this.selectedMolecule) === null || a === void 0 ? void 0 : a.mappings).filter((o) => o.chain === i.chain);
+      t = e.flatMap((a) => {
+        var o;
+        return Jpe(a.position, a.position, "PDB_UP", (o = this.selectedMolecule) === null || o === void 0 ? void 0 : o.mappings).filter((s) => s.chain === a.chain);
       }).filter(Boolean);
-    } catch (i) {
-      if (i instanceof ME) return void this.showMessage("Error", i.message);
-      throw i;
+    } catch (a) {
+      if (a instanceof ME) return void this.showMessage("Error", a.message);
+      throw a;
     }
     if (!t.length) return void this.showMessage("Error", "Residue outside of sequence range");
-    const r = t.map((i) => `${i.start}:${i.end}`).join(",");
+    const r = t.map((a) => `${a.start}:${a.end}`).join(",");
     this.highlight = r;
-    const n = new CustomEvent("change", { detail: { highlight: r }, bubbles: !0, cancelable: !0 });
-    this.dispatchEvent(n);
+    const n = t.map((a, o) => {
+      const s = e[o].position, u = a.start === a.end ? a.start : `${a.start}:${a.end}`;
+      return `<span data-article-id="structure_section#description-of-structure-table-contents">Chain</span>: ${a.chain}, <span data-article-id="structure_section#description-of-structure-table-contents">Position</span>: ${s} <br /><b>${this["protein-accession"]}</b>: ${u}`;
+    }).join("");
+    this.showMessage(`${this["structure-id"]}`, n);
+    const i = new CustomEvent("change", { detail: { highlight: r }, bubbles: !0, cancelable: !0 });
+    this.dispatchEvent(i);
   }
   highlightChain() {
     var e, t, r, n;
@@ -60332,7 +60352,7 @@ let cm = class extends p2(m2(vv)) {
       if (a instanceof ME) return (t = ec(this, Es, "f")) === null || t === void 0 || t.clearHighlight(), void this.showMessage("Error", a.message);
       throw a;
     }
-    i?.length ? ((n = ec(this, Es, "f")) === null || n === void 0 || n.highlight(i), this.clearMessage()) : (r = ec(this, Es, "f")) === null || r === void 0 || r.clearHighlight();
+    i?.length ? (n = ec(this, Es, "f")) === null || n === void 0 || n.highlight(i) : (r = ec(this, Es, "f")) === null || r === void 0 || r.clearHighlight();
   }
 };
 Es = /* @__PURE__ */ new WeakMap(), J0([ZT({ type: String })], cm.prototype, "protein-accession", void 0), J0([ZT({ type: String })], cm.prototype, "structure-id", void 0), J0([ZT({ type: String })], cm.prototype, "custom-download-url", void 0), J0([ZT({ type: String })], cm.prototype, "color-theme", void 0), J0([lae()], cm.prototype, "selectedMolecule", void 0), J0([lae()], cm.prototype, "message", void 0), cm = J0([e$("nightingale-structure")], cm);