@abi-software/map-side-bar 2.3.2-beta.0 → 2.3.2-beta.2

package/dist/map-side-bar.js

@@ -27899,12 +27899,13 @@ const Rm = "Copy to clipboard", EG = "Copied!", FG = "#8300bf", TG = {
       default: ""
     },
     /**
-     * Theme 'primary' or 'dark' or any name not 'light'
-     * will show primary button color.
+     * `theme: light` will show white button,
+     * to use when the button is over other readable text content.
+     * Default button is transparent.
      */
     theme: {
       type: String,
-      default: "light"
+      default: ""
     }
   },
   data: function() {
@@ -27914,18 +27915,22 @@ const Rm = "Copy to clipboard", EG = "Copied!", FG = "#8300bf", TG = {
       iconColor: FG
     };
   },
-  mounted: function() {
-    this.theme !== "light" && (this.iconColor = "white");
-  },
   methods: {
     copyToClipboard: async function() {
       let e = !0;
       this.autoHideTimeout = 600;
       try {
-        await navigator.clipboard.writeText(this.content);
+        const t = this.content.replaceAll(`
+`, ""), n = document.createElement("div");
+        n.innerHTML = this.content;
+        const r = n.textContent || n.innerText || "", o = new Blob([t], { type: "text/html" }), a = new Blob([r], { type: "text/plain" }), i = new ClipboardItem({
+          "text/html": o,
+          "text/plain": a
+        });
+        await navigator.clipboard.write([i]);
       } catch (t) {
         console.error(
-          "Error when trying to use navigator.clipboard.writeText()",
+          "Error when trying to use navigator.clipboard.write()",
           t
         ), e = !1;
       }
@@ -27966,7 +27971,7 @@ function IG(e, t, n, r, o, a) {
     _: 1
   }, 8, ["content", "hide-after", "onHide"]);
 }
