gosling.js 0.17.0 → 1.0.0

package/dist/gosling.js

@@ -34,7 +34,7 @@ import "bezier-js";
 import { scaleLinear, scaleSequential, scaleOrdinal, scaleBand } from "d3-scale";
 import { sampleSize, isEqual, uniqBy, cloneDeepWith } from "lodash-es";
 import { interpolateViridis } from "d3-scale-chromatic";
-import { A as Ajv, I as IsChannelDeep, r as resolveSuperposedTracks, t as traverseTracks, a as IsTemplateTrack, g as getTextStyle, c as computeChromSizes, b as cartesianToPolar, u as uuid, R as RADIAN_GAP, v as valueToRadian, p as pointsToDegree, d as commonjsGlobal, e as RemoteFile, f as IsOneOfFilter, h as IsRangeFilter, i as IsIncludeFilter, j as getChannelKeysByAggregateFnc, k as getChannelKeysByType, s as sanitizeChrName, l as filterUsingGenoPos, m as IsDataDeepTileset, n as IsDomainChr, o as IsDomainInterval, q as IsDomainChrInterval, S as SUPPORTED_CHANNELS, w as insertItemToArray, x as getAutoCompleteObject, y as IsChannelValue, z as getValueUsingChannel, B as rectProperty, C as pointProperty, D as barProperty, E as IsStackedChannel, F as IsDomainArray, P as PREDEFINED_COLOR_STR_MAP, G as IsRangeArray, H as Is2DTrack, J as isTabularDataFetcher, K as drawPreEmbellishment, L as drawMark, M as drawPostEmbellishment, N as getRelativeGenomicPosition, O as hasDataTransform, Q as IsXAxis, T as IsMouseEventsDeep, U as colorToHex, V as flatArrayToPairArray, W as DEWFAULT_TITLE_PADDING_ON_TOP_AND_BOTTOM, X as traverseTracksAndViews, Y as traverseViewArrangements, Z as DEFAULT_VIEW_SPACING, _ as DEFAULT_INNER_RADIUS_PROP, $ as IsDummyTrack, a0 as IsOverlaidTrack, a1 as IsYAxis, a2 as DEFAULT_CIRCULAR_VIEW_PADDING, a3 as IsDataDeep, a4 as IsHiGlassMatrix, a5 as getHiGlassColorRange, a6 as DEFAULT_TEXT_STYLE, a7 as overrideDataTemplates, a8 as traverseToFixSpecDownstream, a9 as GenomicPositionHelper, aa as isObject } from "./exported-utils-c7f92c46.js";
+import { A as Ajv, I as IsChannelDeep, r as resolveSuperposedTracks, t as traverseTracks, a as IsTemplateTrack, g as getTextStyle, c as computeChromSizes, b as cartesianToPolar, u as uuid, R as RADIAN_GAP, v as valueToRadian, p as pointsToDegree, d as commonjsGlobal, e as RemoteFile, f as IsOneOfFilter, h as IsRangeFilter, i as IsIncludeFilter, j as getChannelKeysByAggregateFnc, k as getChannelKeysByType, s as sanitizeChrName, l as filterUsingGenoPos, m as IsDataDeepTileset, n as IsDomainChr, o as IsDomainInterval, q as IsDomainChrInterval, S as SUPPORTED_CHANNELS, w as insertItemToArray, x as getAutoCompleteObject, y as IsChannelValue, z as getValueUsingChannel, B as rectProperty, C as pointProperty, D as barProperty, E as IsStackedChannel, F as IsDomainArray, P as PREDEFINED_COLOR_STR_MAP, G as IsRangeArray, H as Is2DTrack, J as isTabularDataFetcher, K as drawPreEmbellishment, L as drawMark, M as drawPostEmbellishment, N as getRelativeGenomicPosition, O as hasDataTransform, Q as IsXAxis, T as IsMouseEventsDeep, U as colorToHex, V as flatArrayToPairArray, W as DEWFAULT_TITLE_PADDING_ON_TOP_AND_BOTTOM, X as traverseTracksAndViews, Y as traverseViewArrangements, Z as DEFAULT_VIEW_SPACING, _ as DEFAULT_INNER_RADIUS_PROP, $ as IsDummyTrack, a0 as IsOverlaidTrack, a1 as IsYAxis, a2 as DEFAULT_CIRCULAR_VIEW_PADDING, a3 as IsDataDeep, a4 as IsHiGlassMatrix, a5 as getHiGlassColorRange, a6 as DEFAULT_TEXT_STYLE, a7 as traverseToFixSpecDownstream, a8 as GenomicPositionHelper, a9 as isObject } from "./exported-utils-51b5f19f.js";
 import higlassRegister from "higlass-register";
 import { TextTrack } from "higlass-text";
 import RBush from "rbush";
