@vizzly/dashboard 0.15.0-dev-509defaf8b80e792fe01ec64fbeadf5c6b393948 → 0.15.0-dev-7a0950140407e5d00da47b05fcfee58cb3dd2399

package/dist/dashboard.cjs.development.js

@@ -1062,8 +1062,8 @@ var removeField = function removeField(originalFields, removeFields) {
     return !fieldsToRemove.has(field.id);
   });
 };
-var upcastStringDimensionsToObject = function upcastStringDimensionsToObject(dimensions) {
-  return dimensions.map(function (dimension) {
+var upcastDimensions = function upcastDimensions(dimensions, timeDimension) {
+  var upcast = dimensions.map(function (dimension) {
     if (typeof dimension === 'string') {
       return {
         field: dimension,
@@ -1073,6 +1073,23 @@ var upcastStringDimensionsToObject = function upcastStringDimensionsToObject(dim
       return dimension;
     }
   });
+  if (timeDimension) {
+    var alreadyPresent = upcast.some(function (d) {
+      return d.field === timeDimension.field && d["function"] === timeDimension.truncate;
+    });
+    var dimension = alreadyPresent ? upcast : [{
+      field: timeDimension.field,
+      "function": timeDimension.truncate
+    }].concat(upcast);
+    return {
+      dimension: dimension,
+      timeDimension: null
+    };
+  }
+  return {
+    dimension: upcast,
+    timeDimension: null
+  };
 };
 var isArrayDataType = function isArrayDataType(field) {
   return field.dataType == 'string[]';
@@ -4325,7 +4342,7 @@ var AreaChart = function AreaChart(config) {
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         displayTitle: dumped.displayTitle,
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         timeDimension: dumped.timeDimension,
         displaySubject: dumped.displaySubject,
         viewId: upcastViewId(dumped.viewId),
@@ -4823,13 +4840,12 @@ var AreaChart$1 = function AreaChart(config) {
     },
     load: function load(dumped) {
       var _dumped$xAxisMin, _dumped$xAxisMax, _dumped$yAxisMin, _dumped$yAxisMax, _dumped$tags, _dumped$trends;
-      return {
+      return _extends({
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -4837,7 +4853,6 @@ var AreaChart$1 = function AreaChart(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
         yAxisPostfix: dumped.yAxisPostfix,
@@ -4864,7 +4879,7 @@ var AreaChart$1 = function AreaChart(config) {
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
         trends: (_dumped$trends = dumped.trends) != null ? _dumped$trends : [],
         stacked: dumped.stacked
-      };
+      });
     },
     setAttributes: setAttributes$2(config),
     validate: function validate(attrs, dataSets) {
@@ -5220,7 +5235,7 @@ var BarChart = function BarChart(config) {
         order: upcastOrder(dumped.order, dumped.timeDimension),
         filter: upcastFilter(dumped.filter),
         viewId: upcastViewId(dumped.viewId),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
         approxYAxisLabelCount: upcastAxisLabel(dumped.approxYAxisLabelCount),
         parameters: upcastV1Parameters(dumped.parameters),
@@ -5770,9 +5785,8 @@ var BarChart$1 = function BarChart(config) {
         type: dumped.type,
         updated_at: dumped.updated_at,
         measure: upcastMeasure(dumped.measure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -5780,7 +5794,6 @@ var BarChart$1 = function BarChart(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
         yAxisPostfix: dumped.yAxisPostfix,
@@ -6105,7 +6118,7 @@ var BasicTable = function BasicTable(config) {
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
         filter: upcastFilter(dumped.filter),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         conditionalFormattingRules: upcast$1(config.queryEngineConfig, dumped.conditionalFormattingRules),
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
@@ -6460,7 +6473,7 @@ var BubbleChart = function BubbleChart(config) {
         xMeasure: upcastMeasure(dumped.xMeasure ? [dumped.xMeasure] : [])[0] || null,
         yMeasure: upcastMeasure(dumped.yMeasure ? [dumped.yMeasure] : [])[0] || null,
         zMeasure: upcastMeasure(dumped.zMeasure ? [dumped.zMeasure] : [])[0] || null,
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         timeDimension: dumped.timeDimension,
         displayTitle: dumped.displayTitle,
@@ -6855,15 +6868,14 @@ var BubbleChartV2 = function BubbleChartV2(config) {
     },
     load: function load(dumped) {
       var _dumped$xAxisMin, _dumped$xAxisMax, _dumped$yAxisMin, _dumped$yAxisMax, _dumped$tags, _dumped$trends;
-      return {
+      return _extends({
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         zMeasure: upcastMeasure(dumped.zMeasure),
         xMeasure: upcastMeasure(dumped.xMeasure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -6871,7 +6883,6 @@ var BubbleChartV2 = function BubbleChartV2(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
         yAxisPostfix: dumped.yAxisPostfix,
@@ -6897,7 +6908,7 @@ var BubbleChartV2 = function BubbleChartV2(config) {
         axisTitles: dumped.axisTitles,
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
         trends: (_dumped$trends = dumped.trends) != null ? _dumped$trends : []
-      };
+      });
     },
     setAttributes: setAttributes$7(config),
     validate: function validate(attrs, dataSets) {
@@ -7111,8 +7122,8 @@ function upcast$3(raw, functionsToCheck, upcastApproxXAxisLabelCountWithAllOptio
     barMeasure: upcastMeasure(raw.barMeasure),
     order: upcastOrder(raw.order, raw.timeDimension || null),
     filter: upcastFilter(raw.filter),
-    lineDimension: upcastStringDimensionsToObject(raw.lineDimension || raw.dimension || []),
-    barDimension: upcastStringDimensionsToObject(raw.barDimension || raw.dimension || []),
+    lineDimension: upcastDimensions(raw.lineDimension || raw.dimension || []).dimension,
+    barDimension: upcastDimensions(raw.barDimension || raw.dimension || []).dimension,
     viewId: upcastViewId(raw.viewId),
     approxXAxisLabelCount: upcastApproxXAxisLabelCountWithAllOptions ? upcastAxisLabelWithAllOptions(raw.approxXAxisLabelCount) : upcastAxisLabel(raw.approxXAxisLabelCount),
     approxYAxisLabelCount: upcastAxisLabel(raw.approxYAxisLabelCount),
@@ -8277,7 +8288,7 @@ var DataTable = function DataTable(config) {
         displayTitle: dumped.displayTitle,
         dimension: upcastPivots(getGroupingWithTimeDimension({
           timeDimension: dumped.timeDimension,
-          dimension: upcastStringDimensionsToObject(dumped.dimension)
+          dimension: upcastDimensions(dumped.dimension).dimension
         })),
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -8685,7 +8696,7 @@ var FunnelChart = function FunnelChart(config) {
       return _extends({}, dumped, {
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         filter: upcastFilter(dumped.filter),
         approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
@@ -9011,7 +9022,7 @@ var HorizontalBarChart = function HorizontalBarChart(config) {
       return _extends({}, dumped, {
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         filter: upcastFilter(dumped.filter),
         approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
@@ -9377,13 +9388,12 @@ var HorizontalBarChart$1 = function HorizontalBarChart(config) {
     },
     load: function load(dumped) {
       var _dumped$xAxisMin, _dumped$xAxisMax, _dumped$yAxisMin, _dumped$yAxisMax, _dumped$tags;
-      return {
+      return _extends({
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -9391,7 +9401,6 @@ var HorizontalBarChart$1 = function HorizontalBarChart(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
         yAxisPostfix: dumped.yAxisPostfix,
@@ -9417,7 +9426,7 @@ var HorizontalBarChart$1 = function HorizontalBarChart(config) {
         stacked: dumped.stacked,
         parametersV2: upcast$2(dumped.parameters, dumped.parametersV2, config.queryEngineConfig)
         // drilldownOptions: dumped.drilldownOptions,
-      };
+      });
     },
     setAttributes: setAttributes$d(config),
     validate: function validate(attrs, dataSets) {
@@ -9776,7 +9785,7 @@ var LineChart = function LineChart(config) {
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         timeDimension: dumped.timeDimension,
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
@@ -10221,13 +10230,12 @@ var LineChart$1 = function LineChart(config) {
     },
     load: function load(dumped) {
       var _dumped$xAxisMin, _dumped$xAxisMax, _dumped$yAxisMin, _dumped$yAxisMax, _dumped$yDualAxisMin, _dumped$yDualAxisMax, _dumped$tags, _dumped$trends, _dumped$isDualAxisEna, _dumped$aggregateMetr;
-      return {
+      return _extends({
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -10235,7 +10243,6 @@ var LineChart$1 = function LineChart(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisFormat: dumped.xAxisFormat,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
@@ -10269,7 +10276,7 @@ var LineChart$1 = function LineChart(config) {
         trends: (_dumped$trends = dumped.trends) != null ? _dumped$trends : [],
         isDualAxisEnabled: (_dumped$isDualAxisEna = dumped.isDualAxisEnabled) != null ? _dumped$isDualAxisEna : false,
         aggregateMetricGroup: (_dumped$aggregateMetr = dumped.aggregateMetricGroup) != null ? _dumped$aggregateMetr : false
-      };
+      });
     },
     setAttributes: setAttributes$f(config),
     validate: function validate(attrs, dataSets) {
@@ -10786,7 +10793,7 @@ var PieChart = function PieChart(config) {
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         timeDimension: dumped.timeDimension,
         displayTitle: dumped.displayTitle,
@@ -11374,8 +11381,7 @@ var RadarChart = function RadarChart(config) {
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
+        dimension: upcastDimensions(dumped.dimension).dimension,
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -12037,7 +12043,7 @@ var ScatterChart = function ScatterChart(config) {
         type: dumped.type,
         xMeasure: upcastMeasure(dumped.xMeasure ? [dumped.xMeasure] : [])[0] || null,
         yMeasure: upcastMeasure(dumped.yMeasure ? [dumped.yMeasure] : [])[0] || null,
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         timeDimension: dumped.timeDimension,
         displayTitle: dumped.displayTitle,
@@ -12419,13 +12425,13 @@ var ScatterChartV2 = function ScatterChartV2(config) {
     },
     load: function load(dumped) {
       var _dumped$xAxisMin, _dumped$xAxisMax, _dumped$yAxisMin, _dumped$yAxisMax, _dumped$tags, _dumped$trends;
-      return {
+      return _extends({
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         xMeasure: upcastMeasure(dumped.xMeasure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        order: upcastOrder(dumped.order, dumped.timeDimension)
+      }, upcastDimensions(dumped.dimension, dumped.timeDimension), {
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -12433,7 +12439,6 @@ var ScatterChartV2 = function ScatterChartV2(config) {
         filter: upcastFilter(dumped.filter),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
-        timeDimension: null,
         xAxisPostfix: dumped.xAxisPostfix,
         xAxisPrefix: dumped.xAxisPrefix,
         yAxisPostfix: dumped.yAxisPostfix,
@@ -12459,7 +12464,7 @@ var ScatterChartV2 = function ScatterChartV2(config) {
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
         trends: (_dumped$trends = dumped.trends) != null ? _dumped$trends : [],
         parametersV2: upcast$2(dumped.parameters, dumped.parametersV2, config.queryEngineConfig)
-      };
+      });
     },
     setAttributes: setAttributes$k(config),
     validate: function validate(attrs, dataSets) {
@@ -13013,7 +13018,7 @@ var SunburstChart = function SunburstChart(config) {
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         viewId: upcastViewId(dumped.viewId),
         timeDimension: dumped.timeDimension,
         displayTitle: dumped.displayTitle,
@@ -13618,7 +13623,7 @@ var WaterfallChart = function WaterfallChart(config) {
         filter: upcastFilter(dumped.filter),
         dimension: getGroupingWithTimeDimension({
           timeDimension: (_dumped$timeDimension = dumped.timeDimension) != null ? _dumped$timeDimension : null,
-          dimension: upcastStringDimensionsToObject(dumped.dimension)
+          dimension: upcastDimensions(dumped.dimension).dimension
         }),
         parameters: upcastV1Parameters(dumped.parameters),
         parametersV2: upcast$2(dumped.parameters, dumped.parametersV2, config.queryEngineConfig),
@@ -15071,7 +15076,7 @@ var HorizontalWaterfallChart = function HorizontalWaterfallChart(config) {
         filter: upcastFilter(dumped.filter),
         dimension: getGroupingWithTimeDimension({
           timeDimension: (_dumped$timeDimension = dumped.timeDimension) != null ? _dumped$timeDimension : null,
-          dimension: upcastStringDimensionsToObject(dumped.dimension)
+          dimension: upcastDimensions(dumped.dimension).dimension
         }),
         parameters: upcastV1Parameters(dumped.parameters),
         parametersV2: upcast$2(dumped.parameters, dumped.parametersV2, config.queryEngineConfig),
@@ -15454,9 +15459,9 @@ var CurveViewerChart = function CurveViewerChart(config) {
         updated_at: dumped.updated_at,
         type: dumped.type,
         measure: upcastMeasure(dumped.measure),
-        xDimension: upcastStringDimensionsToObject(dumped.xDimension),
+        xDimension: upcastDimensions(dumped.xDimension).dimension,
         order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        dimension: upcastDimensions(dumped.dimension).dimension,
         displayTitle: dumped.displayTitle,
         displaySubject: dumped.displaySubject,
         protectedByOrganisation: dumped.protectedByOrganisation,
@@ -15476,8 +15481,8 @@ var CurveViewerChart = function CurveViewerChart(config) {
         legend: dumped.legend,
         legendSingleRow: dumped.legendSingleRow,
         showSpendMarkers: (_dumped$showSpendMark = dumped.showSpendMarkers) != null ? _dumped$showSpendMark : true,
-        pointNameDimension: upcastStringDimensionsToObject((_dumped$pointNameDime = dumped.pointNameDimension) != null ? _dumped$pointNameDime : []),
-        pointValueDimension: upcastStringDimensionsToObject((_dumped$pointValueDim = dumped.pointValueDimension) != null ? _dumped$pointValueDim : []),
+        pointNameDimension: upcastDimensions((_dumped$pointNameDime = dumped.pointNameDimension) != null ? _dumped$pointNameDime : []).dimension,
+        pointValueDimension: upcastDimensions((_dumped$pointValueDim = dumped.pointValueDimension) != null ? _dumped$pointValueDim : []).dimension,
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
         parameters: upcastV1Parameters(dumped.parameters),
         parametersV2: upcast$2(dumped.parameters, dumped.parametersV2, config.queryEngineConfig),
@@ -16222,6 +16227,642 @@ var NewVizzlyImplementation = /*#__PURE__*/function (_Error) {
 
 var VizzlyTheming;
 
+var DEFAULT_ROW_HEIGHT = 350;
+var HEADER_ROW_HEIGHT = 52;
+var linearScale = function linearScale(colors, colorCount) {
+  return chroma.scale(colors).colors(colorCount);
+};
+var themeToColorScale = function themeToColorScale(colors, colorCount) {
+  var _colors$length;
+  if ((colorCount != null ? colorCount : 0) <= ((_colors$length = colors == null ? void 0 : colors.length) != null ? _colors$length : 0)) {
+    return colors;
+  }
+  return shuffle(linearScale(colors, colorCount));
+};
+var vizzlyDefaultTheme = {
+  colors: ['#feae4a', '#5fbaff', '#e15e9d'],
+  detail: 'minimal',
+  fontFamily: 'Inter, sans-serif',
+  rowLimit: 6,
+  fontSize: '0.65rem'
+};
+var darkerColor = function darkerColor(color, darkenBy, opacity) {
+  var newColor = chroma(color).darken(darkenBy);
+  if (opacity) newColor = setOpacity(newColor, opacity);
+  return newColor.hex();
+};
+var darkenListOfColors = function darkenListOfColors(colors, darkenBy) {
+  if (darkenBy === void 0) {
+    darkenBy = 1;
+  }
+  return [].concat(colors).map(function (color) {
+    return darkerColor(color, darkenBy);
+  });
+};
+var lighterColor = function lighterColor(color, brightenBy, opacity) {
+  var newColor = chroma(color).brighten(brightenBy);
+  if (opacity) newColor = setOpacity(newColor, opacity);
+  return newColor.hex();
+};
+var TONAL_RAMP_LIGHTNESS_STEP = 40;
+var TONAL_RAMP_LIGHTNESS_MIN = 12;
+var TONAL_RAMP_LIGHTNESS_MAX = 92;
+var toneOfHue = function toneOfHue(color, targetLightness) {
+  var baseLightness = color.get('lab.l');
+  if (Math.abs(targetLightness - baseLightness) < 1e-9) return color.hex();
+  if (targetLightness < baseLightness) {
+    var _ratio = baseLightness <= 0 ? 1 : 1 - targetLightness / baseLightness;
+    return chroma.mix(color, 'black', _ratio, 'lab').hex();
+  }
+  var ratio = baseLightness >= 100 ? 1 : (targetLightness - baseLightness) / (100 - baseLightness);
+  return chroma.mix(color, 'white', ratio, 'lab').hex();
+};
+var getTonalShadeScale = function getTonalShadeScale(base, count) {
+  if (!base) return [];
+  var color;
+  try {
+    color = chroma(base);
+  } catch (_unused) {
+    return [];
+  }
+  if (count <= 1) return [color.hex()];
+  var span = TONAL_RAMP_LIGHTNESS_MAX - TONAL_RAMP_LIGHTNESS_MIN;
+  var step = Math.min(TONAL_RAMP_LIGHTNESS_STEP, span / (count - 1));
+  var center = (TONAL_RAMP_LIGHTNESS_MIN + TONAL_RAMP_LIGHTNESS_MAX) / 2;
+  var start = center - step * (count - 1) / 2;
+  var end = start + step * (count - 1);
+  var domainStops = [toneOfHue(color, start), toneOfHue(color, center), toneOfHue(color, end)];
+  return chroma.scale(domainStops).mode('lab').colors(count);
+};
+var setOpacity = function setOpacity(color, opacity) {
+  return chroma(color).alpha(opacity);
+};
+var highestContrast = function highestContrast(baseColor, colorOptions) {
+  return _.maxBy(colorOptions, function (potentialTextColour) {
+    return chroma.contrast(potentialTextColour, baseColor);
+  }) || baseColor;
+};
+
+// Typically anything over 4.5 is high enough contrast.
+var pickBestTextColor = function pickBestTextColor(backgroundColour, possibleTextColours) {
+  return highestContrast(backgroundColour, possibleTextColours);
+};
+
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+// https://stackoverflow.com/questions/16801687/javascript-random-ordering-with-seed
+
+var random = function random(seed) {
+  var x = Math.sin(seed++) * 10000;
+  return x - Math.floor(x);
+};
+var DEFAULT_RANDOM_SEED = 5;
+var shuffle = function shuffle(array, seed) {
+  if (seed === void 0) {
+    seed = DEFAULT_RANDOM_SEED;
+  }
+  var m = array.length,
+    t,
+    i;
+
+  // While there remain elements to shuffle…
+  while (m) {
+    // Pick a remaining element…
+    i = Math.floor(random(seed) * m--);
+
+    // And swap it with the current element.
+    t = array[m];
+    array[m] = array[i];
+    array[i] = t;
+    ++seed;
+  }
+  return array;
+};
+var DEFAULT_CHART_FONT_SIZES = {
+  title: 16,
+  axisTitles: 11,
+  tableText: 12.932,
+  subject: 12,
+  labels: 9,
+  legend: 12,
+  dataLabels: 10
+};
+
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+// ------------------------------------------------------------------------------------
+
+var init$9 = function init(displayTitle) {
+  return {
+    displayTitle: displayTitle,
+    colSpan: 12
+  };
+};
+var isComponent = function isComponent(component) {
+  return 'displayTitle' in component;
+};
+var HEADER_ROW_HEIGHT$1 = 52;
+var add = function add(display, rowIndex, initialTitle) {
+  var updatedDisplay = [].concat(display);
+  var newHeader = init$9(initialTitle);
+  var newRow = initRow([newHeader], HEADER_ROW_HEIGHT$1);
+  updatedDisplay.splice(rowIndex, 0, newRow);
+  return updatedDisplay;
+};
+
+var ALL_COMPONENT_TYPES = ['barChart', 'barChartV2', 'horizontalBarChart', 'horizontalBarChartV2', 'funnelChart', 'areaChart', 'areaChartV2', 'lineChart', 'lineChartV2', 'comboChartV2', 'scatterChart', 'scatterChartV2', 'bubbleChart', 'bubbleChartV2', 'pieChart', 'sunburstChart', 'singleStat', 'dataTable', 'basicTable', 'comboChart', 'mercatorMap', 'progress', 'richText', 'custom', 'waterfallChart', 'horizontalWaterfallChart', 'radarChart', 'curveViewerChart'];
+var ALL_VIZZLY_COMPONENT_TYPES = /*#__PURE__*/[].concat(ALL_COMPONENT_TYPES).filter(function (type) {
+  return type != 'custom';
+});
+
+var POPULATE_ONE_CELL = 1;
+var initial = function initial(attributes) {
+  return {
+    attributes: attributes,
+    localFilters: [],
+    colSpan: POPULATE_ONE_CELL,
+    reports: []
+  };
+};
+var isEmpty = function isEmpty(component) {
+  return 'isEmpty' in component;
+};
+var removeField$3 = function removeField(component, fieldId) {
+  var newComponent = _.cloneDeep(component);
+  newComponent.attributes = getComponentInterface(component.attributes.type).removeField(component.attributes, fieldId);
+  return newComponent;
+};
+
+var load$1 = function load$1(dumped, componentInterfaceConfig) {
+  if ('isEmpty' in dumped || isComponent(dumped)) return dumped;
+  var _getComponentInterfac = getComponentInterface(dumped.attributes.type, componentInterfaceConfig),
+    load$1 = _getComponentInterfac.load;
+  var attributes = load$1(dumped.attributes);
+  var localFilters = [];
+  if (_.isArray(dumped.localFilters)) {
+    localFilters = [].concat(dumped.localFilters ? dumped.localFilters : []).map(function (localFilter) {
+      return load(localFilter);
+    });
+  }
+  if ('addOns' in dumped.attributes && _.isEmpty(localFilters)) {
+    dumped.attributes.addOns.forEach(function (addOn) {
+      localFilters = [].concat(localFilters, [{
+        type: addOn.type == 'dateFilter' ? 'dateFilter' : 'singleSelectFilter',
+        value: null,
+        requiresValue: false,
+        managedByConfiguration: false,
+        appliesToFields: [{
+          fieldId: addOn.field,
+          dataSetId: attributes.dataSetId
+        }]
+      }]);
+    });
+  }
+
+  // @ts-ignore
+  delete dumped['addOns'];
+  // @ts-ignore
+  delete attributes['addOns'];
+
+  // @ts-ignore
+  delete attributes['results'];
+  return _extends({}, dumped, {
+    localFilters: localFilters,
+    attributes: attributes
+  });
+};
+var dump$1 = function dump$1(hydrated) {
+  if (isComponentEmpty(hydrated) || isComponent(hydrated)) return hydrated;
+  var localFilters = [].concat(hydrated.localFilters && _.isArray(hydrated.localFilters) ? hydrated.localFilters : []).map(dump);
+  return _extends({}, hydrated, {
+    results: undefined,
+    queries: undefined,
+    attributes: _extends({}, hydrated.attributes, {
+      offset: undefined
+    }),
+    localFilters: localFilters
+  });
+};
+
+var saveable = function saveable(component, protectedComponent) {
+  var _component$localFilte;
+  if (!component.attributes) {
+    throw new Error('Component attributes are required in saveable');
+  }
+  return {
+    attributes: _extends({}, component.attributes, {
+      protectedByOrganisation: protectedComponent ? true : undefined
+    }),
+    localFilters: (_component$localFilte = component.localFilters) != null ? _component$localFilte : [],
+    colSpan: 1,
+    reports: []
+  };
+};
+
+var attributesSchema$r = function attributesSchema(config) {
+  return Joi.alternatives().conditional('.type', {
+    is: 'barChart',
+    then: BarChart(config).schema
+  }).conditional('.type', {
+    is: 'richText',
+    then: RichText(config).schema
+  }).conditional('.type', {
+    is: 'mercatorMap',
+    then: MercatorMap(config).schema
+  }).conditional('.type', {
+    is: 'horizontalBarChart',
+    then: HorizontalBarChart(config).schema
+  }).conditional('.type', {
+    is: 'lineChart',
+    then: LineChart(config).schema
+  }).conditional('.type', {
+    is: 'lineChartV2',
+    then: LineChart$1(config).schema
+  }).conditional('.type', {
+    is: 'barChartV2',
+    then: BarChart$1(config).schema
+  }).conditional('.type', {
+    is: 'areaChartV2',
+    then: AreaChart$1(config).schema
+  }).conditional('.type', {
+    is: 'comboChartV2',
+    then: ComboChartV2(config).schema
+  }).conditional('.type', {
+    is: 'comboChart',
+    then: ComboChart(config).schema
+  }).conditional('.type', {
+    is: 'areaChart',
+    then: AreaChart(config).schema
+  }).conditional('.type', {
+    is: 'pieChart',
+    then: PieChart(config).schema
+  }).conditional('.type', {
+    is: 'bubbleChart',
+    then: BubbleChart(config).schema
+  }).conditional('.type', {
+    is: 'bubbleChartV2',
+    then: BubbleChartV2(config).schema
+  }).conditional('.type', {
+    is: 'scatterChartV2',
+    then: ScatterChartV2(config).schema
+  }).conditional('.type', {
+    is: 'sunburstChart',
+    then: SunburstChart(config).schema
+  }).conditional('.type', {
+    is: 'scatterChart',
+    then: ScatterChart(config).schema
+  }).conditional('.type', {
+    is: 'singleStat',
+    then: SingleStat(config).schema
+  }).conditional('.type', {
+    is: 'dataTable',
+    then: DataTable(config).schema
+  }).conditional('.type', {
+    is: 'basicTable',
+    then: BasicTable(config).schema
+  }).conditional('.type', {
+    is: 'progress',
+    then: Progress(config).schema
+  }).conditional('.type', {
+    is: 'custom',
+    then: CustomChart(config).schema
+  }).conditional('.type', {
+    is: 'funnelChart',
+    then: FunnelChart(config).schema
+  }).conditional('.type', {
+    is: 'waterfallChart',
+    then: WaterfallChart(config).schema
+  }).conditional('.type', {
+    is: 'radarChart',
+    then: RadarChart(config).schema
+  }).conditional('.type', {
+    is: 'curveViewerChart',
+    then: CurveViewerChart(config).schema
+  }).conditional('.type', {
+    is: 'horizontalBarChartV2',
+    then: HorizontalBarChart$1(config).schema
+  }).conditional('.type', {
+    is: 'horizontalWaterfallChart',
+    then: HorizontalWaterfallChart(config).schema
+  });
+};
+
+var removeFieldReferences = function removeFieldReferences(display, fieldId) {
+  var newDisplay = _.cloneDeep(display);
+  newDisplay.map(function (row) {
+    var rowComponents = row.components.map(function (cell) {
+      if (isEmpty(cell) || isComponent(cell)) {
+        return cell;
+      } else {
+        cell.attributes = getComponentInterface(cell.attributes.type).removeField(cell.attributes, fieldId);
+        return cell;
+      }
+    });
+    return _extends({}, row, {
+      components: rowComponents
+    });
+  });
+  return newDisplay;
+};
+var removeAllFieldReferences = function removeAllFieldReferences(display, fieldsToRemove) {
+  var newDisplay = _.reduce(fieldsToRemove, function (display, fieldToRemove) {
+    return removeFieldReferences(display, fieldToRemove.id);
+  }, display);
+  return newDisplay;
+};
+
+var allComponentsInDirection = function allComponentsInDirection(display, rowIndex, cellIndex, direction) {
+  var row = display[rowIndex];
+  if (direction == 'left') {
+    return [].concat(row.components).slice(0, cellIndex).reverse();
+  } else {
+    return [].concat(row.components).slice(cellIndex + 1, row.components.length);
+  }
+};
+var getNextComponentIndexWithSpace = function getNextComponentIndexWithSpace(display, rowIndex, cellIndex, direction) {
+  var componentsToCheck = allComponentsInDirection(display, rowIndex, cellIndex, direction);
+  var componentsToCheckLastIndex = componentsToCheck.length - 1;
+  var indexFromCell = componentsToCheck.findIndex(function (component) {
+    return component.colSpan > 2;
+  });
+  if (indexFromCell == -1) return -1;
+  return direction == 'left' ? componentsToCheckLastIndex - indexFromCell : indexFromCell + 1 + cellIndex;
+};
+var insertRow = function insertRow(display, rowIndex, height) {
+  if (height === void 0) {
+    height = DEFAULT_ROW_HEIGHT;
+  }
+  var newDisplay = [].concat(display);
+  newDisplay.splice(rowIndex, 0, {
+    components: [{
+      isEmpty: true,
+      colSpan: 12
+    }],
+    height: height
+  });
+  return newDisplay;
+};
+var newEmptyCell = function newEmptyCell(colSpan) {
+  return {
+    colSpan: colSpan,
+    isEmpty: true
+  };
+};
+var TOTAL_COLSPAN = 12;
+var SPAN_BREAK_POINT = 5;
+
+/** ColSpan per cell when a row has `componentCount` cells (matches appendEmptyCell discretization). */
+function getDiscretizedColSpanForComponentCount(componentCount) {
+  if (componentCount === 1) return TOTAL_COLSPAN;
+  if (componentCount < SPAN_BREAK_POINT) return TOTAL_COLSPAN / componentCount;
+  return 2;
+}
+function getColSpan(currentSpans) {
+  return getDiscretizedColSpanForComponentCount(currentSpans);
+}
+var getIndexToCheck = function getIndexToCheck(panelLength) {
+  if (panelLength > 2 && panelLength < SPAN_BREAK_POINT) return 3;
+  return 2;
+};
+
+/*
+  Create space for a new cell to be appended to the row.
+*/
+var appendEmptyCell = function appendEmptyCell(currentPanels, rowIndex) {
+  var updatedRow = _.cloneDeep(currentPanels);
+  var updatedPanels = [].concat(updatedRow[rowIndex].components);
+  var emptyCell = newEmptyCell(getColSpan(updatedPanels.length + 1));
+  updatedPanels = [].concat(updatedPanels, [emptyCell]);
+  var lastCellIndex = updatedPanels.length - 1;
+  for (var index = 0; index < getIndexToCheck(updatedPanels.length); index++) {
+    var indexOfComponentToDecrease = getNextComponentIndexWithSpace(updatedRow, rowIndex, lastCellIndex, 'left');
+    if (updatedPanels.length < SPAN_BREAK_POINT) {
+      updatedPanels[index].colSpan = getColSpan(updatedPanels.length);
+    } else {
+      updatedPanels[indexOfComponentToDecrease].colSpan = updatedPanels[indexOfComponentToDecrease].colSpan - 1;
+    }
+    updatedRow[rowIndex] = {
+      components: [].concat(updatedPanels),
+      height: updatedRow[rowIndex].height
+    };
+  }
+  return updatedRow;
+};
+var setComponent = function setComponent(display, component, rowIndex, cellIndex) {
+  var newDisplay = [].concat(display);
+  var newDisplayRowComponents = [].concat(newDisplay[rowIndex].components);
+  var currentColSpan = newDisplayRowComponents[cellIndex].colSpan;
+  newDisplayRowComponents[cellIndex] = _extends({}, component, {
+    colSpan: currentColSpan
+  });
+  newDisplay[rowIndex] = {
+    components: newDisplayRowComponents,
+    height: newDisplay[rowIndex].height
+  };
+  return newDisplay;
+};
+var swapComponents = function swapComponents(display, positionA, positionB) {
+  var componentA = _extends({}, display[positionA.rowIndex].components[positionA.cellIndex]);
+  var componentB = _extends({}, display[positionB.rowIndex].components[positionB.cellIndex]);
+  display = setComponent(display, componentA, positionB.rowIndex, positionB.cellIndex);
+  display = setComponent(display, componentB, positionA.rowIndex, positionA.cellIndex);
+  return display;
+};
+var initRow = function initRow(components, height) {
+  return {
+    components: components,
+    height: height != null ? height : DEFAULT_ROW_HEIGHT
+  };
+};
+var isComponentEmpty = function isComponentEmpty(component) {
+  return 'isEmpty' in component;
+};
+function isDisplayComponentsEmpty(display) {
+  for (var _iterator = _createForOfIteratorHelperLoose(display), _step; !(_step = _iterator()).done;) {
+    var item = _step.value;
+    for (var _iterator2 = _createForOfIteratorHelperLoose(item.components), _step2; !(_step2 = _iterator2()).done;) {
+      var component = _step2.value;
+      if (!('isEmpty' in component) || component.isEmpty !== true) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+var moveDisplayToNewIndex = function moveDisplayToNewIndex(display, movingIndex, destinationIndex) {
+  if (movingIndex === destinationIndex || movingIndex < 0 || destinationIndex < 0 || movingIndex >= display.length || destinationIndex >= display.length) {
+    return [].concat(display);
+  }
+  var newDisplay = [].concat(display);
+  var movingRow = newDisplay.splice(movingIndex, 1)[0];
+  newDisplay.splice(destinationIndex, 0, movingRow);
+  return newDisplay;
+};
+var countNonHeaderRows = function countNonHeaderRows(display) {
+  var activeRows = 0;
+  display.forEach(function (row) {
+    var firstCell = row.components[0];
+    if (firstCell && !isComponent(firstCell)) {
+      activeRows = activeRows + 1;
+    }
+  });
+  return activeRows;
+};
+
+/**
+ * Returns only display rows/cells whose view matches `viewId`.
+ * When a row contains multiple views, only the matching cell is kept (colSpan 12).
+ */
+var filterDisplayByViewId = function filterDisplayByViewId(display, viewId, options) {
+  return display.map(function (row) {
+    var matchingComponents = row.components.filter(function (component) {
+      if (isComponentEmpty(component) || isComponent(component)) {
+        return false;
+      }
+      return component.attributes.viewId === viewId;
+    });
+    if (matchingComponents.length === 0) {
+      return null;
+    }
+    var components = matchingComponents.map(function (component) {
+      var withColSpan = matchingComponents.length === 1 ? _extends({}, component, {
+        colSpan: TOTAL_COLSPAN
+      }) : component;
+      if (!isComponentEmpty(withColSpan) && !isComponent(withColSpan) && ((options == null ? void 0 : options.globalFilters) !== undefined || (options == null ? void 0 : options.localFiltersOverride) !== undefined)) {
+        var _options$globalFilter;
+        return applySingleViewFiltersToComponent(withColSpan, {
+          globalFilters: (_options$globalFilter = options == null ? void 0 : options.globalFilters) != null ? _options$globalFilter : [],
+          localFiltersOverride: options == null ? void 0 : options.localFiltersOverride
+        });
+      }
+      return withColSpan;
+    });
+    return _extends({}, row, {
+      components: components
+    });
+  }).filter(function (row) {
+    return row !== null;
+  });
+};
+var findCellByViewId = function findCellByViewId(display, viewId) {
+  for (var rowIndex = 0; rowIndex < display.length; rowIndex++) {
+    for (var cellIndex = 0; cellIndex < display[rowIndex].components.length; cellIndex++) {
+      var component = display[rowIndex].components[cellIndex];
+      if (isComponentEmpty(component) || isComponent(component)) {
+        continue;
+      }
+      if (component.attributes.viewId === viewId) {
+        return {
+          rowIndex: rowIndex,
+          cellIndex: cellIndex,
+          component: component
+        };
+      }
+    }
+  }
+  return null;
+};
+var resolveDisplayCellIndices = function resolveDisplayCellIndices(display, rowIndex, cellIndex, cell, isSingleViewFiltered) {
+  // The viewId-based lookup only makes sense when `display` here is a
+  // filtered subset (single-view embed) and `rowIndex`/`cellIndex` are
+  // positions within that subset rather than the source dashboard. In the
+  // normal, unfiltered editor render loop those indices already ARE the
+  // source indices, and matching by `viewId` can incorrectly collapse
+  // multiple cells that happen to share the same viewId onto one index.
+  if (isSingleViewFiltered && !isComponentEmpty(cell) && !isComponent(cell) && cell.attributes.viewId) {
+    var match = findCellByViewId(display, cell.attributes.viewId);
+    if (match) {
+      return {
+        rowIndex: match.rowIndex,
+        cellIndex: match.cellIndex
+      };
+    }
+  }
+  return {
+    rowIndex: rowIndex,
+    cellIndex: cellIndex
+  };
+};
+
+var ensureTwelve = function ensureTwelve(row) {
+  var newRow = [].concat(row);
+  var total = _.sumBy(newRow, function (cell) {
+    return cell.colSpan;
+  });
+  if (total == 12) return newRow;
+  newRow[newRow.length - 1].colSpan += 12 - total;
+  return newRow;
+};
+var upcastRowToIncludeHeight = function upcastRowToIncludeHeight(displayRow) {
+  if ('components' in displayRow) {
+    return displayRow;
+  }
+  return {
+    components: displayRow,
+    height: DEFAULT_ROW_HEIGHT
+  };
+};
+var filterInvalidEmptyCells = function filterInvalidEmptyCells(cell) {
+  if (cell && isComponentEmpty(cell) && cell.colSpan <= 0) {
+    return false;
+  }
+  return true;
+};
+var upcastRow = function upcastRow(displayRow, componentInterfaceConfig) {
+  var displayRowWithComponentsKey = upcastRowToIncludeHeight(displayRow);
+  var allValidComponentsHaveColSpan = function allValidComponentsHaveColSpan(component) {
+    if (component && component.colSpan <= 0) {
+      return _extends({}, component, {
+        colSpan: 1
+      });
+    }
+    return component;
+  };
+  var filteredComponents = displayRowWithComponentsKey.components.filter(filterInvalidEmptyCells).map(allValidComponentsHaveColSpan);
+  var nullCounts = _.sumBy(filteredComponents, function (cell) {
+    return cell == null ? 1 : 0;
+  });
+  var filledCounts = _.sumBy(filteredComponents, function (cell) {
+    return cell == null ? 0 : cell.colSpan;
+  });
+  var emptySpaceToFill = 12 - filledCounts;
+  var fallbackColSpan = Math.floor(emptySpaceToFill / nullCounts);
+  var upcastedComponents = [].concat(filteredComponents).map(function (rawComponent) {
+    if (rawComponent === null) {
+      return {
+        isEmpty: true,
+        colSpan: fallbackColSpan
+      };
+    }
+    if (isComponentEmpty(rawComponent) || isComponent(rawComponent)) return rawComponent;
+    return load$1(_extends({}, rawComponent, {
+      colSpan: rawComponent.colSpan
+    }), componentInterfaceConfig);
+  });
+  return {
+    components: ensureTwelve(upcastedComponents),
+    height: displayRowWithComponentsKey.height || DEFAULT_ROW_HEIGHT
+  };
+};
+
+var load$2 = function load(dumped, componentInterfaceConfig) {
+  return dumped.map(function (row) {
+    return upcastRow(row, componentInterfaceConfig);
+  });
+};
+var dump$2 = function dump(hydrated) {
+  return hydrated.map(function (row) {
+    var saveableComponents = [].concat(row.components).map(dump$1);
+    return {
+      components: saveableComponents,
+      height: row.height
+    };
+  });
+};
+
 var SavingState = /*#__PURE__*/function (SavingState) {
   SavingState["InProgress"] = "InProgress";
   SavingState["Saved"] = "Saved";
@@ -16296,11 +16937,17 @@ var VizzlyStateManager = /*#__PURE__*/function () {
       });
     });
   };
-  _proto.setDashboard = function setDashboard(identifier, dashboard) {
+  _proto.setDashboard = function setDashboard(identifier, dashboard, queryEngineConfig) {
     if (!this.subscribers[identifier]) return;
+    var config = {
+      queryEngineConfig: queryEngineConfig != null ? queryEngineConfig : getQueryEngineConfig('snowflake')
+    };
+    var hydratedDisplay = dashboard != null && dashboard.display ? load$2(dashboard.display, config) : undefined;
     this.subscribers[identifier].forEach(function (listener) {
       return listener({
-        dashboard: dashboard
+        dashboard: _extends({}, dashboard, {
+          display: hydratedDisplay
+        })
       });
     });
   };
@@ -16861,7 +17508,7 @@ var isLoading = function isLoading(result) {
 var hasFailed = function hasFailed(result) {
   return result === null;
 };
-var isEmpty = function isEmpty(result) {
+var isEmpty$1 = function isEmpty(result) {
   if (isLoading(result)) return true;
   if (hasFailed(result)) return true;
   return _.isEmpty(result.content);
@@ -17231,7 +17878,7 @@ function linearForecast(data, forecastUnits, key, timeUnit, includeForecast // N
   return trendlineWithForecast;
 }
 
-var init$9 = function init(_ref) {
+var init$a = function init(_ref) {
   var pivotConfig = _ref.pivotConfig,
     measures = _ref.measures,
     resultSet = _ref.resultSet,
@@ -18073,134 +18720,6 @@ var TableLibraryWrapper = function TableLibraryWrapper(props) {
   });
 };
 
-var DEFAULT_ROW_HEIGHT = 350;
-var HEADER_ROW_HEIGHT = 52;
-var linearScale = function linearScale(colors, colorCount) {
-  return chroma.scale(colors).colors(colorCount);
-};
-var themeToColorScale = function themeToColorScale(colors, colorCount) {
-  var _colors$length;
-  if ((colorCount != null ? colorCount : 0) <= ((_colors$length = colors == null ? void 0 : colors.length) != null ? _colors$length : 0)) {
-    return colors;
-  }
-  return shuffle(linearScale(colors, colorCount));
-};
-var vizzlyDefaultTheme = {
-  colors: ['#feae4a', '#5fbaff', '#e15e9d'],
-  detail: 'minimal',
-  fontFamily: 'Inter, sans-serif',
-  rowLimit: 6,
-  fontSize: '0.65rem'
-};
-var darkerColor = function darkerColor(color, darkenBy, opacity) {
-  var newColor = chroma(color).darken(darkenBy);
-  if (opacity) newColor = setOpacity(newColor, opacity);
-  return newColor.hex();
-};
-var darkenListOfColors = function darkenListOfColors(colors, darkenBy) {
-  if (darkenBy === void 0) {
-    darkenBy = 1;
-  }
-  return [].concat(colors).map(function (color) {
-    return darkerColor(color, darkenBy);
-  });
-};
-var lighterColor = function lighterColor(color, brightenBy, opacity) {
-  var newColor = chroma(color).brighten(brightenBy);
-  if (opacity) newColor = setOpacity(newColor, opacity);
-  return newColor.hex();
-};
-var TONAL_RAMP_LIGHTNESS_STEP = 40;
-var TONAL_RAMP_LIGHTNESS_MIN = 12;
-var TONAL_RAMP_LIGHTNESS_MAX = 92;
-var toneOfHue = function toneOfHue(color, targetLightness) {
-  var baseLightness = color.get('lab.l');
-  if (Math.abs(targetLightness - baseLightness) < 1e-9) return color.hex();
-  if (targetLightness < baseLightness) {
-    var _ratio = baseLightness <= 0 ? 1 : 1 - targetLightness / baseLightness;
-    return chroma.mix(color, 'black', _ratio, 'lab').hex();
-  }
-  var ratio = baseLightness >= 100 ? 1 : (targetLightness - baseLightness) / (100 - baseLightness);
-  return chroma.mix(color, 'white', ratio, 'lab').hex();
-};
-var getTonalShadeScale = function getTonalShadeScale(base, count) {
-  if (!base) return [];
-  var color;
-  try {
-    color = chroma(base);
-  } catch (_unused) {
-    return [];
-  }
-  if (count <= 1) return [color.hex()];
-  var span = TONAL_RAMP_LIGHTNESS_MAX - TONAL_RAMP_LIGHTNESS_MIN;
-  var step = Math.min(TONAL_RAMP_LIGHTNESS_STEP, span / (count - 1));
-  var center = (TONAL_RAMP_LIGHTNESS_MIN + TONAL_RAMP_LIGHTNESS_MAX) / 2;
-  var start = center - step * (count - 1) / 2;
-  var end = start + step * (count - 1);
-  var domainStops = [toneOfHue(color, start), toneOfHue(color, center), toneOfHue(color, end)];
-  return chroma.scale(domainStops).mode('lab').colors(count);
-};
-var setOpacity = function setOpacity(color, opacity) {
-  return chroma(color).alpha(opacity);
-};
-var highestContrast = function highestContrast(baseColor, colorOptions) {
-  return _.maxBy(colorOptions, function (potentialTextColour) {
-    return chroma.contrast(potentialTextColour, baseColor);
-  }) || baseColor;
-};
-
-// Typically anything over 4.5 is high enough contrast.
-var pickBestTextColor = function pickBestTextColor(backgroundColour, possibleTextColours) {
-  return highestContrast(backgroundColour, possibleTextColours);
-};
-
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-// https://stackoverflow.com/questions/16801687/javascript-random-ordering-with-seed
-
-var random = function random(seed) {
-  var x = Math.sin(seed++) * 10000;
-  return x - Math.floor(x);
-};
-var DEFAULT_RANDOM_SEED = 5;
-var shuffle = function shuffle(array, seed) {
-  if (seed === void 0) {
-    seed = DEFAULT_RANDOM_SEED;
-  }
-  var m = array.length,
-    t,
-    i;
-
-  // While there remain elements to shuffle…
-  while (m) {
-    // Pick a remaining element…
-    i = Math.floor(random(seed) * m--);
-
-    // And swap it with the current element.
-    t = array[m];
-    array[m] = array[i];
-    array[i] = t;
-    ++seed;
-  }
-  return array;
-};
-var DEFAULT_CHART_FONT_SIZES = {
-  title: 16,
-  axisTitles: 11,
-  tableText: 12.932,
-  subject: 12,
-  labels: 9,
-  legend: 12,
-  dataLabels: 10
-};
-
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-// ------------------------------------------------------------------------------------
-
 var _excluded$1 = ["fill", "width", "height"],
   _excluded2 = ["fill", "width", "height"],
   _excluded3 = ["fill", "gradient"],
@@ -19240,514 +19759,6 @@ var buildDefaults = function buildDefaults(partialFeatureToggles) {
   };
 };
 
-var ALL_COMPONENT_TYPES = ['barChart', 'barChartV2', 'horizontalBarChart', 'horizontalBarChartV2', 'funnelChart', 'areaChart', 'areaChartV2', 'lineChart', 'lineChartV2', 'comboChartV2', 'scatterChart', 'scatterChartV2', 'bubbleChart', 'bubbleChartV2', 'pieChart', 'sunburstChart', 'singleStat', 'dataTable', 'basicTable', 'comboChart', 'mercatorMap', 'progress', 'richText', 'custom', 'waterfallChart', 'horizontalWaterfallChart', 'radarChart', 'curveViewerChart'];
-var ALL_VIZZLY_COMPONENT_TYPES = /*#__PURE__*/[].concat(ALL_COMPONENT_TYPES).filter(function (type) {
-  return type != 'custom';
-});
-
-var POPULATE_ONE_CELL = 1;
-var initial = function initial(attributes) {
-  return {
-    attributes: attributes,
-    localFilters: [],
-    colSpan: POPULATE_ONE_CELL,
-    reports: []
-  };
-};
-var isEmpty$1 = function isEmpty(component) {
-  return 'isEmpty' in component;
-};
-var removeField$3 = function removeField(component, fieldId) {
-  var newComponent = _.cloneDeep(component);
-  newComponent.attributes = getComponentInterface(component.attributes.type).removeField(component.attributes, fieldId);
-  return newComponent;
-};
-
-var init$a = function init(displayTitle) {
-  return {
-    displayTitle: displayTitle,
-    colSpan: 12
-  };
-};
-var isComponent = function isComponent(component) {
-  return 'displayTitle' in component;
-};
-var HEADER_ROW_HEIGHT$1 = 52;
-var add = function add(display, rowIndex, initialTitle) {
-  var updatedDisplay = [].concat(display);
-  var newHeader = init$a(initialTitle);
-  var newRow = initRow([newHeader], HEADER_ROW_HEIGHT$1);
-  updatedDisplay.splice(rowIndex, 0, newRow);
-  return updatedDisplay;
-};
-
-var removeFieldReferences = function removeFieldReferences(display, fieldId) {
-  var newDisplay = _.cloneDeep(display);
-  newDisplay.map(function (row) {
-    var rowComponents = row.components.map(function (cell) {
-      if (isEmpty$1(cell) || isComponent(cell)) {
-        return cell;
-      } else {
-        cell.attributes = getComponentInterface(cell.attributes.type).removeField(cell.attributes, fieldId);
-        return cell;
-      }
-    });
-    return _extends({}, row, {
-      components: rowComponents
-    });
-  });
-  return newDisplay;
-};
-var removeAllFieldReferences = function removeAllFieldReferences(display, fieldsToRemove) {
-  var newDisplay = _.reduce(fieldsToRemove, function (display, fieldToRemove) {
-    return removeFieldReferences(display, fieldToRemove.id);
-  }, display);
-  return newDisplay;
-};
-
-var allComponentsInDirection = function allComponentsInDirection(display, rowIndex, cellIndex, direction) {
-  var row = display[rowIndex];
-  if (direction == 'left') {
-    return [].concat(row.components).slice(0, cellIndex).reverse();
-  } else {
-    return [].concat(row.components).slice(cellIndex + 1, row.components.length);
-  }
-};
-var getNextComponentIndexWithSpace = function getNextComponentIndexWithSpace(display, rowIndex, cellIndex, direction) {
-  var componentsToCheck = allComponentsInDirection(display, rowIndex, cellIndex, direction);
-  var componentsToCheckLastIndex = componentsToCheck.length - 1;
-  var indexFromCell = componentsToCheck.findIndex(function (component) {
-    return component.colSpan > 2;
-  });
-  if (indexFromCell == -1) return -1;
-  return direction == 'left' ? componentsToCheckLastIndex - indexFromCell : indexFromCell + 1 + cellIndex;
-};
-var insertRow = function insertRow(display, rowIndex, height) {
-  if (height === void 0) {
-    height = DEFAULT_ROW_HEIGHT;
-  }
-  var newDisplay = [].concat(display);
-  newDisplay.splice(rowIndex, 0, {
-    components: [{
-      isEmpty: true,
-      colSpan: 12
-    }],
-    height: height
-  });
-  return newDisplay;
-};
-var newEmptyCell = function newEmptyCell(colSpan) {
-  return {
-    colSpan: colSpan,
-    isEmpty: true
-  };
-};
-var TOTAL_COLSPAN = 12;
-var SPAN_BREAK_POINT = 5;
-
-/** ColSpan per cell when a row has `componentCount` cells (matches appendEmptyCell discretization). */
-function getDiscretizedColSpanForComponentCount(componentCount) {
-  if (componentCount === 1) return TOTAL_COLSPAN;
-  if (componentCount < SPAN_BREAK_POINT) return TOTAL_COLSPAN / componentCount;
-  return 2;
-}
-function getColSpan(currentSpans) {
-  return getDiscretizedColSpanForComponentCount(currentSpans);
-}
-var getIndexToCheck = function getIndexToCheck(panelLength) {
-  if (panelLength > 2 && panelLength < SPAN_BREAK_POINT) return 3;
-  return 2;
-};
-
-/*
-  Create space for a new cell to be appended to the row.
-*/
-var appendEmptyCell = function appendEmptyCell(currentPanels, rowIndex) {
-  var updatedRow = _.cloneDeep(currentPanels);
-  var updatedPanels = [].concat(updatedRow[rowIndex].components);
-  var emptyCell = newEmptyCell(getColSpan(updatedPanels.length + 1));
-  updatedPanels = [].concat(updatedPanels, [emptyCell]);
-  var lastCellIndex = updatedPanels.length - 1;
-  for (var index = 0; index < getIndexToCheck(updatedPanels.length); index++) {
-    var indexOfComponentToDecrease = getNextComponentIndexWithSpace(updatedRow, rowIndex, lastCellIndex, 'left');
-    if (updatedPanels.length < SPAN_BREAK_POINT) {
-      updatedPanels[index].colSpan = getColSpan(updatedPanels.length);
-    } else {
-      updatedPanels[indexOfComponentToDecrease].colSpan = updatedPanels[indexOfComponentToDecrease].colSpan - 1;
-    }
-    updatedRow[rowIndex] = {
-      components: [].concat(updatedPanels),
-      height: updatedRow[rowIndex].height
-    };
-  }
-  return updatedRow;
-};
-var setComponent = function setComponent(display, component, rowIndex, cellIndex) {
-  var newDisplay = [].concat(display);
-  var newDisplayRowComponents = [].concat(newDisplay[rowIndex].components);
-  var currentColSpan = newDisplayRowComponents[cellIndex].colSpan;
-  newDisplayRowComponents[cellIndex] = _extends({}, component, {
-    colSpan: currentColSpan
-  });
-  newDisplay[rowIndex] = {
-    components: newDisplayRowComponents,
-    height: newDisplay[rowIndex].height
-  };
-  return newDisplay;
-};
-var swapComponents = function swapComponents(display, positionA, positionB) {
-  var componentA = _extends({}, display[positionA.rowIndex].components[positionA.cellIndex]);
-  var componentB = _extends({}, display[positionB.rowIndex].components[positionB.cellIndex]);
-  display = setComponent(display, componentA, positionB.rowIndex, positionB.cellIndex);
-  display = setComponent(display, componentB, positionA.rowIndex, positionA.cellIndex);
-  return display;
-};
-var initRow = function initRow(components, height) {
-  return {
-    components: components,
-    height: height != null ? height : DEFAULT_ROW_HEIGHT
-  };
-};
-var isComponentEmpty = function isComponentEmpty(component) {
-  return 'isEmpty' in component;
-};
-function isDisplayComponentsEmpty(display) {
-  for (var _iterator = _createForOfIteratorHelperLoose(display), _step; !(_step = _iterator()).done;) {
-    var item = _step.value;
-    for (var _iterator2 = _createForOfIteratorHelperLoose(item.components), _step2; !(_step2 = _iterator2()).done;) {
-      var component = _step2.value;
-      if (!('isEmpty' in component) || component.isEmpty !== true) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-var moveDisplayToNewIndex = function moveDisplayToNewIndex(display, movingIndex, destinationIndex) {
-  if (movingIndex === destinationIndex || movingIndex < 0 || destinationIndex < 0 || movingIndex >= display.length || destinationIndex >= display.length) {
-    return [].concat(display);
-  }
-  var newDisplay = [].concat(display);
-  var movingRow = newDisplay.splice(movingIndex, 1)[0];
-  newDisplay.splice(destinationIndex, 0, movingRow);
-  return newDisplay;
-};
-var countNonHeaderRows = function countNonHeaderRows(display) {
-  var activeRows = 0;
-  display.forEach(function (row) {
-    var firstCell = row.components[0];
-    if (firstCell && !isComponent(firstCell)) {
-      activeRows = activeRows + 1;
-    }
-  });
-  return activeRows;
-};
-
-/**
- * Returns only display rows/cells whose view matches `viewId`.
- * When a row contains multiple views, only the matching cell is kept (colSpan 12).
- */
-var filterDisplayByViewId = function filterDisplayByViewId(display, viewId, options) {
-  return display.map(function (row) {
-    var matchingComponents = row.components.filter(function (component) {
-      if (isComponentEmpty(component) || isComponent(component)) {
-        return false;
-      }
-      return component.attributes.viewId === viewId;
-    });
-    if (matchingComponents.length === 0) {
-      return null;
-    }
-    var components = matchingComponents.map(function (component) {
-      var withColSpan = matchingComponents.length === 1 ? _extends({}, component, {
-        colSpan: TOTAL_COLSPAN
-      }) : component;
-      if (!isComponentEmpty(withColSpan) && !isComponent(withColSpan) && ((options == null ? void 0 : options.globalFilters) !== undefined || (options == null ? void 0 : options.localFiltersOverride) !== undefined)) {
-        var _options$globalFilter;
-        return applySingleViewFiltersToComponent(withColSpan, {
-          globalFilters: (_options$globalFilter = options == null ? void 0 : options.globalFilters) != null ? _options$globalFilter : [],
-          localFiltersOverride: options == null ? void 0 : options.localFiltersOverride
-        });
-      }
-      return withColSpan;
-    });
-    return _extends({}, row, {
-      components: components
-    });
-  }).filter(function (row) {
-    return row !== null;
-  });
-};
-var findCellByViewId = function findCellByViewId(display, viewId) {
-  for (var rowIndex = 0; rowIndex < display.length; rowIndex++) {
-    for (var cellIndex = 0; cellIndex < display[rowIndex].components.length; cellIndex++) {
-      var component = display[rowIndex].components[cellIndex];
-      if (isComponentEmpty(component) || isComponent(component)) {
-        continue;
-      }
-      if (component.attributes.viewId === viewId) {
-        return {
-          rowIndex: rowIndex,
-          cellIndex: cellIndex,
-          component: component
-        };
-      }
-    }
-  }
-  return null;
-};
-var resolveDisplayCellIndices = function resolveDisplayCellIndices(display, rowIndex, cellIndex, cell, isSingleViewFiltered) {
-  // The viewId-based lookup only makes sense when `display` here is a
-  // filtered subset (single-view embed) and `rowIndex`/`cellIndex` are
-  // positions within that subset rather than the source dashboard. In the
-  // normal, unfiltered editor render loop those indices already ARE the
-  // source indices, and matching by `viewId` can incorrectly collapse
-  // multiple cells that happen to share the same viewId onto one index.
-  if (isSingleViewFiltered && !isComponentEmpty(cell) && !isComponent(cell) && cell.attributes.viewId) {
-    var match = findCellByViewId(display, cell.attributes.viewId);
-    if (match) {
-      return {
-        rowIndex: match.rowIndex,
-        cellIndex: match.cellIndex
-      };
-    }
-  }
-  return {
-    rowIndex: rowIndex,
-    cellIndex: cellIndex
-  };
-};
-
-var ensureTwelve = function ensureTwelve(row) {
-  var newRow = [].concat(row);
-  var total = _.sumBy(newRow, function (cell) {
-    return cell.colSpan;
-  });
-  if (total == 12) return newRow;
-  newRow[newRow.length - 1].colSpan += 12 - total;
-  return newRow;
-};
-var upcastRowToIncludeHeight = function upcastRowToIncludeHeight(displayRow) {
-  if ('components' in displayRow) {
-    return displayRow;
-  }
-  return {
-    components: displayRow,
-    height: DEFAULT_ROW_HEIGHT
-  };
-};
-var filterInvalidEmptyCells = function filterInvalidEmptyCells(cell) {
-  if (cell && isComponentEmpty(cell) && cell.colSpan <= 0) {
-    return false;
-  }
-  return true;
-};
-var upcastRow = function upcastRow(displayRow, componentInterfaceConfig) {
-  var displayRowWithComponentsKey = upcastRowToIncludeHeight(displayRow);
-  var allValidComponentsHaveColSpan = function allValidComponentsHaveColSpan(component) {
-    if (component && component.colSpan <= 0) {
-      return _extends({}, component, {
-        colSpan: 1
-      });
-    }
-    return component;
-  };
-  var filteredComponents = displayRowWithComponentsKey.components.filter(filterInvalidEmptyCells).map(allValidComponentsHaveColSpan);
-  var nullCounts = _.sumBy(filteredComponents, function (cell) {
-    return cell == null ? 1 : 0;
-  });
-  var filledCounts = _.sumBy(filteredComponents, function (cell) {
-    return cell == null ? 0 : cell.colSpan;
-  });
-  var emptySpaceToFill = 12 - filledCounts;
-  var fallbackColSpan = Math.floor(emptySpaceToFill / nullCounts);
-  var upcastedComponents = [].concat(filteredComponents).map(function (rawComponent) {
-    if (rawComponent === null) {
-      return {
-        isEmpty: true,
-        colSpan: fallbackColSpan
-      };
-    }
-    if (isComponentEmpty(rawComponent) || isComponent(rawComponent)) return rawComponent;
-    return load$2(_extends({}, rawComponent, {
-      colSpan: rawComponent.colSpan
-    }), componentInterfaceConfig);
-  });
-  return {
-    components: ensureTwelve(upcastedComponents),
-    height: displayRowWithComponentsKey.height || DEFAULT_ROW_HEIGHT
-  };
-};
-
-var load$1 = function load(dumped, componentInterfaceConfig) {
-  return dumped.map(function (row) {
-    return upcastRow(row, componentInterfaceConfig);
-  });
-};
-var dump$1 = function dump(hydrated) {
-  return hydrated.map(function (row) {
-    var saveableComponents = [].concat(row.components).map(dump$2);
-    return {
-      components: saveableComponents,
-      height: row.height
-    };
-  });
-};
-
-var load$2 = function load$1(dumped, componentInterfaceConfig) {
-  if ('isEmpty' in dumped || isComponent(dumped)) return dumped;
-  var _getComponentInterfac = getComponentInterface(dumped.attributes.type, componentInterfaceConfig),
-    load$1 = _getComponentInterfac.load;
-  var attributes = load$1(dumped.attributes);
-  var localFilters = [];
-  if (_.isArray(dumped.localFilters)) {
-    localFilters = [].concat(dumped.localFilters ? dumped.localFilters : []).map(function (localFilter) {
-      return load(localFilter);
-    });
-  }
-  if ('addOns' in dumped.attributes && _.isEmpty(localFilters)) {
-    dumped.attributes.addOns.forEach(function (addOn) {
-      localFilters = [].concat(localFilters, [{
-        type: addOn.type == 'dateFilter' ? 'dateFilter' : 'singleSelectFilter',
-        value: null,
-        requiresValue: false,
-        managedByConfiguration: false,
-        appliesToFields: [{
-          fieldId: addOn.field,
-          dataSetId: attributes.dataSetId
-        }]
-      }]);
-    });
-  }
-
-  // @ts-ignore
-  delete dumped['addOns'];
-  // @ts-ignore
-  delete attributes['addOns'];
-
-  // @ts-ignore
-  delete attributes['results'];
-  return _extends({}, dumped, {
-    localFilters: localFilters,
-    attributes: attributes
-  });
-};
-var dump$2 = function dump$1(hydrated) {
-  if (isComponentEmpty(hydrated) || isComponent(hydrated)) return hydrated;
-  var localFilters = [].concat(hydrated.localFilters && _.isArray(hydrated.localFilters) ? hydrated.localFilters : []).map(dump);
-  return _extends({}, hydrated, {
-    results: undefined,
-    queries: undefined,
-    attributes: _extends({}, hydrated.attributes, {
-      offset: undefined
-    }),
-    localFilters: localFilters
-  });
-};
-
-var saveable = function saveable(component, protectedComponent) {
-  var _component$localFilte;
-  if (!component.attributes) {
-    throw new Error('Component attributes are required in saveable');
-  }
-  return {
-    attributes: _extends({}, component.attributes, {
-      protectedByOrganisation: protectedComponent ? true : undefined
-    }),
-    localFilters: (_component$localFilte = component.localFilters) != null ? _component$localFilte : [],
-    colSpan: 1,
-    reports: []
-  };
-};
-
-var attributesSchema$r = function attributesSchema(config) {
-  return Joi.alternatives().conditional('.type', {
-    is: 'barChart',
-    then: BarChart(config).schema
-  }).conditional('.type', {
-    is: 'richText',
-    then: RichText(config).schema
-  }).conditional('.type', {
-    is: 'mercatorMap',
-    then: MercatorMap(config).schema
-  }).conditional('.type', {
-    is: 'horizontalBarChart',
-    then: HorizontalBarChart(config).schema
-  }).conditional('.type', {
-    is: 'lineChart',
-    then: LineChart(config).schema
-  }).conditional('.type', {
-    is: 'lineChartV2',
-    then: LineChart$1(config).schema
-  }).conditional('.type', {
-    is: 'barChartV2',
-    then: BarChart$1(config).schema
-  }).conditional('.type', {
-    is: 'areaChartV2',
-    then: AreaChart$1(config).schema
-  }).conditional('.type', {
-    is: 'comboChartV2',
-    then: ComboChartV2(config).schema
-  }).conditional('.type', {
-    is: 'comboChart',
-    then: ComboChart(config).schema
-  }).conditional('.type', {
-    is: 'areaChart',
-    then: AreaChart(config).schema
-  }).conditional('.type', {
-    is: 'pieChart',
-    then: PieChart(config).schema
-  }).conditional('.type', {
-    is: 'bubbleChart',
-    then: BubbleChart(config).schema
-  }).conditional('.type', {
-    is: 'bubbleChartV2',
-    then: BubbleChartV2(config).schema
-  }).conditional('.type', {
-    is: 'scatterChartV2',
-    then: ScatterChartV2(config).schema
-  }).conditional('.type', {
-    is: 'sunburstChart',
-    then: SunburstChart(config).schema
-  }).conditional('.type', {
-    is: 'scatterChart',
-    then: ScatterChart(config).schema
-  }).conditional('.type', {
-    is: 'singleStat',
-    then: SingleStat(config).schema
-  }).conditional('.type', {
-    is: 'dataTable',
-    then: DataTable(config).schema
-  }).conditional('.type', {
-    is: 'basicTable',
-    then: BasicTable(config).schema
-  }).conditional('.type', {
-    is: 'progress',
-    then: Progress(config).schema
-  }).conditional('.type', {
-    is: 'custom',
-    then: CustomChart(config).schema
-  }).conditional('.type', {
-    is: 'funnelChart',
-    then: FunnelChart(config).schema
-  }).conditional('.type', {
-    is: 'waterfallChart',
-    then: WaterfallChart(config).schema
-  }).conditional('.type', {
-    is: 'radarChart',
-    then: RadarChart(config).schema
-  }).conditional('.type', {
-    is: 'curveViewerChart',
-    then: CurveViewerChart(config).schema
-  }).conditional('.type', {
-    is: 'horizontalBarChartV2',
-    then: HorizontalBarChart$1(config).schema
-  }).conditional('.type', {
-    is: 'horizontalWaterfallChart',
-    then: HorizontalWaterfallChart(config).schema
-  });
-};
-
 var filterIncludedAndExcludedViews = function filterIncludedAndExcludedViews(allComponents, includeComponents, excludeComponents) {
   var newList = includeComponents ? [].concat(includeComponents) : [].concat(allComponents);
   if (excludeComponents) {
@@ -27282,12 +27293,12 @@ var fromRaw = function fromRaw(rawDashboard, queryEngineConfig) {
     name: rawDashboard.name,
     globalFilters: removeBrokenFiltersThenLoad(rawDashboard.definition.globalFilters, componentInterfaceConfig),
     componentLibrary: [].concat(rawDashboard.definition.componentLibrary || []).map(function (rawComponent) {
-      return load$2(_extends({}, rawComponent, {
+      return load$1(_extends({}, rawComponent, {
         colSpan: (rawComponent == null ? void 0 : rawComponent.colSpan) || POPULATE_ONE_CELL$1
       }), componentInterfaceConfig);
     }),
     theme: _extends({}, vizzlyDefaultTheme, rawDashboard.theme),
-    display: load$1(rawDashboard.definition.display, componentInterfaceConfig),
+    display: load$2(rawDashboard.definition.display, componentInterfaceConfig),
     webhookId: rawDashboard.webhook_id || null,
     createdAt: new Date(rawDashboard.created_at),
     updatedAt: new Date(rawDashboard.updated_at),
@@ -27333,8 +27344,8 @@ var toSaveableDefinition = function toSaveableDefinition(dashboard) {
   return {
     isPlayground: dashboard.isPlayground,
     globalFilters: globalFilters,
-    componentLibrary: [].concat(componentLibrary).map(dump$2),
-    display: dump$1(dashboard.display),
+    componentLibrary: [].concat(componentLibrary).map(dump$1),
+    display: dump$2(dashboard.display),
     customFields: customFields
   };
 };
@@ -47013,7 +47024,7 @@ var SingleStatView = function SingleStatView(props) {
   var mainResult = props.results !== undefined ? props.results[0] : undefined;
   if (isLoading(mainResult)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(mainResult)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(mainResult)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(mainResult)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   props = mergeProps(props, {}, defaultProps);
   var noOfMeasures = props.attributes.measure.length;
   var GAP = SingleStatConfig[props.viewFor].statGap;
@@ -47300,7 +47311,7 @@ var AreaChartView = function AreaChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var pivotConfig = init$c(props);
   var series$1 = series(pivotConfig, props.measure, props.result);
   var resultSet$1 = resultSet(props.result, props.measure, pivotConfig, props.stacked == '100%', checkForNullValue(props.dataSetId, props.dimension, props.timeDimension, textOverride, valueAlias));
@@ -48444,7 +48455,7 @@ var BarChartView = function BarChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var pivotConfig = init$c(props);
   var series$1 = series(pivotConfig, props.measure, props.result);
   var resultSet$1 = resultSet(props.result, props.measure, pivotConfig, props.stacked == '100%', checkForNullValue(props.dataSetId, props.dimension, props.timeDimension, textOverride, valueAlias));
@@ -48847,13 +48858,13 @@ var LineChartView = function LineChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var pivotConfig = init$c(props);
   var series$1 = series(pivotConfig, props.measure, props.result);
   var resultSet$1 = resultSet(props.result, props.measure, pivotConfig, props.stacked == '100%', checkForNullValue(props.dataSetId, props.dimension, props.timeDimension, textOverride, valueAlias));
   var buildTrends = function buildTrends() {
     if (props.order.length > 0 && props.trends && props.trends.length > 0 && acceptedTimeDimensions(props.timeDimension)) {
-      var trends = init$9({
+      var trends = init$a({
         pivotConfig: pivotConfig,
         measures: props.measure,
         resultSet: resultSet$1,
@@ -49089,7 +49100,7 @@ var ScatterChartView = function ScatterChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   props = mergeProps(props, {}, defaultProps$4);
   var keys = props.result && props.xMeasure ? scatterXKeys(props.dimension, props.xMeasure, props.result) : [];
   if (!props.xMeasure || !props.yMeasure) return null;
@@ -50804,7 +50815,7 @@ var PieChartView = function PieChartView(props) {
     return jsxRuntime.jsx(ResultsToLargeNotice, {});
   }
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var pivotConfig = init$c({
     dimension: props.attributes.dimension
   });
@@ -55765,7 +55776,7 @@ var BubbleChartView = function BubbleChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   props = mergeProps(props, {}, defaultProps$5);
   var keys = props.result && props.xMeasure ? scatterXKeys(props.dimension, props.xMeasure, props.result) : [];
   if (!props.xMeasure || !props.yMeasure) return null;
@@ -66335,7 +66346,7 @@ var BubbleChartV2View = function BubbleChartV2View(props) {
   var BubbleChartV2Component = getComponentInterface(props.attributes.type);
   var pivotConfig = init$d(props.attributes.xMeasure, props.attributes.measure);
   var chartRepresentation = null;
-  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && BubbleChartV2Component.isRunnable(props.attributes)) {
+  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && BubbleChartV2Component.isRunnable(props.attributes)) {
     var _theme$charts$colors, _theme$charts, _props$attributes$goa;
     chartRepresentation = buildBubbleChartRepresentation({
       zFieldId: id(props.attributes.zMeasure[0]),
@@ -66385,7 +66396,7 @@ var BubbleChartV2View = function BubbleChartV2View(props) {
   }).length) === 0) return jsxRuntime.jsx(LoadingComponent, {});
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var xKeyField = getXKeyField(pivotConfig, (_props$result$fields = (_props$result4 = props.result) == null ? void 0 : _props$result4.fields) != null ? _props$result$fields : []);
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
@@ -67059,7 +67070,7 @@ var LineChartV2View = function LineChartV2View(props) {
   var LineChartV2Component = getComponentInterface(props.attributes.type);
   var pivotConfig = init$c(props.attributes);
   var chartRepresentation = null;
-  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && LineChartV2Component.isRunnable(props.attributes)) {
+  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && LineChartV2Component.isRunnable(props.attributes)) {
     var _theme$charts$colors, _theme$charts, _props$attributes$goa;
     chartRepresentation = buildLineChartRepresentation({
       axisTitles: props.attributes.axisTitles,
@@ -67132,7 +67143,7 @@ var LineChartV2View = function LineChartV2View(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
     children: jsxRuntime.jsxs(ViewWrapper, {
@@ -67538,7 +67549,7 @@ var ScatterChartV2View = function ScatterChartV2View(props) {
   var ScatterChartV2Component = getComponentInterface(props.attributes.type);
   var pivotConfig = init$d(props.attributes.xMeasure, props.attributes.measure);
   var chartRepresentation = null;
-  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && ScatterChartV2Component.isRunnable(props.attributes)) {
+  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && ScatterChartV2Component.isRunnable(props.attributes)) {
     var _theme$charts$colors, _theme$charts, _props$attributes$goa;
     chartRepresentation = buildScatterChartRepresentation({
       axisTitles: props.attributes.axisTitles,
@@ -67581,7 +67592,7 @@ var ScatterChartV2View = function ScatterChartV2View(props) {
   }).length) === 0) return jsxRuntime.jsx(LoadingComponent, {});
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
     children: jsxRuntime.jsxs(ViewWrapper, {
@@ -67975,7 +67986,7 @@ var AreaChartV2View = function AreaChartV2View(props) {
   var AreaChartV2Component = getComponentInterface(props.attributes.type);
   var pivotConfig = init$c(props.attributes);
   var chartRepresentation = null;
-  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && AreaChartV2Component.isRunnable(props.attributes)) {
+  if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && AreaChartV2Component.isRunnable(props.attributes)) {
     var _theme$charts$colors, _theme$charts, _props$attributes$goa;
     chartRepresentation = buildAreaChartRepresentation({
       axisTitles: props.attributes.axisTitles,
@@ -68042,7 +68053,7 @@ var AreaChartV2View = function AreaChartV2View(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
     children: jsxRuntime.jsxs(ViewWrapper, {
@@ -68910,7 +68921,7 @@ var BarChartV2View = function BarChartV2View(props) {
   var pivotConfig = init$c(props.attributes);
   var numberOfDimensions = props.attributes.dimension.length;
   var chartRepresentation = React.useMemo(function () {
-    if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && BarChartV2Component.isRunnable(props.attributes)) {
+    if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && BarChartV2Component.isRunnable(props.attributes)) {
       var _theme$charts$colors, _theme$charts, _props$attributes$goa;
       var sharedArgs = {
         isDualAxisEnabled: props.attributes.isDualAxisEnabled,
@@ -69030,7 +69041,7 @@ var BarChartV2View = function BarChartV2View(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
     children: jsxRuntime.jsxs(ViewWrapper, {
@@ -70351,7 +70362,7 @@ var ComboChartViewV2 = function ComboChartViewV2(props) {
     attributes: null
   };
   var barChartRepresentation = React.useMemo(function () {
-    if (!isLoading(props.barResult) && !hasFailed(props.barResult) && !isEmpty(props.barResult) && ComboChartComponent.isRunnable(props.attributes)) {
+    if (!isLoading(props.barResult) && !hasFailed(props.barResult) && !isEmpty$1(props.barResult) && ComboChartComponent.isRunnable(props.attributes)) {
       var _theme$charts$colors, _theme$charts, _props$attributes$goa, _props$attributes$con, _props$attributes$con2, _props$attributes$sta;
       return buildBarChartRepresentation({
         axisTitles: props.attributes.axisTitles,
@@ -70415,7 +70426,7 @@ var ComboChartViewV2 = function ComboChartViewV2(props) {
   var resolvedDualYAxisLabelCount = props.attributes.approxDualYAxisLabelCount === undefined || props.attributes.approxDualYAxisLabelCount === 'auto' ? DEFAULT_TICK_COUNT : props.attributes.approxDualYAxisLabelCount;
   var approxYAxisLabelCountConsideringDualAxis = props.attributes.isDualAxisEnabled ? (barChartRepresentation == null ? void 0 : barChartRepresentation.y.ticks.length) || DEFAULT_TICK_COUNT : resolvedPrimaryYAxisLabelCount;
   var lineChartRepresentation = React.useMemo(function () {
-    if (!isLoading(props.lineResult) && !hasFailed(props.lineResult) && !isEmpty(props.lineResult) && ComboChartComponent.isRunnable(props.attributes)) {
+    if (!isLoading(props.lineResult) && !hasFailed(props.lineResult) && !isEmpty$1(props.lineResult) && ComboChartComponent.isRunnable(props.attributes)) {
       var _theme$charts3, _props$attributes$goa2, _props$attributes$con3, _props$attributes$con4;
       return buildLineChartRepresentation({
         axisTitles: props.attributes.axisTitles,
@@ -70569,7 +70580,7 @@ var ComboChartV2$1 = function ComboChartV2(props) {
   var lineResult = (_results$LINE_QUERY_I = results == null ? void 0 : results[LINE_QUERY_INDEX$1]) != null ? _results$LINE_QUERY_I : null;
   var barResult = (_results$BAR_QUERY_IN = results == null ? void 0 : results[BAR_QUERY_INDEX$1]) != null ? _results$BAR_QUERY_IN : null;
   var hasNoDataToShow = [lineResult, barResult].every(function (result) {
-    return result && isEmpty(result);
+    return result && isEmpty$1(result);
   });
   return jsxRuntime.jsx(ComboChartView$2, _extends({
     id: props.id
@@ -74048,7 +74059,7 @@ var DataTableView = function DataTableView(props) {
   if (tooManyColumns) {
     return jsxRuntime.jsx(TooManyColumns, {});
   }
-  if (isEmpty(props.result)) {
+  if (isEmpty$1(props.result)) {
     return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps, {
       children: tableFooter
     }));
@@ -74807,7 +74818,7 @@ var FunnelChartView = function FunnelChartView(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var pivotConfig = init$c(props.attributes);
   var _getFunnelXScaleProps = getFunnelXScaleProps(pivotConfig, props.result.fields),
     xScaleKey = _getFunnelXScaleProps.xScaleKey,
@@ -75226,7 +75237,7 @@ var HorizontalBarChartV2View = function HorizontalBarChartV2View(props) {
   var pivotConfig = init$c(props.attributes);
   var numberOfDimensions = props.attributes.dimension.length;
   var chartRepresentation = React.useMemo(function () {
-    if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty(props.result) && HorizontalBarChartV2Component.isRunnable(props.attributes)) {
+    if (!isLoading(props.result) && !hasFailed(props.result) && !isEmpty$1(props.result) && HorizontalBarChartV2Component.isRunnable(props.attributes)) {
       var _theme$charts$colors, _theme$charts, _props$attributes$goa;
       return buildHorizontalBarChartRepresentation({
         axisTitles: props.attributes.axisTitles,
@@ -75327,7 +75338,7 @@ var HorizontalBarChartV2View = function HorizontalBarChartV2View(props) {
   }
   if (isLoading(props.result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return jsxRuntime.jsx(React.Suspense, {
     fallback: jsxRuntime.jsx(LoadingComponent, {}),
     children: jsxRuntime.jsxs(ViewWrapper, {
@@ -75704,7 +75715,7 @@ var ProgressView$1 = function ProgressView(props) {
   var mainResult = props.results !== undefined ? props.results[0] : undefined;
   if (isLoading(mainResult)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(mainResult)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(mainResult)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(mainResult)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   props = mergeProps(props, {}, defaultProps$7);
   var noOfMeasures = props.measure.length;
   var progressType = defaultProgressType(props.progressType);
@@ -76150,7 +76161,7 @@ var RadarChartView = function RadarChartView(props) {
   });
   if (isLoading(result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var showHeadline = headlineAvailable(order, headline, timeDimension);
   var pivotConfig = init$c(props.attributes);
   var chartRepresentation = buildRadarChartRepresentation({
@@ -76728,7 +76739,7 @@ var SunburstChartView = function SunburstChartView(props) {
     yScale.domain(yd(t)).range(yr(t));
   };
   var sunburstData = React.useMemo(function () {
-    if (isLoading(props.result) || hasFailed(props.result) || isEmpty(props.result) || !sunburstChartComponent.isRunnable(props.attributes)) {
+    if (isLoading(props.result) || hasFailed(props.result) || isEmpty$1(props.result) || !sunburstChartComponent.isRunnable(props.attributes)) {
       return null;
     }
     var formattedData = formatResult(props.result, props.formatResultParams);
@@ -76802,7 +76813,7 @@ var SunburstChartView = function SunburstChartView(props) {
   }
   if (hasFailed(props.result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
   if (isLoading(props.result) || props.result.fields.length !== totalFieldCount) return jsxRuntime.jsx(LoadingComponent, {});
-  if (isEmpty(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(props.result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var keys = (_root$children$map = root == null || (_root$children = root.children) == null ? void 0 : _root$children.map(function (child) {
     return child.data.name;
   })) != null ? _root$children$map : [];
@@ -77748,7 +77759,7 @@ function getWaterfallChartViewEarlyReturn(_ref) {
   if (isLoading(result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (isLoadingWaterfallResult(result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   return null;
 }
 function WaterfallChartViewFrame(_ref2) {
@@ -78693,7 +78704,7 @@ var CurveViewerChartView = function CurveViewerChartView(props) {
   });
   var chartRepresentation = React.useMemo(function () {
     var _theme$charts$colors, _theme$charts, _result$fields$find, _result$fields$find2;
-    if (!result || isLoading(result) || hasFailed(result) || isEmpty(result)) {
+    if (!result || isLoading(result) || hasFailed(result) || isEmpty$1(result)) {
       return null;
     }
     if (!CurveViewerChartComponent.isRunnable(props.attributes)) {
@@ -78735,7 +78746,7 @@ var CurveViewerChartView = function CurveViewerChartView(props) {
   });
   if (isLoading(result)) return jsxRuntime.jsx(LoadingComponent, {});
   if (hasFailed(result)) return jsxRuntime.jsx(FailedToLoadDataNotice, {});
-  if (isEmpty(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
+  if (isEmpty$1(result)) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   if (!chartRepresentation || chartRepresentation.data.length === 0) return jsxRuntime.jsx(NoResultContentToShowNotice, _extends({}, headerProps));
   var style = buildStyleOverrides({
     display: 'flex',
@@ -81452,7 +81463,7 @@ var download = /*#__PURE__*/function () {
         case 8:
           results = _context3.sent;
           result = results == null ? void 0 : results[0];
-          if (!(!hasFailed(result) && !isEmpty(result) && !isLoading(result))) {
+          if (!(!hasFailed(result) && !isEmpty$1(result) && !isLoading(result))) {
             _context3.next = 22;
             break;
           }
@@ -94167,7 +94178,7 @@ var Header = /*#__PURE__*/function () {
   function Header(title) {
     /** The header component. */
     this.component = undefined;
-    var newHeader = init$a('New Header');
+    var newHeader = init$9('New Header');
     if (title) {
       newHeader = _extends({}, newHeader, {
         displayTitle: title