-const bx = /* @__PURE__ */ kG(TG, [["render", IG], ["__scopeId", "data-v-e0e80a08"]]), NG = {
+const bx = /* @__PURE__ */ kG(TG, [["render", IG], ["__scopeId", "data-v-4f007f83"]]), NG = {
   data() {
     return {
       ElIconView: O1
@@ -28078,7 +28083,7 @@ const bx = /* @__PURE__ */ kG(TG, [["render", IG], ["__scopeId", "data-v-e0e80a0
             return t.json();
           throw Error(t.statusText);
         }).then((t) => {
-          this.thumbnail = t.banner, this.discoverId = t.id, this.version = t.version, this.dataLocation = `https://sparc.science/datasets/${t.id}?type=dataset`, this.getBiolucidaInfo(this.discoverId), this.loading = !1;
+          this.thumbnail = t.banner, this.discoverId = t.id, this.version = t.version, this.dataLocation = `https://sparc.science/datasets/${t.id}?type=dataset`, this.getBiolucidaInfo(this.discoverId), this.loading = !1, this.updateCopyContent();
         }).catch(() => {
           this.thumbnail = vg, this.discoverId = Number(this.entry.datasetId), this.loading = !1;
         });
@@ -28095,13 +28100,33 @@ const bx = /* @__PURE__ */ kG(TG, [["render", IG], ["__scopeId", "data-v-e0e80a0
     },
     updateCopyContent: function() {
       const e = [];
-      if (this.entry.name && e.push(this.entry.name), this.contributors) {
+      if (this.entry.name && e.push(`<div><strong>${this.entry.name}</strong></div>`), this.contributors) {
         let t = this.contributors;
-        this.entry.publishDate && (t += ` (${this.publishYear})`), e.push(t);
+        this.entry.publishDate && (t += ` (${this.publishYear})`), e.push(`<div>${t}</div>`);
+      }
+      if (this.samples && e.push(`<div>${this.samples}</div>`), this.entry.doi) {
+        let t = "<div><strong>DOI:</strong></div>";
+        t += `
+`, t += `<a href="${this.entry.doi}">${this.entry.doi}</a>`, e.push(`<div>${t}</div>`);
       }
-      this.samples && e.push(this.samples), this.copyContent = e.join(`
+      if (this.entry.datasetId) {
+        let t = "<div><strong>Dataset ID:</strong></div>";
+        t += `
+`, t += `${this.entry.datasetId}`, e.push(`<div>${t}</div>`);
+      }
+      if (this.dataLocation) {
+        let t = "<div><strong>Dataset URL:</strong></div>";
+        t += `
+`, t += `<a href="${this.dataLocation}">${this.dataLocation}</a>`, e.push(`<div>${t}</div>`);
+      }
+      if (this.version) {
+        let t = "<div><strong>Dataset version:</strong></div>";
+        t += `
+`, t += `${this.version}`, e.push(`<div>${t}</div>`);
+      }
+      this.copyContent = e.join(`
 
-`);
+<br>`);
     }
   },
   created: function() {
@@ -28113,7 +28138,7 @@ const bx = /* @__PURE__ */ kG(TG, [["render", IG], ["__scopeId", "data-v-e0e80a0
       this.getBanner();
     }
   }
-}, LG = (e) => (vi("data-v-e6bbce28"), e = e(), gi(), e), PG = {
+}, LG = (e) => (vi("data-v-541a51e6"), e = e(), gi(), e), PG = {
   class: "dataset-card-container",
   ref: "container"
 }, RG = {
@@ -28185,7 +28210,7 @@ function KG(e, t, n, r, o, a) {
     ], 512)
   ], 512);
 }
-const wx = /* @__PURE__ */ Pr(NG, [["render", KG], ["__scopeId", "data-v-e6bbce28"]]), Bm = function(e) {
+const wx = /* @__PURE__ */ Pr(NG, [["render", KG], ["__scopeId", "data-v-541a51e6"]]), Bm = function(e) {
   return [...new Set(e.map((t) => JSON.stringify(t)))].map(
     (t) => JSON.parse(t)
   );
@@ -31081,13 +31106,9 @@ const l5 = /* @__PURE__ */ Pr(TJ, [["render", IJ], ["__scopeId", "data-v-e726c31
         sensory: "is the location of the initial cell body in the PNS circuit"
       },
       componentsWithDatasets: [],
-      uberons: [{ id: void 0, name: void 0 }],
-      copyContent: ""
+      uberons: [{ id: void 0, name: void 0 }]
     };
   },
-  mounted: function() {
-    this.updateCopyContent();
-  },
   watch: {
     availableAnatomyFacets: {
       handler: function(e) {
@@ -31098,6 +31119,9 @@ const l5 = /* @__PURE__ */ Pr(TJ, [["render", IJ], ["__scopeId", "data-v-e726c31
     }
   },
   computed: {
+    updatedCopyContent: function() {
+      return this.getUpdateCopyContent();
+    },
     resources: function() {
       let e = [];
       return this.entry && this.entry.hyperlinks && (e = this.entry.hyperlinks), e;
@@ -31162,33 +31186,49 @@ const l5 = /* @__PURE__ */ Pr(TJ, [["render", IJ], ["__scopeId", "data-v-e726c31
       const t = e.featureId || [];
       this.$emit("show-connectivity", t);
     },
-    updateCopyContent: function() {
-      var t, n, r, o;
+    getUpdateCopyContent: function() {
+      var t, n, r, o, a;
+      if (!this.entry)
+        return "";
       const e = [];
-      if (this.entry.title ? e.push(Ki(this.entry.title)) : e.push(this.entry.featureId), (t = this.entry.provenanceTaxonomyLabel) != null && t.length && e.push(this.provSpeciesDescription), this.entry.paths && e.push(this.entry.paths), (n = this.entry.origins) != null && n.length) {
-        e.push("Origin");
-        const a = this.entry.origins.map((i) => Ki(i)).join(`
+      if (this.entry.title ? e.push(`<div><strong>${Ki(this.entry.title)}</strong></div>`) : e.push(`<div><strong>${this.entry.featureId}</strong></div>`), (t = this.entry.provenanceTaxonomyLabel) != null && t.length && e.push(`<div>${this.provSpeciesDescription}</div>`), (n = this.resources) != null && n.length) {
+        const i = [];
+        this.resources.forEach((s) => {
+          let l = "";
+          s.id === "pubmed" && (l += "<div><strong>PubMed URL:</strong></div>", l += `
+`, l += `<div><a href="${s.url}">${s.url}</a></div>`), i.push(l);
+        }), e.push(i.join(`
+
+<br>`));
+      }
+      if (this.entry.paths && e.push(`<div>${this.entry.paths}</div>`), (r = this.entry.origins) != null && r.length) {
+        let i = "<div><strong>Origin</strong></div>";
+        const s = this.entry.origins.map((l) => `<li>${Ki(l)}</li>`).join(`
 `);
-        e.push(a);
+        i += `
+`, i += `<ul>${s}</ul>`, e.push(i);
       }
-      if ((r = this.entry.components) != null && r.length) {
-        e.push("Components");
-        const a = this.entry.components.map((i) => Ki(i)).join(`
+      if ((o = this.entry.components) != null && o.length) {
+        e.push();
+        let i = "<div><strong>Components</strong></div>";
+        const s = this.entry.components.map((l) => `<li>${Ki(l)}</li>`).join(`
 `);
-        e.push(a);
+        i += `
+`, i += `<ul>${s}</ul>`, e.push(i);
       }
-      if ((o = this.entry.destinations) != null && o.length) {
-        e.push("Destination");
-        const a = this.entry.destinations.map((i) => Ki(i)).join(`
+      if ((a = this.entry.destinations) != null && a.length) {
+        let i = "<div><strong>Destination</strong></div>";
+        const s = this.entry.destinations.map((l) => `<li>${Ki(l)}</li>`).join(`
 `);
-        e.push(a);
+        i += `
+`, i += `<ul>${s}</ul>`, e.push(i);
       }
-      this.copyContent = e.join(`
+      return e.join(`
 
-`);
+<br>`);
     }
   }
-}, ka = (e) => (vi("data-v-75b91b94"), e = e(), gi(), e), PJ = {
+}, ka = (e) => (vi("data-v-f39a40b5"), e = e(), gi(), e), PJ = {
   key: 0,
   class: "main"
 }, RJ = { class: "connectivity-info-title" }, BJ = {
@@ -31418,13 +31458,13 @@ function dZ(e, t, n, r, o, a) {
       ])
     ]),
     M("div", cZ, [
-      ee(g, { content: e.copyContent }, null, 8, ["content"])
+      ee(g, { content: a.updatedCopyContent }, null, 8, ["content"])
     ])
   ])), [
     [v, e.loading]
   ]) : j("", !0);
 }
-const u5 = /* @__PURE__ */ Pr(LJ, [["render", dZ], ["__scopeId", "data-v-75b91b94"]]), fZ = {
+const u5 = /* @__PURE__ */ Pr(LJ, [["render", dZ], ["__scopeId", "data-v-f39a40b5"]]), fZ = {
   name: "Tabs",
   props: {
     tabTitles: {