gosling.js 0.16.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 getAutoCompleteId, 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-ac60e3c5.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.16.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",
@@ -23122,12 +22928,7 @@ const HIGLASS_AXIS_SIZE = 30;
 const getViewTemplate = (assembly) => {
   return {
     genomePositionSearchBoxVisible: false,
-    genomePositionSearchBox: {
-      autocompleteServer: "https://higlass.io/api/v1",
-      autocompleteId: getAutoCompleteId(assembly),
-      chromInfoServer: "https://higlass.io/api/v1",
-      chromInfoId: assembly != null ? assembly : "hg38"
-    },
+    genomePositionSearchBox: getAutoCompleteObject(assembly),
     layout: { w: 12, h: 12, x: 0, y: 0 },
     tracks: {
       top: [],
@@ -24434,9 +24235,9 @@ const config$1 = {
 const factory$1 = (HGC, context, options) => {
   var _assembly2, _processedTileInfo, _mouseDownX, _mouseDownY, _isRangeBrushActivated, _gBrush, _loadingTextStyleObj, _loadingTextBg, _loadingText, _processedTileMap, _tilesToId, tilesToId_fn, _binsPerTile, binsPerTile_get, _generateTabularData, generateTabularData_fn, _onMouseDown, onMouseDown_fn, _onMouseMove, onMouseMove_fn, _onMouseUp, onMouseUp_fn, _onMouseOut, onMouseOut_fn, _getElementsWithinMouse, getElementsWithinMouse_fn, _publishTrackEvents, publishTrackEvents_fn, _onRangeBrush, onRangeBrush_fn, _highlightMarks, highlightMarks_fn, _publishOnNewTrack, publishOnNewTrack_fn, _hasStretchableGraphics, hasStretchableGraphics_fn, _isTooStretched, isTooStretched_fn;
   const { tileProxy } = HGC.services;
-  const { BarTrack } = HGC.tracks;
+  const { TiledPixiTrack } = HGC.tracks;
   const loadingTextStyle = getTextStyle({ color: "black", size: 12 });
-  const _GoslingTrackClass = class _GoslingTrackClass extends BarTrack {
+  const _GoslingTrackClass = class _GoslingTrackClass extends TiledPixiTrack {
     /* *
      *
      *  Constructor
@@ -24450,17 +24251,13 @@ const factory$1 = (HGC, context, options) => {
        * Construct tabular data from a higlass tileset and a gosling track model.
        */
       __privateAdd(this, _generateTabularData);
-      /* *
-       *
-       *  Mouse methods
-       *
-       * */
       __privateAdd(this, _onMouseDown);
       __privateAdd(this, _onMouseMove);
       __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);
       /**
@@ -24486,8 +24283,7 @@ const factory$1 = (HGC, context, options) => {
        */
       __privateAdd(this, _hasStretchableGraphics);
       /**
-       * Used in drawTile()
-       * Checks if the tile Graphic is too stretched. If so, it returns true.
+       * Used in drawTile(). Checks if the tile Graphic is too stretched. If so, it returns true.
        * @param stretchFactor The factor by which the tile is stretched
        * @returns True if the tile is too stretched, false otherwise
        */
@@ -24526,6 +24322,7 @@ const factory$1 = (HGC, context, options) => {
       // This is used to persist processed tile data across draw() calls.
       __privateAdd(this, _processedTileMap, /* @__PURE__ */ new WeakMap());
       __publicField(this, "hideMousePosition");
+      const { isShowGlobalMousePosition } = context;
       context.dataFetcher.track = this;
       __privateSet(this, _processedTileInfo, {});
       __privateSet(this, _assembly2, this.options.spec.assembly);
@@ -24561,15 +24358,11 @@ const factory$1 = (HGC, context, options) => {
       });
       this.pMask.on("mouseout", __privateMethod(this, _onMouseOut, onMouseOut_fn).bind(this));
       this.flipText = this.options.spec.orientation === "vertical";
-      if (this.hideMousePosition) {
-        this.hideMousePosition();
-        this.hideMousePosition = void 0;
-      }
       if (((_d = this.options) == null ? void 0 : _d.showMousePosition) && !this.hideMousePosition) {
         this.hideMousePosition = HGC.utils.showMousePosition(
           this,
           Is2DTrack(this.getResolvedTracks()[0]),
-          this.isShowGlobalMousePosition()
+          isShowGlobalMousePosition()
         );
       }
       this.pLabel.removeChild(this.trackNotFoundText);
@@ -24603,6 +24396,11 @@ const factory$1 = (HGC, context, options) => {
         const isBamDataFetcher = this.dataFetcher instanceof BamDataFetcher;
         this.processAllTiles(isBamDataFetcher);
         super.draw();
+        Object.values(this.fetchedTiles).forEach((tile) => {
+          if (!tile.drawnAtScale)
+            return;
+          [tile.graphics.scale.x, tile.graphics.position.x] = this.getXScaleAndOffset(tile.drawnAtScale);
+        });
         this.prevVisibleAndFetchedTiles = this.visibleAndFetchedTiles();
       };
       if (isTabularDataFetcher(this.dataFetcher) && !isEqual(this.visibleAndFetchedTiles(), this.prevVisibleAndFetchedTiles)) {
@@ -24616,6 +24414,17 @@ const factory$1 = (HGC, context, options) => {
         this.firstDraw = false;
       }
     }
+    /**
+     * Copied from BarTrack
+     */
+    getXScaleAndOffset(drawnAtScale) {
+      const dA = drawnAtScale.domain();
+      const dB = this._xScale.domain();
+      const tileK = (dA[1] - dA[0]) / (dB[1] - dB[0]);
+      const newRange = this._xScale.domain().map(drawnAtScale);
+      const posOffset = newRange[0];
+      return [tileK, -posOffset * tileK];
+    }
     /*
      * Do whatever is necessary before rendering a new tile. This function is called from `receivedTiles()`.
      * Overrides initTile in BarTrack
@@ -24656,7 +24465,8 @@ const factory$1 = (HGC, context, options) => {
       this.pBackground.clear();
       this.pBackground.removeChildren();
       this.pBorder.clear();
-      this.pBorder.removeChildren();
+      const children = this.pBorder.removeChildren();
+      children.forEach((c) => c.destroy());
       this.displayedLegends = [];
       tileInfo.goslingModels.forEach((model) => {
         const trackWidth = this.dimensions[0];
@@ -24728,6 +24538,7 @@ const factory$1 = (HGC, context, options) => {
     setPosition(newPosition) {
       super.setPosition(newPosition);
       [this.pMain.position.x, this.pMain.position.y] = this.position;
+      [this.pMouseOver.position.x, this.pMouseOver.position.y] = this.position;
       this.mRangeBrush.setOffset(...newPosition);
     }
     /**
@@ -24830,7 +24641,7 @@ const factory$1 = (HGC, context, options) => {
       callback();
     }
     /**
-     * Overrides method in Tiled1DPixiTrack. It is called in the constructor, `super(context, options)`.
+     * This method is called in the TiledPixiTrack constructor `super(context, options)`.
      * So be aware to use defined variables.
      */
     calculateVisibleTiles() {
@@ -24875,7 +24686,7 @@ const factory$1 = (HGC, context, options) => {
         } else {
           const xTiles = tileProxy.calculateTiles(
             zoomLevel,
-            this.relevantScale(),
+            this._xScale,
             this.tilesetInfo.min_pos[0],
             this.tilesetInfo.max_pos[0],
             this.tilesetInfo.max_zoom,
@@ -24899,7 +24710,31 @@ const factory$1 = (HGC, context, options) => {
       }
     }
     /**
-     * Get the tile's position in its coordinate system. Overrides method in Tiled1DPixiTrack.
+     * Copied from HorizontalTiled1DPixiTrack
+     */
+    calculateZoomLevel() {
+      if (!this.tilesetInfo) {
+        throw Error("tilesetInfo not parsed");
+      }
+      if ("resolutions" in this.tilesetInfo) {
+        const zoomIndexX = tileProxy.calculateZoomLevelFromResolutions(
+          this.tilesetInfo.resolutions,
+          this._xScale
+        );
+        return zoomIndexX;
+      }
+      const xZoomLevel = tileProxy.calculateZoomLevel(
+        this._xScale,
+        this.tilesetInfo.min_pos[0],
+        this.tilesetInfo.max_pos[0],
+        this.tilesetInfo.bins_per_dimension || this.tilesetInfo.tile_size
+      );
+      let zoomLevel = Math.min(xZoomLevel, this.maxZoom);
+      zoomLevel = Math.max(zoomLevel, 0);
+      return zoomLevel;
+    }
+    /**
+     * Get the tile's position in its coordinate system. Based on method in Tiled1DPixiTrack
      */
     getTilePosAndDimensions(zoomLevel, tilePos) {
       if (!this.tilesetInfo) {
@@ -24936,7 +24771,7 @@ const factory$1 = (HGC, context, options) => {
       }
     }
     /**
-     * Gets the indices of the visible data a tile. Overrides method in Tiled1DPixiTrack
+     * Gets the indices of the visible data a tile. Based on method in Tiled1DPixiTrack
      */
     getIndicesOfVisibleDataInTile(tile) {
       const visible = this._xScale.range();
@@ -24954,7 +24789,6 @@ const factory$1 = (HGC, context, options) => {
     }
     /**
      * Overrides method in TiledPixiTrack
-     * @param loadedTiles
      */
     receivedTiles(loadedTiles) {
       super.receivedTiles(loadedTiles);
@@ -25007,6 +24841,18 @@ const factory$1 = (HGC, context, options) => {
       const isBamDataFetcher = this.dataFetcher instanceof BamDataFetcher;
       return includesDisplaceTransform && !hasDenseTiles() && !isBamDataFetcher;
     }
+    /**
+     * Copied from Tiled1DPixiTrack. The ID of the local tile
+     */
+    tileToLocalId(tile) {
+      return `${tile.join(".")}`;
+    }
+    /**
+     * Copied from Tiled1DPixiTrack. The ID of the tile on the server.
+     */
+    tileToRemoteId(tile) {
+      return `${tile.join(".")}`;
+    }
     /**
      * Creates an array of SingleTracks if there are overlaid tracks.
      * This method cannot be private because it is called by functions which are called by super.draw();
@@ -25101,12 +24947,23 @@ const factory$1 = (HGC, context, options) => {
       });
       return tileInfo.goslingModels;
     }
+    /* *
+     *
+     *  Mouse methods
+     *
+     * */
+    /**
+     * This is for the HiGlass mouseMoveZoom event. However, GoslingTrack has its own way of handling mouse events.
+     */
+    mouseMoveZoomHandler() {
+      return;
+    }
     // set in HorizontalTiled1DPixiTrack
     /**
-     * Overrides method in HorizontalLine1DPixiTrack
+     * 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 "";
@@ -25123,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,
@@ -25139,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;
@@ -25157,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>`;
         }
       }
@@ -25314,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();
@@ -25333,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) {
@@ -25373,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();
@@ -25424,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) {
@@ -25435,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) => {
@@ -25446,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 = [
@@ -25496,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;
@@ -25510,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();
@@ -25832,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,
@@ -25996,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(
@@ -26281,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);
@@ -26298,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();
@@ -26544,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 });
@@ -26586,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);