@@ -52,7 +52,7 @@ import require$$0 from "react-dom";
 import { HiGlassComponent } from "higlass";
 import { ResizeSensor } from "css-element-queries";
 const name = "gosling.js";
-const version = "0.17.0";
+const version = "1.0.0";
 const $ref$2 = "#/definitions/GoslingSpec";
 const $schema$2 = "http://json-schema.org/draft-07/schema#";
 const definitions$2 = {
@@ -613,152 +613,6 @@ const definitions$2 = {
       }
     ]
   },
-  DataTrack: {
-    additionalProperties: false,
-    description: "Partial specification of `BasicSingleTrack` to use default visual encoding predefined by data type.",
-    properties: {
-      _assignedHeight: {
-        type: "number"
-      },
-      _assignedWidth: {
-        description: "Internal: Used for responsive spec",
-        type: "number"
-      },
-      _invalidTrack: {
-        description: "internal",
-        type: "boolean"
-      },
-      _renderingId: {
-        description: "internal",
-        type: "string"
-      },
-      assembly: {
-        $ref: "#/definitions/Assembly",
-        description: 'A string that specifies the genome builds to use. Currently support `"hg38"`, `"hg19"`, `"hg18"`, `"hg17"`, `"hg16"`, `"mm10"`, `"mm9"`, and `"unknown"`.\n\n__Note:__: with `"unknown"` assembly, genomic axes do not show chrN: in labels.'
-      },
-      centerRadius: {
-        description: "Proportion of the radius of the center white space.\n\n__Default:__ `0.3`",
-        type: "number"
-      },
-      data: {
-        $ref: "#/definitions/DataDeep"
-      },
-      endAngle: {
-        description: 'Specify the end angle (in the range of [0, 360]) of circular tracks (`{"layout": "circular"}`).',
-        type: "number"
-      },
-      height: {
-        description: "Specify the track height in pixels.",
-        type: "number"
-      },
-      id: {
-        description: "Assigned to `uid` in a HiGlass view config, used for API and caching.",
-        type: "string"
-      },
-      innerRadius: {
-        description: 'Specify the inner radius of tracks when (`{"layout": "circular"}`).',
-        type: "number"
-      },
-      layout: {
-        $ref: "#/definitions/Layout",
-        description: "Specify the layout type of all tracks."
-      },
-      linkingId: {
-        description: "Specify an ID for [linking multiple views](http://gosling-lang.org/docs/user-interaction#linking-views)",
-        type: "string"
-      },
-      orientation: {
-        $ref: "#/definitions/Orientation",
-        description: "Specify the orientation."
-      },
-      outerRadius: {
-        description: 'Specify the outer radius of tracks when `{"layout": "circular"}`.',
-        type: "number"
-      },
-      overlayOnPreviousTrack: {
-        type: "boolean"
-      },
-      prerelease: {
-        additionalProperties: false,
-        description: "internal",
-        type: "object"
-      },
-      spacing: {
-        description: "The size of the gap (1) between tracks, (2) between views, and (3) of the origin of circular tracks. The effect of this property depends on where on the spec you specify the `spacing`.\n\nIn a linear layout, this value is used in pixels, while in a circular layout, this value is used relative to the height of the tracks or views.",
-        type: "number"
-      },
-      startAngle: {
-        description: 'Specify the start angle (in the range of [0, 360]) of circular tracks (`{"layout": "circular"}`).',
-        type: "number"
-      },
-      "static": {
-        description: "Whether to disable [Zooming and Panning](http://gosling-lang.org/docs/user-interaction#zooming-and-panning), __Default:__ `false`.",
-        type: "boolean"
-      },
-      style: {
-        $ref: "#/definitions/Style",
-        description: "Define the [style](http://gosling-lang.org/docs/visual-channel#style-related-properties) of multive views. Will be overwritten by the style of children elements (e.g., view, track)."
-      },
-      subtitle: {
-        type: "string"
-      },
-      title: {
-        description: "If defined, will show the textual label on the left-top corner of a track.",
-        type: "string"
-      },
-      width: {
-        description: "Specify the track width in pixels.",
-        type: "number"
-      },
-      xAxis: {
-        $ref: "#/definitions/AxisPosition",
-        description: "not supported"
-      },
-      xDomain: {
-        anyOf: [
-          {
-            $ref: "#/definitions/DomainInterval"
-          },
-          {
-            $ref: "#/definitions/DomainChrInterval"
-          },
-          {
-            $ref: "#/definitions/DomainChr"
-          }
-        ],
-        description: "Specify the visible region of genomic x-axis"
-      },
-      xOffset: {
-        description: "Specify the x offset of views in the unit of pixels",
-        type: "number"
-      },
-      yDomain: {
-        anyOf: [
-          {
-            $ref: "#/definitions/DomainInterval"
-          },
-          {
-            $ref: "#/definitions/DomainChrInterval"
-          },
-          {
-            $ref: "#/definitions/DomainChr"
-          }
-        ],
-        description: "Specify the visible region of genomic y-axis"
-      },
-      yOffset: {
-        description: "Specify the y offset of views in the unit of pixels",
-        type: "number"
-      },
-      zoomLimits: {
-        $ref: "#/definitions/ZoomLimits"
-      }
-    },
-    required: [
-      "data"
-    ],
-    type: "object"
-  },
   DataTransform: {
     anyOf: [
       {
@@ -1312,16 +1166,6 @@ const definitions$2 = {
           experimental: {
             additionalProperties: false,
             properties: {
-              mouseEvents: {
-                anyOf: [
-                  {
-                    type: "boolean"
-                  },
-                  {
-                    $ref: "#/definitions/MouseEventsDeep"
-                  }
-                ]
-              },
               performanceMode: {
                 "default": false,
                 description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -1365,6 +1209,16 @@ const definitions$2 = {
           mark: {
             $ref: "#/definitions/Mark"
           },
+          mouseEvents: {
+            anyOf: [
+              {
+                type: "boolean"
+              },
+              {
+                $ref: "#/definitions/MouseEventsDeep"
+              }
+            ]
+          },
           opacity: {
             anyOf: [
               {
@@ -1386,9 +1240,6 @@ const definitions$2 = {
           overlayOnPreviousTrack: {
             type: "boolean"
           },
-          overrideTemplate: {
-            type: "boolean"
-          },
           prerelease: {
             additionalProperties: false,
             description: "internal",
@@ -1473,16 +1324,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -1526,6 +1367,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -1547,9 +1398,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -2098,16 +1946,6 @@ const definitions$2 = {
           experimental: {
             additionalProperties: false,
             properties: {
-              mouseEvents: {
-                anyOf: [
-                  {
-                    type: "boolean"
-                  },
-                  {
-                    $ref: "#/definitions/MouseEventsDeep"
-                  }
-                ]
-              },
               performanceMode: {
                 "default": false,
                 description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -2151,6 +1989,16 @@ const definitions$2 = {
           mark: {
             $ref: "#/definitions/Mark"
           },
+          mouseEvents: {
+            anyOf: [
+              {
+                type: "boolean"
+              },
+              {
+                $ref: "#/definitions/MouseEventsDeep"
+              }
+            ]
+          },
           opacity: {
             anyOf: [
               {
@@ -2172,9 +2020,6 @@ const definitions$2 = {
           overlayOnPreviousTrack: {
             type: "boolean"
           },
-          overrideTemplate: {
-            type: "boolean"
-          },
           prerelease: {
             additionalProperties: false,
             description: "internal",
@@ -2259,16 +2104,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -2312,6 +2147,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -2333,9 +2178,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -2941,16 +2783,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -2994,6 +2826,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -3015,9 +2857,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -3812,7 +3651,7 @@ const definitions$2 = {
       "triangleRight",
       "triangleBottom",
       "brush",
-      "header"
+      "_header"
     ],
     type: "string"
   },
@@ -4191,16 +4030,6 @@ const definitions$2 = {
             experimental: {
               additionalProperties: false,
               properties: {
-                mouseEvents: {
-                  anyOf: [
-                    {
-                      type: "boolean"
-                    },
-                    {
-                      $ref: "#/definitions/MouseEventsDeep"
-                    }
-                  ]
-                },
                 performanceMode: {
                   "default": false,
                   description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -4236,6 +4065,16 @@ const definitions$2 = {
             mark: {
               $ref: "#/definitions/Mark"
             },
+            mouseEvents: {
+              anyOf: [
+                {
+                  type: "boolean"
+                },
+                {
+                  $ref: "#/definitions/MouseEventsDeep"
+                }
+              ]
+            },
             opacity: {
               anyOf: [
                 {
@@ -4257,9 +4096,6 @@ const definitions$2 = {
             overlayOnPreviousTrack: {
               type: "boolean"
             },
-            overrideTemplate: {
-              type: "boolean"
-            },
             prerelease: {
               additionalProperties: false,
               description: "internal",
@@ -4518,16 +4354,6 @@ const definitions$2 = {
       experimental: {
         additionalProperties: false,
         properties: {
-          mouseEvents: {
-            anyOf: [
-              {
-                type: "boolean"
-              },
-              {
-                $ref: "#/definitions/MouseEventsDeep"
-              }
-            ]
-          },
           performanceMode: {
             "default": false,
             description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -4571,6 +4397,16 @@ const definitions$2 = {
       mark: {
         $ref: "#/definitions/Mark"
       },
+      mouseEvents: {
+        anyOf: [
+          {
+            type: "boolean"
+          },
+          {
+            $ref: "#/definitions/MouseEventsDeep"
+          }
+        ]
+      },
       opacity: {
         anyOf: [
           {
@@ -4592,9 +4428,6 @@ const definitions$2 = {
       overlayOnPreviousTrack: {
         type: "boolean"
       },
-      overrideTemplate: {
-        type: "boolean"
-      },
       prerelease: {
         additionalProperties: false,
         description: "internal",
@@ -4883,16 +4716,6 @@ const definitions$2 = {
       experimental: {
         additionalProperties: false,
         properties: {
-          mouseEvents: {
-            anyOf: [
-              {
-                type: "boolean"
-              },
-              {
-                $ref: "#/definitions/MouseEventsDeep"
-              }
-            ]
-          },
           performanceMode: {
             "default": false,
             description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -4936,6 +4759,16 @@ const definitions$2 = {
       mark: {
         $ref: "#/definitions/Mark"
       },
+      mouseEvents: {
+        anyOf: [
+          {
+            type: "boolean"
+          },
+          {
+            $ref: "#/definitions/MouseEventsDeep"
+          }
+        ]
+      },
       opacity: {
         anyOf: [
           {
@@ -4957,9 +4790,6 @@ const definitions$2 = {
       overlayOnPreviousTrack: {
         type: "boolean"
       },
-      overrideTemplate: {
-        type: "boolean"
-      },
       prerelease: {
         additionalProperties: false,
         description: "internal",
@@ -5266,16 +5096,6 @@ const definitions$2 = {
             experimental: {
               additionalProperties: false,
               properties: {
-                mouseEvents: {
-                  anyOf: [
-                    {
-                      type: "boolean"
-                    },
-                    {
-                      $ref: "#/definitions/MouseEventsDeep"
-                    }
-                  ]
-                },
                 performanceMode: {
                   "default": false,
                   description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -5311,6 +5131,16 @@ const definitions$2 = {
             mark: {
               $ref: "#/definitions/Mark"
             },
+            mouseEvents: {
+              anyOf: [
+                {
+                  type: "boolean"
+                },
+                {
+                  $ref: "#/definitions/MouseEventsDeep"
+                }
+              ]
+            },
             opacity: {
               anyOf: [
                 {
@@ -5332,9 +5162,6 @@ const definitions$2 = {
             overlayOnPreviousTrack: {
               type: "boolean"
             },
-            overrideTemplate: {
-              type: "boolean"
-            },
             prerelease: {
               additionalProperties: false,
               description: "internal",
@@ -5609,16 +5436,6 @@ const definitions$2 = {
       experimental: {
         additionalProperties: false,
         properties: {
-          mouseEvents: {
-            anyOf: [
-              {
-                type: "boolean"
-              },
-              {
-                $ref: "#/definitions/MouseEventsDeep"
-              }
-            ]
-          },
           performanceMode: {
             "default": false,
             description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -5672,6 +5489,16 @@ const definitions$2 = {
       mark: {
         $ref: "#/definitions/Mark"
       },
+      mouseEvents: {
+        anyOf: [
+          {
+            type: "boolean"
+          },
+          {
+            $ref: "#/definitions/MouseEventsDeep"
+          }
+        ]
+      },
       opacity: {
         anyOf: [
           {
@@ -5693,9 +5520,6 @@ const definitions$2 = {
       overlayOnPreviousTrack: {
         type: "boolean"
       },
-      overrideTemplate: {
-        type: "boolean"
-      },
       prerelease: {
         additionalProperties: false,
         description: "internal",
@@ -6163,16 +5987,6 @@ const definitions$2 = {
       experimental: {
         additionalProperties: false,
         properties: {
-          mouseEvents: {
-            anyOf: [
-              {
-                type: "boolean"
-              },
-              {
-                $ref: "#/definitions/MouseEventsDeep"
-              }
-            ]
-          },
           performanceMode: {
             "default": false,
             description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -6216,6 +6030,16 @@ const definitions$2 = {
       mark: {
         $ref: "#/definitions/Mark"
       },
+      mouseEvents: {
+        anyOf: [
+          {
+            type: "boolean"
+          },
+          {
+            $ref: "#/definitions/MouseEventsDeep"
+          }
+        ]
+      },
       opacity: {
         anyOf: [
           {
@@ -6237,9 +6061,6 @@ const definitions$2 = {
       overlayOnPreviousTrack: {
         type: "boolean"
       },
-      overrideTemplate: {
-        type: "boolean"
-      },
       prerelease: {
         additionalProperties: false,
         description: "internal",
@@ -6531,16 +6352,6 @@ const definitions$2 = {
           experimental: {
             additionalProperties: false,
             properties: {
-              mouseEvents: {
-                anyOf: [
-                  {
-                    type: "boolean"
-                  },
-                  {
-                    $ref: "#/definitions/MouseEventsDeep"
-                  }
-                ]
-              },
               performanceMode: {
                 "default": false,
                 description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -6584,6 +6395,16 @@ const definitions$2 = {
           mark: {
             $ref: "#/definitions/Mark"
           },
+          mouseEvents: {
+            anyOf: [
+              {
+                type: "boolean"
+              },
+              {
+                $ref: "#/definitions/MouseEventsDeep"
+              }
+            ]
+          },
           opacity: {
             anyOf: [
               {
@@ -6605,9 +6426,6 @@ const definitions$2 = {
           overlayOnPreviousTrack: {
             type: "boolean"
           },
-          overrideTemplate: {
-            type: "boolean"
-          },
           prerelease: {
             additionalProperties: false,
             description: "internal",
@@ -6688,16 +6506,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -6741,6 +6549,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -6762,9 +6580,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -7310,16 +7125,6 @@ const definitions$2 = {
           experimental: {
             additionalProperties: false,
             properties: {
-              mouseEvents: {
-                anyOf: [
-                  {
-                    type: "boolean"
-                  },
-                  {
-                    $ref: "#/definitions/MouseEventsDeep"
-                  }
-                ]
-              },
               performanceMode: {
                 "default": false,
                 description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -7363,6 +7168,16 @@ const definitions$2 = {
           mark: {
             $ref: "#/definitions/Mark"
           },
+          mouseEvents: {
+            anyOf: [
+              {
+                type: "boolean"
+              },
+              {
+                $ref: "#/definitions/MouseEventsDeep"
+              }
+            ]
+          },
           opacity: {
             anyOf: [
               {
@@ -7384,9 +7199,6 @@ const definitions$2 = {
           overlayOnPreviousTrack: {
             type: "boolean"
           },
-          overrideTemplate: {
-            type: "boolean"
-          },
           prerelease: {
             additionalProperties: false,
             description: "internal",
@@ -7467,16 +7279,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -7520,6 +7322,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -7541,9 +7353,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -8142,16 +7951,6 @@ const definitions$2 = {
                     experimental: {
                       additionalProperties: false,
                       properties: {
-                        mouseEvents: {
-                          anyOf: [
-                            {
-                              type: "boolean"
-                            },
-                            {
-                              $ref: "#/definitions/MouseEventsDeep"
-                            }
-                          ]
-                        },
                         performanceMode: {
                           "default": false,
                           description: "Render visual marks with less smooth curves to increase rendering performance. Only supported for `elliptical` `linkStyle` `withinLink` currently.",
@@ -8195,6 +7994,16 @@ const definitions$2 = {
                     mark: {
                       $ref: "#/definitions/Mark"
                     },
+                    mouseEvents: {
+                      anyOf: [
+                        {
+                          type: "boolean"
+                        },
+                        {
+                          $ref: "#/definitions/MouseEventsDeep"
+                        }
+                      ]
+                    },
                     opacity: {
                       anyOf: [
                         {
@@ -8216,9 +8025,6 @@ const definitions$2 = {
                     overlayOnPreviousTrack: {
                       type: "boolean"
                     },
-                    overrideTemplate: {
-                      type: "boolean"
-                    },
                     prerelease: {
                       additionalProperties: false,
                       description: "internal",
@@ -9230,9 +9036,6 @@ const definitions$2 = {
       {
         $ref: "#/definitions/OverlaidTrack"
       },
-      {
-        $ref: "#/definitions/DataTrack"
-      },
       {
         $ref: "#/definitions/TemplateTrack"
       },
@@ -10219,6 +10022,9 @@ function replaceTrackTemplates(spec, templates) {
     if ("encoding" in viewBase) {
       delete viewBase.encoding;
     }
+    if ("template" in viewBase) {
+      delete viewBase.template;
+    }
     const convertedView = {
       ...viewBase,
       alignment: "overlay",
@@ -24450,7 +24256,8 @@ const factory$1 = (HGC, context, options) => {
       __privateAdd(this, _onMouseUp);
       __privateAdd(this, _onMouseOut);
       /**
-       * From all tiles and overlaid tracks, collect element(s) that are withing a mouse position.
+       * From all tiles and overlaid tracks, collect element(s) that are within a mouse position.
+       * In the array, the first element is the element that is directly within the mouse position.
        */
       __privateAdd(this, _getElementsWithinMouse);
       /**
@@ -25156,7 +24963,7 @@ const factory$1 = (HGC, context, options) => {
      * Called by showHoverMenu() in HiGlassComponent
      */
     getMouseOverHtml(mouseX, mouseY) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d;
       __privateMethod(this, _publishTrackEvents, publishTrackEvents_fn).call(this, "trackMouseOver", mouseX, mouseY);
       if (__privateGet(this, _isRangeBrushActivated)) {
         return "";
@@ -25173,15 +24980,15 @@ const factory$1 = (HGC, context, options) => {
         document.body.style.cursor = "default";
       }
       if (capturedElements.length !== 0) {
-        const mouseEvents = (_a = this.options.spec.experimental) == null ? void 0 : _a.mouseEvents;
+        const mouseEvents = this.options.spec.mouseEvents;
         const mouseOverEnabled = !!mouseEvents || IsMouseEventsDeep(mouseEvents) && !!mouseEvents.mouseOver;
         if (mouseOverEnabled) {
           const g = this.pMouseHover;
-          if (((_c = (_b = this.options.spec.style) == null ? void 0 : _b.mouseOver) == null ? void 0 : _c.arrange) !== "behind") {
+          if (((_b = (_a = this.options.spec.style) == null ? void 0 : _a.mouseOver) == null ? void 0 : _b.arrange) !== "behind") {
             this.pMain.removeChild(g);
             this.pMain.addChild(g);
           }
-          __privateMethod(this, _highlightMarks, highlightMarks_fn).call(this, g, capturedElements, Object.assign({}, DEFAULT_MOUSE_EVENT_STYLE, (_d = this.options.spec.style) == null ? void 0 : _d.mouseOver));
+          __privateMethod(this, _highlightMarks, highlightMarks_fn).call(this, g, capturedElements, Object.assign({}, DEFAULT_MOUSE_EVENT_STYLE, (_c = this.options.spec.style) == null ? void 0 : _c.mouseOver));
           publish("mouseOver", {
             id: context.viewUid,
             genomicPosition,
@@ -25189,10 +24996,10 @@ const factory$1 = (HGC, context, options) => {
           });
         }
         const models = this.visibleAndFetchedGoslingModels();
-        const firstTooltipSpec = (_e = models.find((m2) => {
+        const firstTooltipSpec = (_d = models.find((m2) => {
           var _a2;
           return m2.spec().tooltip && ((_a2 = m2.spec().tooltip) == null ? void 0 : _a2.length) !== 0;
-        })) == null ? void 0 : _e.spec().tooltip;
+        })) == null ? void 0 : _d.spec().tooltip;
         if (firstTooltipSpec) {
           let content = firstTooltipSpec.map((d) => {
             var _a2;
@@ -25207,9 +25014,6 @@ const factory$1 = (HGC, context, options) => {
             return `<tr><td style='padding: 4px 8px'>${(_a2 = d.alt) != null ? _a2 : d.field}</td><td style='padding: 4px 8px'><b>${value}</b></td></tr>`;
           }).join("");
           content = `<table style='text-align: left; margin-top: 12px'>${content}</table>`;
-          if (capturedElements.length > 1) {
-            content += `<div style='padding: 4px 8px; margin-top: 4px; text-align: center; color: grey'>${capturedElements.length - 1} Additional Selections...</div>`;
-          }
           return `<div>${content}</div>`;
         }
       }
@@ -25364,10 +25168,9 @@ const factory$1 = (HGC, context, options) => {
   };
   _onMouseDown = new WeakSet();
   onMouseDown_fn = function(mouseX, mouseY, isAltPressed) {
-    var _a;
     __privateSet(this, _mouseDownX, mouseX);
     __privateSet(this, _mouseDownY, mouseY);
-    const mouseEvents = (_a = this.options.spec.experimental) == null ? void 0 : _a.mouseEvents;
+    const mouseEvents = this.options.spec.mouseEvents;
     const rangeSelectEnabled = !!mouseEvents || IsMouseEventsDeep(mouseEvents) && !!mouseEvents.rangeSelect;
     __privateSet(this, _isRangeBrushActivated, rangeSelectEnabled && isAltPressed);
     this.pMouseHover.clear();
@@ -25383,9 +25186,8 @@ const factory$1 = (HGC, context, options) => {
   };
   _onMouseUp = new WeakSet();
   onMouseUp_fn = function(mouseX, mouseY) {
-    var _a;
     __privateMethod(this, _publishTrackEvents, publishTrackEvents_fn).call(this, "trackClick", mouseX, mouseY);
-    const mouseEvents = (_a = this.options.spec.experimental) == null ? void 0 : _a.mouseEvents;
+    const mouseEvents = this.options.spec.mouseEvents;
     const clickEnabled = !!mouseEvents || IsMouseEventsDeep(mouseEvents) && !!mouseEvents.click;
     const isDrag = Math.sqrt((__privateGet(this, _mouseDownX) - mouseX) ** 2 + (__privateGet(this, _mouseDownY) - mouseY) ** 2) > 1;
     if (!__privateGet(this, _isRangeBrushActivated) && !isDrag) {
@@ -25423,9 +25225,8 @@ const factory$1 = (HGC, context, options) => {
   };
   _getElementsWithinMouse = new WeakSet();
   getElementsWithinMouse_fn = function(mouseX, mouseY) {
-    var _a;
     const models = this.visibleAndFetchedGoslingModels();
-    const mouseEvents = (_a = this.options.spec.experimental) == null ? void 0 : _a.mouseEvents;
+    const mouseEvents = this.options.spec.mouseEvents;
     const multiHovering = IsMouseEventsDeep(mouseEvents) && mouseEvents.enableMouseOverOnMultipleMarks;
     const idField = IsMouseEventsDeep(mouseEvents) && mouseEvents.groupMarksByField;
     const mergedCapturedElements = models.map((model) => model.getMouseEventModel().findAll(mouseX, mouseY, true)).flat();
@@ -25474,7 +25275,7 @@ const factory$1 = (HGC, context, options) => {
   };
   _onRangeBrush = new WeakSet();
   onRangeBrush_fn = function(range, skipApiTrigger = false) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     this.pMouseSelection.clear();
     if (range === null) {
       if (!skipApiTrigger) {
@@ -25485,7 +25286,7 @@ const factory$1 = (HGC, context, options) => {
     const models = this.visibleAndFetchedGoslingModels();
     const [startX, endX] = range;
     let capturedElements = models.map((model) => model.getMouseEventModel().findAllWithinRange(startX, endX, true)).flat();
-    const mouseEvents = (_a = this.options.spec.experimental) == null ? void 0 : _a.mouseEvents;
+    const mouseEvents = this.options.spec.mouseEvents;
     const idField = IsMouseEventsDeep(mouseEvents) && mouseEvents.groupMarksByField;
     if (capturedElements.length !== 0 && idField) {
       models.forEach((model) => {
@@ -25496,11 +25297,11 @@ const factory$1 = (HGC, context, options) => {
     }
     if (capturedElements.length !== 0) {
       const g = this.pMouseSelection;
-      if (((_c = (_b = this.options.spec.style) == null ? void 0 : _b.select) == null ? void 0 : _c.arrange) !== "behind") {
+      if (((_b = (_a = this.options.spec.style) == null ? void 0 : _a.select) == null ? void 0 : _b.arrange) !== "behind") {
         this.pMain.removeChild(g);
         this.pMain.addChild(g);
       }
-      __privateMethod(this, _highlightMarks, highlightMarks_fn).call(this, g, capturedElements, Object.assign({}, DEFAULT_MOUSE_EVENT_STYLE, (_d = this.options.spec.style) == null ? void 0 : _d.select));
+      __privateMethod(this, _highlightMarks, highlightMarks_fn).call(this, g, capturedElements, Object.assign({}, DEFAULT_MOUSE_EVENT_STYLE, (_c = this.options.spec.style) == null ? void 0 : _c.select));
     }
     if (!skipApiTrigger) {
       const genomicRange = [
@@ -25546,7 +25347,7 @@ const factory$1 = (HGC, context, options) => {
   };
   _hasStretchableGraphics = new WeakSet();
   hasStretchableGraphics_fn = function() {
-    var _a, _b;
+    var _a;
     const hasStretchOption = (_a = this.options.spec.experimental) == null ? void 0 : _a.stretchGraphics;
     if (hasStretchOption === true) {
       return true;
@@ -25560,7 +25361,7 @@ const factory$1 = (HGC, context, options) => {
       (acc, spec) => acc && stretchableMarks.includes(spec.mark),
       true
     );
-    const noMouseInteractions = !((_b = this.options.spec.experimental) == null ? void 0 : _b.mouseEvents);
+    const noMouseInteractions = !this.options.spec.mouseEvents;
     return isFirstTrack1D && isNotCircularLayout && hasStretchableMark && noMouseInteractions;
   };
   _isTooStretched = new WeakSet();
@@ -25882,7 +25683,7 @@ function getNumOfYAxes(tracks) {
 const getTextTrack = (size, title, subtitle) => {
   return JSON.parse(
     JSON.stringify({
-      mark: "header",
+      mark: "_header",
       width: size.width,
       height: size.height,
       title,
@@ -26046,7 +25847,7 @@ function goslingToHiGlass(hgModel, gosTrack, bb, layout, theme, idMapper, urlToF
       }
     });
     hgModel.validateSpec(true);
-  } else if (firstResolvedSpec.mark === "header") {
+  } else if (firstResolvedSpec.mark === "_header") {
     hgModel.addDefaultView(`${trackId}-title`).setLayout(layout);
     if (typeof firstResolvedSpec.title === "string") {
       hgModel.setTextTrack(
@@ -26331,7 +26132,6 @@ function isSelectResponsiveSpec(conditions, assignedDimensions, parentDimensions
 function compile(spec, callback, templates, theme, containerStatus, urlToFetchOptions) {
   var _a, _b;
   const specCopy = JSON.parse(JSON.stringify(spec));
-  overrideDataTemplates(specCopy);
   replaceTrackTemplates(specCopy, templates);
   traverseToFixSpecDownstream(specCopy);
   const trackInfosAndSize = getRelativeTrackInfo(specCopy, theme);
@@ -26348,10 +26148,6 @@ function compile(spec, callback, templates, theme, containerStatus, urlToFetchOp
     traverseToFixSpecDownstream(specCopy);
     trackInfos = getRelativeTrackInfo(specCopy, theme).trackInfos;
   }
-  publish("specProcessed", {
-    id: specCopy.id,
-    spec: specCopy
-  });
   renderHiGlass(specCopy, trackInfos, callback, theme, urlToFetchOptions);
 }
 init();
@@ -26594,6 +26390,7 @@ const preverseZoomStatus = (newSpec, prevSpec) => {
 const DELAY_FOR_CONTAINER_RESIZE_BEFORE_RERENDER = 300;
 const GoslingComponent = forwardRef((props, ref) => {
   var _a, _b, _c;
+  const { reactive = true } = props;
   const [viewConfig, setViewConfig] = useState();
   const [isInitialRender, setIsInitialRender] = useState(true);
   const [size, setSize] = useState({ width: 200, height: 200 });
@@ -26636,21 +26433,21 @@ const GoslingComponent = forwardRef((props, ref) => {
         compile(
           spec,
           (newHiGlassSpec, newSize, newGoslingSpec, newTracksAndViews, newIdTable) => {
-            var _a2, _b2;
+            var _a2;
             if (prevSpec.current && isEqual(omitDeep(prevSpec.current, ["linkingId"]), omitDeep(newGoslingSpec, ["linkingId"]))) {
               return;
             }
             (_a2 = props.compiled) == null ? void 0 : _a2.call(props, spec, newHiGlassSpec, { _processedSpec: newGoslingSpec });
             setSize(newSize);
             const isMountedOnce = typeof viewConfig !== "undefined";
-            if (((_b2 = props.experimental) == null ? void 0 : _b2.reactive) && isMountedOnce) {
+            if (reactive && isMountedOnce) {
               setTimeout(() => {
-                var _a3, _b3;
+                var _a3, _b2;
                 preverseZoomStatus(
                   newHiGlassSpec,
                   (_a3 = hgRef.current) == null ? void 0 : _a3.api.getViewConfig()
                 );
-                (_b3 = hgRef.current) == null ? void 0 : _b3.api.setViewConfig(newHiGlassSpec);
+                (_b2 = hgRef.current) == null ? void 0 : _b2.api.setViewConfig(newHiGlassSpec);
               }, DELAY_FOR_CONTAINER_RESIZE_BEFORE_RERENDER);
             } else {
               setViewConfig(newHiGlassSpec);