@genome-spy/core 0.32.0 → 0.32.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018-2023 Kari Lavikka
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.es.js

@@ -7585,9 +7585,7 @@ class tu {
       // e.g., view background or an x axis.
       // This could also be more generic and work with other faceting views
       // that will be available in the future.
-      [...this.unitView.getAncestors()].find(
-        (t) => "samples" in t.spec
-      )
+      this.unitView.getAncestors().find((t) => "samples" in t.spec)
     )
       return ZM;
   }
@@ -7855,7 +7853,7 @@ class tu {
   }
   /**
    * @param {DrawFunction} draw A function that draws a range of vertices
-   * @param {import("./Mark").MarkRenderingOptions} options
+   * @param {import("./mark").MarkRenderingOptions} options
    */
   createRenderCallback(t, n) {
     var l;
@@ -8089,12 +8087,8 @@ class qM extends tu {
   onAfterSampleAnimation() {
   }
   _isRoundedCorners() {
-    return ["", "TopLeft", "TopRight", "BottomLeft", "BottomRight"].map(
-      (t) => (
-        /** @type {keyof import("../spec/mark").MarkConfig} */
-        "cornerRadius" + t
-      )
-    ).some((t) => this.properties[t] > 0);
+    const t = this.properties;
+    return t.cornerRadius || t.cornerRadiusBottomLeft || t.cornerRadiusBottomRight || t.cornerRadiusTopLeft || t.cornerRadiusTopRight;
   }
   _isStroked() {
     const t = this.encoding.strokeWidth;
@@ -8148,7 +8142,7 @@ class qM extends tu {
     ), n;
   }
   /**
-   * @param {import("./Mark").MarkRenderingOptions} options
+   * @param {import("./mark").MarkRenderingOptions} options
    */
   render(t) {
     const n = this.gl;
@@ -8581,7 +8575,7 @@ class t6 extends tu {
     ), n;
   }
   /**
-   * @param {import("./Mark").MarkRenderingOptions} options
+   * @param {import("./mark").MarkRenderingOptions} options
    */
   render(t) {
     const n = this.gl;
@@ -8723,7 +8717,7 @@ class i6 extends tu {
     ), n;
   }
   /**
-   * @param {import("./Mark").MarkRenderingOptions} options
+   * @param {import("./mark").MarkRenderingOptions} options
    */
   render(t) {
     const n = this.gl;
@@ -9021,7 +9015,7 @@ class g6 extends tu {
   updateGraphicsData() {
     const t = this.unitView.getCollector(), n = t.getData(), r = this.encoding, i = this.encoders.text.accessor || this.encoders.text;
     let a = 0;
-    const o = r.text.format ? it(r.text.format) : (u) => u;
+    const o = "format" in r.text ? it(r.text.format) : (u) => u;
     for (const u of n) {
       const f = o(i(u)), l = ze(f) ? f : f === null ? "" : "" + f;
       a += l && l.length || 0;
@@ -9060,7 +9054,7 @@ class g6 extends tu {
     ), n;
   }
   /**
-   * @param {import("./Mark").MarkRenderingOptions} options
+   * @param {import("./mark").MarkRenderingOptions} options
    */
   render(t) {
     const n = this.gl;
@@ -9334,7 +9328,7 @@ class Sx {
   getSize() {
     return this._cache(
       "size/size",
-      () => this.isVisible() ? this.getSizeFromSpec().addPadding(this.getPadding()) : m6
+      () => this.isConfiguredVisible() ? this.getSizeFromSpec().addPadding(this.getPadding()) : m6
     );
   }
   /**
@@ -9380,12 +9374,24 @@ class Sx {
       () => new _i(t("width"), t("height"))
     );
   }
-  isVisible() {
-    return this.context.isViewVisible(this);
+  isConfiguredVisible() {
+    return this.context.isViewConfiguredVisible(this);
   }
   isVisibleInSpec() {
     return this.spec.visible ?? !0;
   }
+  /**
+   * Returns the effective visibility of this view, e.g., whether this view
+   * and all its ancestors are visible.
+   *
+   * When doing a depth-first traversal on the view hierarchy, it's best to
+   * use `isConfiguredVisible()` instead of this method.
+   *
+   * @returns {boolean}
+   */
+  isVisible() {
+    return this.getAncestors().every((t) => t.isConfiguredVisible());
+  }
   /**
    * Returns the effective opacity of this view, e.g., view's opacity multiplied
    * by opacities of its ancestors.
@@ -9399,16 +9405,23 @@ class Sx {
     return this.opacityFunction(((t = this.parent) == null ? void 0 : t.getEffectiveOpacity()) ?? 1);
   }
   getPathString() {
-    return [...this.getAncestors()].map((t) => t.name).reverse().join("/");
+    return this.getAncestors().map((t) => t.name).reverse().join("/");
   }
-  *getAncestors() {
-    let t = (
+  /**
+   * Returns the ancestor views, starting with this view.
+   *
+   * @returns {View[]}
+   */
+  getAncestors() {
+    const t = [];
+    let n = (
       /** @type {View} */
       this
     );
     do
-      yield t, t = t.parent;
-    while (t);
+      t.push(n), n = n.parent;
+    while (n);
+    return t;
   }
   /**
    * Handles a broadcast message that is intended for the whole view hierarchy.
@@ -10957,7 +10970,7 @@ class Cr extends Oa {
    * @param {import("./view").RenderingOptions} [options]
    */
   render(t, n, r = {}) {
-    if (this.isVisible()) {
+    if (this.isConfiguredVisible()) {
       t.pushView(this, n);
       for (const i of this.children)
         i.render(t, n, r);
@@ -12075,7 +12088,7 @@ class Qx extends Oa {
    * @param {import("./view").RenderingOptions} [options]
    */
   render(n, r, i = {}) {
-    if (!this.isVisible())
+    if (!this.isConfiguredVisible())
       return;
     this.parent || (r = r.shrink(this.getPadding())), n.pushView(this, r);
     const a = {
@@ -12176,7 +12189,9 @@ Ca = new WeakMap(), Sa = new WeakMap(), Ut = new WeakMap(), Da = new WeakMap(),
   }
   return r;
 }, In = new WeakSet(), gr = function() {
-  return Ce(this, Ut).filter((n) => n.view.isVisible());
+  return Ce(this, Ut).filter(
+    (n) => n.view.isConfiguredVisible()
+  );
 }, Pc = new WeakSet(), Vx = function() {
   return new s1(
     Ce(this, In, gr).length,
@@ -12509,7 +12524,7 @@ class st extends Oa {
    * @param {import("./view").RenderingOptions} [options]
    */
   render(t, n, r = {}) {
-    this.isVisible() && (this.coords = n, t.pushView(this, n), t.renderMark(this.mark, r), t.popView(this));
+    this.isConfiguredVisible() && (this.coords = n, t.pushView(this, n), t.renderMark(this.mark, r), t.popView(this));
   }
   getMarkType() {
     return typeof this.spec.mark == "object" ? this.spec.mark.type : this.spec.mark;
@@ -15041,20 +15056,24 @@ class eo extends ru {
         'No channel has been specified for the dynamic data source. Must be either "x" or "y".'
       );
     if (this.channel = n, this.scaleResolution = this.view.getScaleResolution(n), !this.scaleResolution) {
-      const r = [
+      const i = [
         `The dynamic data source cannot find a resolved scale for channel "${n}".`
       ];
-      throw this.view instanceof st || r.push(
+      throw this.view instanceof st || i.push(
         'Make sure the view has a "shared" scale resolution as it is not a unit view.'
-      ), new Error(r.join(" "));
+      ), new Error(i.join(" "));
     }
-    this.scaleResolution.addEventListener("domain", (r) => {
-      this.onDomainChanged(
-        r.scaleResolution.getDomain(),
+    const r = () => {
+      this.view.isVisible() && this.onDomainChanged(
+        this.scaleResolution.getDomain(),
         /** @type {import("../../../spec/genome").ChromosomalLocus[]} */
-        r.scaleResolution.getComplexDomain()
+        this.scaleResolution.getComplexDomain()
       );
-    });
+    };
+    this.scaleResolution.addEventListener("domain", r), this.view.context.addBroadcastListener(
+      "layoutComputed",
+      r
+    );
   }
   /**
    * Returns the length of the axis in pixels. Chooses the smallest of the views.
@@ -15088,14 +15107,10 @@ class eo extends ru {
    * Rendering should be requested by the collector.
    */
   requestRender() {
-    this.scaleResolution.members[0].view.context.animator.requestRender();
+    this.view.context.animator.requestRender();
   }
   async load() {
-    this.reset(), this.complete(), await this.onDomainChanged(
-      this.scaleResolution.getDomain(),
-      /** @type  {import("../../../spec/genome").ChromosomalLocus[]}*/
-      this.scaleResolution.getComplexDomain()
-    );
+    this.reset(), this.complete();
   }
   /**
    *
@@ -15114,7 +15129,6 @@ class gN extends eo {
    * @param {import("../../../view/view").default} view
    */
   constructor(n, r) {
-    var a;
     const i = {
       axis: {},
       ...n
@@ -15124,10 +15138,7 @@ class gN extends eo {
      * @type {import("../../../spec/channel").Scalar[]}
      */
     En(this, "ticks", []);
-    this.params = n, (a = this.scaleResolution.members[0]) == null || a.view._addBroadcastHandler(
-      "layoutComputed",
-      () => this.onDomainChanged()
-    );
+    this.params = n;
   }
   async onDomainChanged() {
     const n = this.scaleResolution.getScale(), r = this.params.axis, i = this.getAxisLength(), a = (u) => 25 + 60 * dN(100, 700, u), o = _t(r.tickCount) ? r.tickCount : Math.round(i / a(i)), s = _x(n, o, r.tickMinStep), c = r.values ? Ix(n, r.values, s) : v6(n, s);
@@ -27579,7 +27590,7 @@ class X9 {
    * @param {import("./embedApi").EmbedOptions} [options]
    */
   constructor(t, n, r = {}) {
-    this.container = t, this.spec = n, this.accessorFactory = new CD(), this.viewFactory = new ST(), this.namedDataProviders = [], this.animator = new N9(() => this.renderAll()), this.genomeStore = void 0, this.viewVisibilityPredicate = (i) => i.isVisibleInSpec(), this._renderingContext = void 0, this._pickingContext = void 0, this._dirtyPickingBuffer = !1, this._currentHover = void 0, this._wheelInertia = new P9(this.animator), this._keyboardListeners = /* @__PURE__ */ new Map(), this._eventListeners = /* @__PURE__ */ new Map(), this.tooltipHandlers = {
+    this.container = t, this.spec = n, this.accessorFactory = new CD(), this.viewFactory = new ST(), this.namedDataProviders = [], this.animator = new N9(() => this.renderAll()), this.genomeStore = void 0, this.viewVisibilityPredicate = (i) => i.isVisibleInSpec(), this._renderingContext = void 0, this._pickingContext = void 0, this._dirtyPickingBuffer = !1, this._currentHover = void 0, this._wheelInertia = new P9(this.animator), this._keyboardListeners = /* @__PURE__ */ new Map(), this._eventListeners = /* @__PURE__ */ new Map(), this._extraBroadcastListeners = /* @__PURE__ */ new Map(), this.tooltipHandlers = {
       default: q9,
       refseqgene: j9,
       ...r.tooltipHandlers ?? {}
@@ -27623,13 +27634,14 @@ class X9 {
   }
   /**
    * Broadcast a message to all views
-   *
-   * @param {string} type
+   
+   * @param {BroadcastEventType} type
    * @param {any} [payload]
    */
   broadcast(t, n) {
+    var i;
     const r = { type: t, payload: n };
-    this.viewRoot.visit((i) => i.handleBroadcast(r));
+    this.viewRoot.visit((a) => a.handleBroadcast(r)), (i = this._extraBroadcastListeners.get(t)) == null || i.forEach((a) => a(r));
   }
   _prepareContainer() {
     this.container.classList.add("genome-spy"), this.container.classList.add("loading"), this._glHelper = new jM(this.container, () => {
@@ -27674,7 +27686,16 @@ class X9 {
         let u = this._keyboardListeners.get(s);
         u || (u = [], this._keyboardListeners.set(s, u)), u.push(c);
       },
-      isViewVisible: t.viewVisibilityPredicate,
+      addBroadcastListener(s, c) {
+        const u = t._extraBroadcastListeners;
+        let f = u.get(s);
+        f || (f = /* @__PURE__ */ new Set(), u.set(s, f)), f.add(c);
+      },
+      removeBroadcastListener(s, c) {
+        var f;
+        (f = t._extraBroadcastListeners.get(s)) == null || f.delete(c);
+      },
+      isViewConfiguredVisible: t.viewVisibilityPredicate,
       isViewSpec: (s) => t.viewFactory.isViewSpec(s),
       createView: function(s, c, u) {
         return t.viewFactory.createView(
@@ -27775,9 +27796,7 @@ class X9 {
         if (r.type == "click") {
           const c = this._currentHover ? {
             type: r.type,
-            viewPath: [
-              ...this._currentHover.mark.unitView.getAncestors()
-            ].map((u) => u.name).reverse(),
+            viewPath: this._currentHover.mark.unitView.getAncestors().map((u) => u.name).reverse(),
             datum: this._currentHover.datum
           } : {
             type: r.type,