@grafana/scenes 0.2.0 → 0.3.0

package/dist/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var data = require('@grafana/data');
+var schema = require('@grafana/schema');
 var React = require('react');
 var rxjs = require('rxjs');
 var uuid = require('uuid');
 var ui = require('@grafana/ui');
-var schema = require('@grafana/schema');
 var lodash = require('lodash');
 var runtime = require('@grafana/runtime');
 var e2eSelectors = require('@grafana/e2e-selectors');
@@ -32,33 +32,33 @@ class SceneObjectStateChangedEvent extends data.BusEventWithPayload {
 }
 SceneObjectStateChangedEvent.type = "scene-object-state-change";
 
-var __defProp$i = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$i = (a, b) => {
+var __defProp$k = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$j.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
+  if (source != null && __getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -67,17 +67,8 @@ function SceneComponentWrapperWithoutMemo(_a) {
   var _b = _a, { model } = _b, otherProps = __objRest$1(_b, ["model"]);
   var _a2;
   const Component = (_a2 = model.constructor["Component"]) != null ? _a2 : EmptyRenderer;
-  React.useEffect(() => {
-    if (!model.isActive) {
-      model.activate();
-    }
-    return () => {
-      if (model.isActive) {
-        model.deactivate();
-      }
-    };
-  }, [model]);
-  return /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps$7(__spreadValues$i({}, otherProps), {
+  React.useEffect(() => model.activate(), [model]);
+  return /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps$9(__spreadValues$k({}, otherProps), {
     model
   }));
 }
@@ -86,38 +77,24 @@ function EmptyRenderer(_) {
   return null;
 }
 
-var __defProp$h = Object.defineProperty;
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$h = (a, b) => {
+var __defProp$j = Object.defineProperty;
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$i.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-function forEachSceneObjectInState(state, callback) {
-  for (const propValue of Object.values(state)) {
-    if (propValue instanceof SceneObjectBase) {
-      callback(propValue);
-    }
-    if (Array.isArray(propValue)) {
-      for (const child of propValue) {
-        if (child instanceof SceneObjectBase) {
-          callback(child);
-        }
-      }
-    }
-  }
-}
 function cloneSceneObject(sceneObject, withState) {
-  const clonedState = __spreadValues$h({}, sceneObject.state);
+  const clonedState = __spreadValues$j({}, sceneObject.state);
   for (const key in clonedState) {
     const propValue = clonedState[key];
     if (propValue instanceof SceneObjectBase) {
@@ -139,19 +116,19 @@ function cloneSceneObject(sceneObject, withState) {
   return new sceneObject.constructor(clonedState);
 }
 
-var __defProp$g = Object.defineProperty;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
+var __defProp$i = Object.defineProperty;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$h.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
@@ -162,11 +139,12 @@ class SceneObjectBase {
     this._activationHandlers = [];
     this._deactivationHandlers = [];
     this._subs = new rxjs.Subscription();
+    this._refCount = 0;
     if (!state.key) {
       state.key = uuid.v4();
     }
     this._state = Object.freeze(state);
-    this.setParent();
+    this._setParent();
   }
   get state() {
     return this._state;
@@ -186,8 +164,8 @@ class SceneObjectBase {
   get Component() {
     return SceneComponentWrapper;
   }
-  setParent() {
-    forEachSceneObjectInState(this._state, (child) => child._parent = this);
+  _setParent() {
+    this.forEachChild((child) => child._parent = this);
   }
   subscribeToState(handler) {
     return this._events.subscribe(SceneObjectStateChangedEvent, (event) => {
@@ -201,9 +179,9 @@ class SceneObjectBase {
   }
   setState(update) {
     const prevState = this._state;
-    const newState = __spreadValues$g(__spreadValues$g({}, this._state), update);
+    const newState = __spreadValues$i(__spreadValues$i({}, this._state), update);
     this._state = Object.freeze(newState);
-    this.setParent();
+    this._setParent();
     this.publishEvent(
       new SceneObjectStateChangedEvent({
         prevState,
@@ -223,17 +201,17 @@ class SceneObjectBase {
   getRoot() {
     return !this._parent ? this : this._parent.getRoot();
   }
-  activate() {
+  _internalActivate() {
     this._isActive = true;
     const { $data, $variables, $timeRange } = this.state;
     if ($timeRange && !$timeRange.isActive) {
-      $timeRange.activate();
+      this._deactivationHandlers.push($timeRange.activate());
     }
     if ($variables && !$variables.isActive) {
-      $variables.activate();
+      this._deactivationHandlers.push($variables.activate());
     }
     if ($data && !$data.isActive) {
-      $data.activate();
+      this._deactivationHandlers.push($data.activate());
     }
     this._activationHandlers.forEach((handler) => {
       const result = handler();
@@ -242,18 +220,27 @@ class SceneObjectBase {
       }
     });
   }
-  deactivate() {
-    this._isActive = false;
-    const { $data, $variables, $timeRange } = this.state;
-    if ($timeRange && $timeRange.isActive) {
-      $timeRange.deactivate();
-    }
-    if ($data && $data.isActive) {
-      $data.deactivate();
-    }
-    if ($variables && $variables.isActive) {
-      $variables.deactivate();
+  activate() {
+    if (!this.isActive) {
+      this._internalActivate();
     }
+    this._refCount++;
+    let called = false;
+    return () => {
+      this._refCount--;
+      if (called) {
+        const msg = `SceneObject cancelation handler returned by activate() called a second time`;
+        console.error(msg, this);
+        throw new Error(msg);
+      }
+      called = true;
+      if (this._refCount === 0) {
+        this._internalDeactivate();
+      }
+    };
+  }
+  _internalDeactivate() {
+    this._isActive = false;
     this._deactivationHandlers.forEach((handler) => handler());
     this._deactivationHandlers = [];
     this._events.removeAllListeners();
@@ -272,6 +259,20 @@ class SceneObjectBase {
   addActivationHandler(handler) {
     this._activationHandlers.push(handler);
   }
+  forEachChild(callback) {
+    for (const propValue of Object.values(this.state)) {
+      if (propValue instanceof SceneObjectBase) {
+        callback(propValue);
+      }
+      if (Array.isArray(propValue)) {
+        for (const child of propValue) {
+          if (child instanceof SceneObjectBase) {
+            callback(child);
+          }
+        }
+      }
+    }
+  }
 }
 function useSceneObjectState(model) {
   const forceUpdate = ui.useForceUpdate();
@@ -282,8 +283,34 @@ function useSceneObjectState(model) {
   return model.state;
 }
 
+var __defProp$h = Object.defineProperty;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
+    }
+  return a;
+};
 class SceneDataNode extends SceneObjectBase {
+  constructor(state) {
+    super(__spreadValues$h({
+      data: emptyPanelData
+    }, state));
+  }
 }
+const emptyPanelData = {
+  state: schema.LoadingState.Done,
+  series: [],
+  timeRange: data.getDefaultTimeRange()
+};
 
 class SceneObjectUrlSyncConfig {
   constructor(_sceneObject, _options) {
@@ -301,19 +328,19 @@ class SceneObjectUrlSyncConfig {
   }
 }
 
-var __defProp$f = Object.defineProperty;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
+var __defProp$g = Object.defineProperty;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
     }
   return a;
 };
@@ -324,7 +351,7 @@ class SceneTimeRange extends SceneObjectBase {
     const to = (_b = state.to) != null ? _b : "now";
     const timeZone = (_c = state.timeZone) != null ? _c : data.getTimeZone();
     const value = evaluateTimeRange(from, to, timeZone);
-    super(__spreadValues$f({ from, to, timeZone, value }, state));
+    super(__spreadValues$g({ from, to, timeZone, value }, state));
     this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: ["from", "to"] });
     this.onTimeRangeChange = (timeRange) => {
       const update = {};
@@ -404,13 +431,7 @@ function evaluateTimeRange(from, to, timeZone, fiscalYearStartMonth) {
   };
 }
 
-const EmptyDataNode = new SceneDataNode({
-  data: {
-    state: data.LoadingState.Done,
-    series: [],
-    timeRange: data.getDefaultTimeRange()
-  }
-});
+const EmptyDataNode = new SceneDataNode();
 const DefaultTimeRange = new SceneTimeRange();
 class EmptyVariableSetImpl extends SceneObjectBase {
   constructor() {
@@ -840,9 +861,66 @@ function collectAllVariables(sceneObject, record = {}) {
   return record;
 }
 
+class DataValueMacro {
+  constructor(name, sceneObject, _match, _scopedVars) {
+    this._match = _match;
+    this._scopedVars = _scopedVars;
+    this.state = { name, type: "url_variable" };
+  }
+  getValue(fieldPath) {
+    var _a, _b;
+    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
+    if (!dataContext) {
+      return this._match;
+    }
+    const { frame, rowIndex, field, calculatedValue } = dataContext.value;
+    if (calculatedValue) {
+      switch (fieldPath) {
+        case "numeric":
+          return calculatedValue.numeric;
+        case "raw":
+          return calculatedValue.numeric;
+        case "time":
+          return "";
+        case "text":
+        default:
+          return data.formattedValueToString(calculatedValue);
+      }
+    }
+    if (!rowIndex) {
+      return this._match;
+    }
+    if (fieldPath === "time") {
+      const timeField = frame.fields.find((f) => f.type === data.FieldType.time);
+      return timeField ? timeField.values.get(rowIndex) : void 0;
+    }
+    if (!field) {
+      return this._match;
+    }
+    const value = field.values.get(rowIndex);
+    if (fieldPath === "raw") {
+      return value;
+    }
+    const displayProcessor = (_b = field.display) != null ? _b : fallbackDisplayProcessor;
+    const result = displayProcessor(value);
+    switch (fieldPath) {
+      case "numeric":
+        return result.numeric;
+      case "text":
+      default:
+        return data.formattedValueToString(result);
+    }
+  }
+  getValueText() {
+    return "";
+  }
+}
+const fallbackDisplayProcessor = data.getDisplayProcessor();
+
 const macrosIndex = {
   [data.DataLinkBuiltInVars.includeVars]: AllVariablesMacro,
-  [data.DataLinkBuiltInVars.keepTime]: UrlTimeRangeMacro
+  [data.DataLinkBuiltInVars.keepTime]: UrlTimeRangeMacro,
+  ["__value"]: DataValueMacro
 };
 
 function sceneInterpolator(sceneObject, target, scopedVars, format) {
@@ -853,22 +931,26 @@ function sceneInterpolator(sceneObject, target, scopedVars, format) {
   return target.replace(VARIABLE_REGEX, (match, var1, var2, fmt2, var3, fieldPath, fmt3) => {
     const variableName = var1 || var2 || var3;
     const fmt = fmt2 || fmt3 || format;
-    const variable = lookupFormatVariable(variableName, scopedVars, sceneObject);
+    const variable = lookupFormatVariable(variableName, match, scopedVars, sceneObject);
     if (!variable) {
       return match;
     }
     return formatValue(variable, variable.getValue(fieldPath), fmt);
   });
 }
-function lookupFormatVariable(name, scopedVars, sceneObject) {
-  if (macrosIndex[name]) {
-    return new macrosIndex[name](name, sceneObject);
+function lookupFormatVariable(name, match, scopedVars, sceneObject) {
+  const scopedVar = scopedVars == null ? void 0 : scopedVars[name];
+  if (scopedVar) {
+    return getSceneVariableForScopedVar(name, scopedVar);
   }
-  if (scopedVars && scopedVars[name]) {
-    return getSceneVariableForScopedVar(name, scopedVars[name]);
-  } else {
-    return lookupVariable(name, sceneObject);
+  const variable = lookupVariable(name, sceneObject);
+  if (variable) {
+    return variable;
   }
+  if (macrosIndex[name]) {
+    return new macrosIndex[name](name, sceneObject, match, scopedVars);
+  }
+  return null;
 }
 function formatValue(variable, value, formatNameOrFn) {
   if (value === null || value === void 0) {
@@ -1152,22 +1234,23 @@ class SceneQueryRunner extends SceneObjectBase {
       statePaths: ["queries", "datasource"],
       onVariableUpdatesCompleted: (variables, dependencyChanged) => this.onVariableUpdatesCompleted(variables, dependencyChanged)
     });
-    this._onActivate = () => {
-      const timeRange = sceneGraph.getTimeRange(this);
-      this._subs.add(
-        timeRange.subscribeToState((timeRange2) => {
-          this.runWithTimeRange(timeRange2.value);
-        })
-      );
-      if (this.shouldRunQueriesOnActivate()) {
-        this.runQueries();
-      }
-    };
     this.onDataReceived = (data$1) => {
       const preProcessedData = data.preProcessPanelData(data$1, this.state.data);
       this.setState({ data: preProcessedData });
     };
-    this.addActivationHandler(this._onActivate);
+    this.addActivationHandler(() => this._onActivate());
+  }
+  _onActivate() {
+    const timeRange = sceneGraph.getTimeRange(this);
+    this._subs.add(
+      timeRange.subscribeToState((timeRange2) => {
+        this.runWithTimeRange(timeRange2.value);
+      })
+    );
+    if (this.shouldRunQueriesOnActivate()) {
+      this.runQueries();
+    }
+    return () => this._onDeactivate();
   }
   onVariableUpdatesCompleted(_variablesThatHaveChanged, dependencyChanged) {
     if (this.state.isWaitingForVariables && this.shouldRunQueriesOnActivate()) {
@@ -1194,8 +1277,7 @@ class SceneQueryRunner extends SceneObjectBase {
     }
     return true;
   }
-  deactivate() {
-    super.deactivate();
+  _onDeactivate() {
     if (this._querySub) {
       this._querySub.unsubscribe();
       this._querySub = void 0;
@@ -1295,25 +1377,25 @@ function findFirstDatasource(targets) {
   return void 0;
 }
 
-var __defProp$e = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __defProp$f = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$f.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$g.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 class SceneDataTransformer extends SceneObjectBase {
   constructor(state) {
     super(state);
@@ -1370,7 +1452,7 @@ class SceneDataTransformer extends SceneObjectBase {
         return sceneGraph.interpolate(this, value, (_a = data$1.request) == null ? void 0 : _a.scopedVars);
       }
     };
-    this._transformSub = data.transformDataFrame(transformations, data$1.series, ctx).pipe(rxjs.map((series) => __spreadProps$6(__spreadValues$e({}, data$1), { series }))).subscribe((data2) => this.setState({ data: data2 }));
+    this._transformSub = data.transformDataFrame(transformations, data$1.series, ctx).pipe(rxjs.map((series) => __spreadProps$8(__spreadValues$f({}, data$1), { series }))).subscribe((data2) => this.setState({ data: data2 }));
   }
 }
 
@@ -1455,16 +1537,16 @@ class SceneVariableSet extends SceneObjectBase {
     this._variableValueRecorder = new VariableValueRecorder();
     this._onActivate = () => {
       this._subs.add(
-        this.subscribeToEvent(SceneVariableValueChangedEvent, (event) => this.handleVariableValueChanged(event.payload))
+        this.subscribeToEvent(SceneVariableValueChangedEvent, (event) => this._handleVariableValueChanged(event.payload))
       );
-      this._subs.add(this.subscribeToState(this.handleStateChanged));
-      this.checkForVariablesThatChangedWhileInactive();
+      this._subs.add(this.subscribeToState(this._onStateChanged));
+      this._checkForVariablesThatChangedWhileInactive();
       for (const variable of this.state.variables) {
-        if (this.variableNeedsUpdate(variable)) {
+        if (this._variableNeedsUpdate(variable)) {
           this._variablesToUpdate.add(variable);
         }
       }
-      this.updateNextBatch();
+      this._updateNextBatch();
       return this._onDeactivate;
     };
     this._onDeactivate = () => {
@@ -1480,7 +1562,7 @@ class SceneVariableSet extends SceneObjectBase {
       this._variablesToUpdate.clear();
       this._updating.clear();
     };
-    this.handleStateChanged = (newState, oldState) => {
+    this._onStateChanged = (newState, oldState) => {
       const variablesToUpdateCountStart = this._variablesToUpdate.size;
       for (const variable of oldState.variables) {
         if (!newState.variables.includes(variable)) {
@@ -1494,13 +1576,13 @@ class SceneVariableSet extends SceneObjectBase {
       }
       for (const variable of newState.variables) {
         if (!oldState.variables.includes(variable)) {
-          if (this.variableNeedsUpdate(variable)) {
+          if (this._variableNeedsUpdate(variable)) {
             this._variablesToUpdate.add(variable);
           }
         }
       }
       if (variablesToUpdateCountStart === 0 && this._variablesToUpdate.size > 0) {
-        this.updateNextBatch();
+        this._updateNextBatch();
       }
     };
     this.addActivationHandler(this._onActivate);
@@ -1508,18 +1590,18 @@ class SceneVariableSet extends SceneObjectBase {
   getByName(name) {
     return this.state.variables.find((x) => x.state.name === name);
   }
-  checkForVariablesThatChangedWhileInactive() {
+  _checkForVariablesThatChangedWhileInactive() {
     if (!this._variableValueRecorder.hasValues()) {
       return;
     }
     for (const variable of this.state.variables) {
       if (this._variableValueRecorder.hasValueChanged(variable)) {
         writeVariableTraceLog(variable, "Changed while in-active");
-        this.addDependentVariablesToUpdateQueue(variable);
+        this._addDependentVariablesToUpdateQueue(variable);
       }
     }
   }
-  variableNeedsUpdate(variable) {
+  _variableNeedsUpdate(variable) {
     if (!variable.validateAndUpdate) {
       return false;
     }
@@ -1529,9 +1611,9 @@ class SceneVariableSet extends SceneObjectBase {
     }
     return true;
   }
-  updateNextBatch() {
+  _updateNextBatch() {
     if (this._variablesToUpdate.size === 0) {
-      this.notifyDependentSceneObjects();
+      this._notifyDependentSceneObjects();
       return;
     }
     for (const variable of this._variablesToUpdate) {
@@ -1541,7 +1623,7 @@ class SceneVariableSet extends SceneObjectBase {
       if (this._updating.has(variable)) {
         continue;
       }
-      if (this.hasDependendencyInUpdateQueue(variable)) {
+      if (this._hasDependendencyInUpdateQueue(variable)) {
         continue;
       }
       const variableToUpdate = {
@@ -1550,21 +1632,21 @@ class SceneVariableSet extends SceneObjectBase {
       this._updating.set(variable, variableToUpdate);
       writeVariableTraceLog(variable, "updateAndValidate started");
       variableToUpdate.subscription = variable.validateAndUpdate().subscribe({
-        next: () => this.validateAndUpdateCompleted(variable),
-        error: (err) => this.handleVariableError(variable, err)
+        next: () => this._validateAndUpdateCompleted(variable),
+        error: (err) => this._handleVariableError(variable, err)
       });
     }
   }
-  validateAndUpdateCompleted(variable) {
+  _validateAndUpdateCompleted(variable) {
     var _a;
     const update = this._updating.get(variable);
     (_a = update == null ? void 0 : update.subscription) == null ? void 0 : _a.unsubscribe();
     this._updating.delete(variable);
     this._variablesToUpdate.delete(variable);
     writeVariableTraceLog(variable, "updateAndValidate completed");
-    this.updateNextBatch();
+    this._updateNextBatch();
   }
-  handleVariableError(variable, err) {
+  _handleVariableError(variable, err) {
     var _a;
     const update = this._updating.get(variable);
     (_a = update == null ? void 0 : update.subscription) == null ? void 0 : _a.unsubscribe();
@@ -1573,7 +1655,7 @@ class SceneVariableSet extends SceneObjectBase {
     variable.setState({ loading: false, error: err });
     writeVariableTraceLog(variable, "updateAndValidate error", err);
   }
-  hasDependendencyInUpdateQueue(variable) {
+  _hasDependendencyInUpdateQueue(variable) {
     var _a;
     if (!variable.variableDependency) {
       return false;
@@ -1585,15 +1667,15 @@ class SceneVariableSet extends SceneObjectBase {
     }
     return false;
   }
-  handleVariableValueChanged(variableThatChanged) {
+  _handleVariableValueChanged(variableThatChanged) {
     this._variablesThatHaveChanged.add(variableThatChanged);
     if (this._updating.has(variableThatChanged)) {
       return;
     }
-    this.addDependentVariablesToUpdateQueue(variableThatChanged);
-    this.updateNextBatch();
+    this._addDependentVariablesToUpdateQueue(variableThatChanged);
+    this._updateNextBatch();
   }
-  addDependentVariablesToUpdateQueue(variableThatChanged) {
+  _addDependentVariablesToUpdateQueue(variableThatChanged) {
     for (const otherVariable of this.state.variables) {
       if (otherVariable.variableDependency) {
         if (otherVariable.variableDependency.hasDependencyOn(variableThatChanged.state.name)) {
@@ -1603,14 +1685,14 @@ class SceneVariableSet extends SceneObjectBase {
       }
     }
   }
-  notifyDependentSceneObjects() {
+  _notifyDependentSceneObjects() {
     if (!this.parent) {
       return;
     }
-    this.traverseSceneAndNotify(this.parent);
+    this._traverseSceneAndNotify(this.parent);
     this._variablesThatHaveChanged.clear();
   }
-  traverseSceneAndNotify(sceneObject) {
+  _traverseSceneAndNotify(sceneObject) {
     if (this === sceneObject) {
       return;
     }
@@ -1620,7 +1702,7 @@ class SceneVariableSet extends SceneObjectBase {
     if (sceneObject.variableDependency) {
       sceneObject.variableDependency.variableUpdatesCompleted(this._variablesThatHaveChanged);
     }
-    forEachSceneObjectInState(sceneObject.state, (child) => this.traverseSceneAndNotify(child));
+    sceneObject.forEachChild((child) => this._traverseSceneAndNotify(child));
   }
   isVariableLoadingOrWaitingToUpdate(variable) {
     if (!this.isActive) {
@@ -1633,28 +1715,28 @@ function writeVariableTraceLog(variable, message, err) {
   writeSceneLog("SceneVariableSet", `Variable[${variable.state.name}]: ${message}`, err);
 }
 
-var __defProp$d = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 class ConstantVariable extends SceneObjectBase {
   constructor(initialState) {
-    super(__spreadProps$5(__spreadValues$d({
+    super(__spreadProps$7(__spreadValues$e({
       type: "constant",
       value: "",
       name: ""
@@ -1903,25 +1985,25 @@ class CustomAllValue {
   }
 }
 
-var __defProp$c = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
 class CustomVariable extends MultiValueVariable {
   constructor(initialState) {
-    super(__spreadValues$c({
+    super(__spreadValues$d({
       type: "custom",
       query: "",
       value: "",
@@ -1954,25 +2036,25 @@ CustomVariable.Component = ({ model }) => {
   return renderSelectForVariable(model);
 };
 
-var __defProp$b = Object.defineProperty;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
 class DataSourceVariable extends MultiValueVariable {
   constructor(initialState) {
-    super(__spreadValues$b({
+    super(__spreadValues$c({
       type: "datasource",
       value: "",
       text: "",
@@ -2060,25 +2142,25 @@ const hasCustomVariableSupport = (datasource) => {
   return "query" in variableSupport && "editor" in variableSupport && Boolean(variableSupport.query) && Boolean(variableSupport.editor);
 };
 
-var __defProp$a = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 class StandardQueryRunner {
   constructor(datasource, _runRequest = runtime.getRunRequest()) {
     this.datasource = datasource;
@@ -2115,7 +2197,7 @@ class LegacyQueryRunner {
       return getEmptyMetricFindValueObservable();
     }
     return rxjs.from(
-      this.datasource.metricFindQuery(variable.state.query, __spreadProps$4(__spreadValues$a({}, request), {
+      this.datasource.metricFindQuery(variable.state.query, __spreadProps$6(__spreadValues$b({}, request), {
         variable: {
           name: variable.state.name,
           type: variable.state.type
@@ -2346,25 +2428,25 @@ function areMetricFindValues(data$1) {
   return false;
 }
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
 class QueryVariable extends MultiValueVariable {
   constructor(initialState) {
-    super(__spreadValues$9({
+    super(__spreadValues$a({
       type: "query",
       name: "",
       value: "",
@@ -2379,23 +2461,22 @@ class QueryVariable extends MultiValueVariable {
     this._variableDependency = new VariableDependencyConfig(this, {
       statePaths: ["regex", "query", "datasource"]
     });
-    this._onActivate = () => {
-      const timeRange = sceneGraph.getTimeRange(this);
-      if (this.state.refresh === data.VariableRefresh.onTimeRangeChanged) {
-        this._subs.add(
-          timeRange.subscribeToState(() => {
-            this.updateSubscription = this.validateAndUpdate().subscribe();
-          })
-        );
-      }
-    };
-    this.addActivationHandler(this._onActivate);
+    this.addActivationHandler(() => this._onActivate());
   }
-  deactivate() {
-    super.deactivate();
-    if (this.updateSubscription) {
-      this.updateSubscription.unsubscribe();
+  _onActivate() {
+    const timeRange = sceneGraph.getTimeRange(this);
+    if (this.state.refresh === data.VariableRefresh.onTimeRangeChanged) {
+      this._subs.add(
+        timeRange.subscribeToState(() => {
+          this.updateSubscription = this.validateAndUpdate().subscribe();
+        })
+      );
     }
+    return () => {
+      if (this.updateSubscription) {
+        this.updateSubscription.unsubscribe();
+      }
+    };
   }
   getValueOptions(args) {
     if (this.state.query === "" || !this.state.datasource) {
@@ -2514,25 +2595,25 @@ function queryMetricTree(query) {
   return queryTree(children, query.split("."), 0);
 }
 
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
 class TestVariable extends MultiValueVariable {
   constructor(initialState) {
-    super(__spreadValues$8({
+    super(__spreadValues$9({
       type: "custom",
       name: "Test",
       value: "Value",
@@ -2611,25 +2692,25 @@ function VariableValueInput({ model }) {
   });
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
 class TextBoxVariable extends SceneObjectBase {
   constructor(initialState) {
-    super(__spreadValues$7({
+    super(__spreadValues$8({
       type: "textbox",
       value: "",
       name: ""
@@ -2668,12 +2749,12 @@ class UrlSyncManager {
   constructor(sceneRoot) {
     this.sceneRoot = sceneRoot;
     this.urlKeyMapper = new UniqueUrlKeyMapper();
-    this.onLocationUpdate = (location) => {
+    this._onLocationUpdate = (location) => {
       const urlParams = new URLSearchParams(location.search);
       this.urlKeyMapper.rebuldIndex(this.sceneRoot);
-      this.syncSceneStateFromUrl(this.sceneRoot, urlParams);
+      this._syncSceneStateFromUrl(this.sceneRoot, urlParams);
     };
-    this.onStateChanged = ({ payload }) => {
+    this._onStateChanged = ({ payload }) => {
       const changedObject = payload.changedObject;
       if (changedObject.urlSync) {
         const newUrlState = changedObject.urlSync.getUrlState();
@@ -2695,8 +2776,8 @@ class UrlSyncManager {
   }
   initSync() {
     this.sceneRoot.addActivationHandler(() => {
-      const stateChangeSub = this.sceneRoot.subscribeToEvent(SceneObjectStateChangedEvent, this.onStateChanged);
-      const locationListenerUnsub = runtime.locationService.getHistory().listen(this.onLocationUpdate);
+      const stateChangeSub = this.sceneRoot.subscribeToEvent(SceneObjectStateChangedEvent, this._onStateChanged);
+      const locationListenerUnsub = runtime.locationService.getHistory().listen(this._onLocationUpdate);
       return () => {
         stateChangeSub.unsubscribe();
         locationListenerUnsub();
@@ -2704,9 +2785,9 @@ class UrlSyncManager {
     });
     const urlParams = runtime.locationService.getSearch();
     this.urlKeyMapper.rebuldIndex(this.sceneRoot);
-    this.syncSceneStateFromUrl(this.sceneRoot, urlParams);
+    this._syncSceneStateFromUrl(this.sceneRoot, urlParams);
   }
-  syncSceneStateFromUrl(sceneObject, urlParams) {
+  _syncSceneStateFromUrl(sceneObject, urlParams) {
     if (sceneObject.urlSync) {
       const urlState = {};
       const currentState = sceneObject.urlSync.getUrlState();
@@ -2731,7 +2812,7 @@ class UrlSyncManager {
         sceneObject.urlSync.updateFromUrl(urlState);
       }
     }
-    forEachSceneObjectInState(sceneObject.state, (obj) => this.syncSceneStateFromUrl(obj, urlParams));
+    sceneObject.forEachChild((child) => this._syncSceneStateFromUrl(child, urlParams));
   }
 }
 class UniqueUrlKeyMapper {
@@ -2765,7 +2846,7 @@ class UniqueUrlKeyMapper {
         }
       }
     }
-    forEachSceneObjectInState(sceneObject.state, (obj) => this.buildIndex(obj, depth + 1));
+    sceneObject.forEachChild((child) => this.buildIndex(child, depth + 1));
   }
 }
 function isUrlValueEqual(currentUrlValue, newUrlValue) {
@@ -2829,24 +2910,23 @@ function getStyles$1(theme) {
   };
 }
 
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function VizPanelRenderer({ model }) {
   var _b;
-  const theme = ui.useTheme2();
   const _a = model.useState(), {
     title,
     description,
@@ -2876,10 +2956,10 @@ function VizPanelRenderer({ model }) {
   const isDraggable = parentLayout.isDraggable() && ((_b = state.isDraggable) != null ? _b : true);
   const dragClass = isDraggable && parentLayout.getDragClass ? parentLayout.getDragClass() : "";
   const dragClassCancel = isDraggable && parentLayout.getDragClassCancel ? parentLayout.getDragClassCancel() : "";
+  const rawData = sceneGraph.getData(model).useState();
+  const dataWithFieldConfig = model.applyFieldConfig(rawData.data);
   const titleInterpolated = model.interpolate(title, void 0, "text");
   const timeZone = sceneGraph.getTimeRange(model).state.timeZone;
-  const { data: data$1 } = sceneGraph.getData(model).useState();
-  const dataWithOverrides = data.useFieldOverrides(plugin, fieldConfig, data$1, timeZone, theme, model.interpolate);
   if (pluginLoadError) {
     return /* @__PURE__ */ React__default["default"].createElement("div", null, "Failed to load plugin: ", pluginLoadError);
   }
@@ -2905,14 +2985,15 @@ function VizPanelRenderer({ model }) {
       model: menu
     });
   }
+  const data$1 = dataWithFieldConfig;
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     ref,
     style: { position: "absolute", width: "100%", height: "100%" }
-  }, /* @__PURE__ */ React__default["default"].createElement(ui.PanelChrome, {
+  }, width > 0 && height > 0 && /* @__PURE__ */ React__default["default"].createElement(ui.PanelChrome, {
     title: titleInterpolated,
     description: description ? () => model.interpolate(description) : "",
-    loadingState: dataWithOverrides == null ? void 0 : dataWithOverrides.state,
-    statusMessage: (dataWithOverrides == null ? void 0 : dataWithOverrides.error) ? dataWithOverrides.error.message : "",
+    loadingState: data$1.state,
+    statusMessage: getChromeStatusMessage(data$1, pluginLoadError),
     width,
     height,
     displayMode,
@@ -2921,15 +3002,17 @@ function VizPanelRenderer({ model }) {
     dragClass,
     dragClassCancel,
     menu: panelMenu
-  }, (innerWidth, innerHeight) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, !dataWithOverrides && /* @__PURE__ */ React__default["default"].createElement("div", null, "No data..."), dataWithOverrides && /* @__PURE__ */ React__default["default"].createElement(ui.ErrorBoundaryAlert, {
+  }, (innerWidth, innerHeight) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(ui.ErrorBoundaryAlert, {
     dependencies: [plugin, data$1]
   }, /* @__PURE__ */ React__default["default"].createElement(data.PluginContextProvider, {
     meta: plugin.meta
+  }, /* @__PURE__ */ React__default["default"].createElement(ui.PanelContextProvider, {
+    value: model.getPanelContext()
   }, /* @__PURE__ */ React__default["default"].createElement(PanelComponent, {
     id: 1,
-    data: dataWithOverrides,
+    data: data$1,
     title,
-    timeRange: dataWithOverrides.timeRange,
+    timeRange: data$1.timeRange,
     timeZone,
     options,
     fieldConfig,
@@ -2942,11 +3025,177 @@ function VizPanelRenderer({ model }) {
     onFieldConfigChange: model.onFieldConfigChange,
     onChangeTimeRange: model.onChangeTimeRange,
     eventBus: runtime.getAppEvents()
-  }))))));
+  })))))));
+}
+function getChromeStatusMessage(data, pluginLoadingError) {
+  if (pluginLoadingError) {
+    return pluginLoadingError;
+  }
+  return data.error ? data.error.message : void 0;
+}
+
+var __defProp$7 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+const displayOverrideRef = "hideSeriesFrom";
+const isHideSeriesOverride = data.isSystemOverrideWithRef(displayOverrideRef);
+function seriesVisibilityConfigFactory(label, mode, fieldConfig, data) {
+  const { overrides } = fieldConfig;
+  const displayName = label;
+  const currentIndex = overrides.findIndex(isHideSeriesOverride);
+  if (currentIndex < 0) {
+    if (mode === ui.SeriesVisibilityChangeMode.ToggleSelection) {
+      const override3 = createOverride$1([displayName, ...getNamesOfHiddenFields(overrides, data)]);
+      return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+        overrides: [...fieldConfig.overrides, override3]
+      });
+    }
+    const displayNames = getDisplayNames(data, displayName);
+    const override2 = createOverride$1(displayNames);
+    return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+      overrides: [...fieldConfig.overrides, override2]
+    });
+  }
+  const overridesCopy = Array.from(overrides);
+  const [current] = overridesCopy.splice(currentIndex, 1);
+  if (mode === ui.SeriesVisibilityChangeMode.ToggleSelection) {
+    let existing = getExistingDisplayNames(current);
+    const nameOfHiddenFields = getNamesOfHiddenFields(overridesCopy, data);
+    if (nameOfHiddenFields.length > 0) {
+      existing = existing.filter((el) => nameOfHiddenFields.indexOf(el) < 0);
+    }
+    if (existing[0] === displayName && existing.length === 1) {
+      return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+        overrides: overridesCopy
+      });
+    }
+    const override2 = createOverride$1([displayName, ...nameOfHiddenFields]);
+    return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+      overrides: [...overridesCopy, override2]
+    });
+  }
+  const override = createExtendedOverride(current, displayName);
+  if (allFieldsAreExcluded(override, data)) {
+    return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+      overrides: overridesCopy
+    });
+  }
+  return __spreadProps$5(__spreadValues$7({}, fieldConfig), {
+    overrides: [...overridesCopy, override]
+  });
+}
+function createOverride$1(names, mode = data.ByNamesMatcherMode.exclude, property) {
+  property = property != null ? property : {
+    id: "custom.hideFrom",
+    value: {
+      viz: true,
+      legend: false,
+      tooltip: false
+    }
+  };
+  return {
+    __systemRef: displayOverrideRef,
+    matcher: {
+      id: data.FieldMatcherID.byNames,
+      options: {
+        mode,
+        names,
+        prefix: mode === data.ByNamesMatcherMode.exclude ? "All except:" : void 0,
+        readOnly: true
+      }
+    },
+    properties: [
+      __spreadProps$5(__spreadValues$7({}, property), {
+        value: {
+          viz: true,
+          legend: false,
+          tooltip: false
+        }
+      })
+    ]
+  };
 }
-VizPanelRenderer.displayName = "ScenePanelRenderer";
+const createExtendedOverride = (current, displayName, mode = data.ByNamesMatcherMode.exclude) => {
+  const property = current.properties.find((p) => p.id === "custom.hideFrom");
+  const existing = getExistingDisplayNames(current);
+  const index = existing.findIndex((name) => name === displayName);
+  if (index < 0) {
+    existing.push(displayName);
+  } else {
+    existing.splice(index, 1);
+  }
+  return createOverride$1(existing, mode, property);
+};
+const getExistingDisplayNames = (rule) => {
+  var _a;
+  const names = (_a = rule.matcher.options) == null ? void 0 : _a.names;
+  if (!Array.isArray(names)) {
+    return [];
+  }
+  return [...names];
+};
+const allFieldsAreExcluded = (override, data) => {
+  return getExistingDisplayNames(override).length === getDisplayNames(data).length;
+};
+const getDisplayNames = (data$1, excludeName) => {
+  const unique = /* @__PURE__ */ new Set();
+  for (const frame of data$1) {
+    for (const field of frame.fields) {
+      if (field.type !== data.FieldType.number) {
+        continue;
+      }
+      const name = data.getFieldDisplayName(field, frame, data$1);
+      if (name === excludeName) {
+        continue;
+      }
+      unique.add(name);
+    }
+  }
+  return Array.from(unique);
+};
+const getNamesOfHiddenFields = (overrides, data$1) => {
+  var _a;
+  let names = [];
+  for (const override of overrides) {
+    const property = override.properties.find((p) => p.id === "custom.hideFrom");
+    if (property !== void 0 && ((_a = property.value) == null ? void 0 : _a.legend) === true) {
+      const info = data.fieldMatchers.get(override.matcher.id);
+      const matcher = info.get(override.matcher.options);
+      for (const frame of data$1) {
+        for (const field of frame.fields) {
+          if (field.type !== data.FieldType.number) {
+            continue;
+          }
+          const name = data.getFieldDisplayName(field, frame, data$1);
+          if (matcher(field, frame, data$1)) {
+            names.push(name);
+          }
+        }
+      }
+    }
+  }
+  return names;
+};
 
 var __defProp$6 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -2962,9 +3211,78 @@ var __spreadValues$6 = (a, b) => {
     }
   return a;
 };
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+const changeSeriesColorConfigFactory = (label, color, fieldConfig) => {
+  const { overrides } = fieldConfig;
+  const currentIndex = fieldConfig.overrides.findIndex((override) => {
+    return override.matcher.id === data.FieldMatcherID.byName && override.matcher.options === label;
+  });
+  if (currentIndex < 0) {
+    return __spreadProps$4(__spreadValues$6({}, fieldConfig), {
+      overrides: [...fieldConfig.overrides, createOverride(label, color)]
+    });
+  }
+  const overridesCopy = Array.from(overrides);
+  const existing = overridesCopy[currentIndex];
+  const propertyIndex = existing.properties.findIndex((p) => p.id === "color");
+  if (propertyIndex < 0) {
+    overridesCopy[currentIndex] = __spreadProps$4(__spreadValues$6({}, existing), {
+      properties: [...existing.properties, createProperty(color)]
+    });
+    return __spreadProps$4(__spreadValues$6({}, fieldConfig), {
+      overrides: overridesCopy
+    });
+  }
+  const propertiesCopy = Array.from(existing.properties);
+  propertiesCopy[propertyIndex] = createProperty(color);
+  overridesCopy[currentIndex] = __spreadProps$4(__spreadValues$6({}, existing), {
+    properties: propertiesCopy
+  });
+  return __spreadProps$4(__spreadValues$6({}, fieldConfig), {
+    overrides: overridesCopy
+  });
+};
+const createOverride = (label, color) => {
+  return {
+    matcher: {
+      id: data.FieldMatcherID.byName,
+      options: label
+    },
+    properties: [createProperty(color)]
+  };
+};
+const createProperty = (color) => {
+  return {
+    id: "color",
+    value: {
+      mode: data.FieldColorModeId.Fixed,
+      fixedColor: color
+    }
+  };
+};
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 class VizPanel extends SceneObjectBase {
   constructor(state) {
-    super(__spreadValues$6({
+    super(__spreadValues$5({
       options: {},
       fieldConfig: { defaults: {}, overrides: [] },
       title: "Title",
@@ -2973,6 +3291,7 @@ class VizPanel extends SceneObjectBase {
     this._variableDependency = new VariableDependencyConfig(this, {
       statePaths: ["title", "options", "fieldConfig"]
     });
+    this._structureRev = 0;
     this.onChangeTimeRange = (timeRange) => {
       const sceneTimeRange = sceneGraph.getTimeRange(this);
       sceneTimeRange.onTimeRangeChange({
@@ -2993,23 +3312,74 @@ class VizPanel extends SceneObjectBase {
     this.interpolate = (value, scoped, format) => {
       return sceneGraph.interpolate(this, value, scoped, format);
     };
+    this._onSeriesColorChange = (label, color) => {
+      this.onFieldConfigChange(changeSeriesColorConfigFactory(label, color, this.state.fieldConfig));
+    };
+    this._onSeriesVisibilityChange = (label, mode) => {
+      if (!this._dataWithFieldConfig) {
+        return;
+      }
+      this.onFieldConfigChange(
+        seriesVisibilityConfigFactory(label, mode, this.state.fieldConfig, this._dataWithFieldConfig.series)
+      );
+    };
+    this._onInstanceStateChange = (state) => {
+      this.setState({ pluginInstanceState: state });
+    };
+    this._onToggleLegendSort = (sortKey) => {
+      const legendOptions = this.state.options.legend;
+      if (!legendOptions) {
+        return;
+      }
+      let sortDesc = legendOptions.sortDesc;
+      let sortBy = legendOptions.sortBy;
+      if (sortKey !== sortBy) {
+        sortDesc = void 0;
+      }
+      if (sortDesc === false) {
+        sortBy = void 0;
+        sortDesc = void 0;
+      } else {
+        sortDesc = !sortDesc;
+        sortBy = sortKey;
+      }
+      this.onOptionsChange(__spreadProps$3(__spreadValues$5({}, this.state.options), {
+        legend: __spreadProps$3(__spreadValues$5({}, legendOptions), { sortBy, sortDesc })
+      }));
+    };
+    this._panelContext = {
+      eventBus: runtime.getAppEvents(),
+      app: data.CoreApp.Unknown,
+      sync: () => data.DashboardCursorSync.Off,
+      onSeriesColorChange: this._onSeriesColorChange,
+      onToggleSeriesVisibility: this._onSeriesVisibilityChange,
+      onToggleLegendSort: this._onToggleLegendSort,
+      onInstanceStateChange: this._onInstanceStateChange
+    };
+    this.addActivationHandler(() => {
+      this._onActivate();
+    });
   }
-  activate() {
-    super.activate();
+  _onActivate() {
+    if (!this._plugin) {
+      this._loadPlugin();
+    }
+  }
+  _loadPlugin() {
     const { getPanelPluginFromCache, importPanelPlugin } = runtime.getPluginImportUtils();
     const plugin = getPanelPluginFromCache(this.state.pluginId);
     if (plugin) {
-      this.pluginLoaded(plugin);
+      this._pluginLoaded(plugin);
     } else {
-      importPanelPlugin(this.state.pluginId).then((result) => this.pluginLoaded(result)).catch((err) => {
+      importPanelPlugin(this.state.pluginId).then((result) => this._pluginLoaded(result)).catch((err) => {
         this.setState({ pluginLoadError: err.message });
       });
     }
   }
-  pluginLoaded(plugin) {
+  _pluginLoaded(plugin) {
     const { options, fieldConfig, title, pluginId, pluginVersion } = this.state;
     const panel = { title, options, fieldConfig, id: 1, type: pluginId, pluginVersion };
-    const currentVersion = this.getPluginVersion(plugin);
+    const currentVersion = this._getPluginVersion(plugin);
     if (plugin.onPanelMigration) {
       if (currentVersion !== this.state.pluginVersion) {
         panel.options = plugin.onPanelMigration(panel);
@@ -3028,12 +3398,40 @@ class VizPanel extends SceneObjectBase {
       pluginVersion: currentVersion
     });
   }
-  getPluginVersion(plugin) {
+  _getPluginVersion(plugin) {
     return plugin && plugin.meta.info.version ? plugin.meta.info.version : runtime.config.buildInfo.version;
   }
   getPlugin() {
     return this._plugin;
   }
+  getPanelContext() {
+    return this._panelContext;
+  }
+  applyFieldConfig(rawData) {
+    var _a, _b;
+    const plugin = this._plugin;
+    if (!plugin || plugin.meta.skipDataQuery || !rawData) {
+      return emptyPanelData;
+    }
+    const fieldConfigRegistry = plugin.fieldConfigRegistry;
+    const prevFrames = (_a = this._prevData) == null ? void 0 : _a.series;
+    const newFrames = rawData == null ? void 0 : rawData.series;
+    if (rawData.structureRev == null && newFrames && prevFrames && !data.compareArrayValues(newFrames, prevFrames, data.compareDataFrameStructures)) {
+      this._structureRev++;
+    }
+    this._dataWithFieldConfig = __spreadProps$3(__spreadValues$5({}, rawData), {
+      structureRev: this._structureRev,
+      series: data.applyFieldOverrides({
+        data: newFrames,
+        fieldConfig: this.state.fieldConfig,
+        fieldConfigRegistry,
+        replaceVariables: this.interpolate,
+        theme: runtime.config.theme2,
+        timeZone: (_b = rawData.request) == null ? void 0 : _b.timezone
+      })
+    });
+    return this._dataWithFieldConfig;
+  }
 }
 VizPanel.Component = VizPanelRenderer;
 
@@ -3073,43 +3471,16 @@ function VizPanelMenuRenderer({ model }) {
   return /* @__PURE__ */ React__default["default"].createElement(ui.Menu, null, renderItems(items));
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 class NestedScene extends SceneObjectBase {
   constructor() {
     super(...arguments);
     this.onToggle = () => {
       this.setState({
-        isCollapsed: !this.state.isCollapsed,
-        placement: __spreadProps$3(__spreadValues$5({}, this.state.placement), {
-          ySizing: this.state.isCollapsed ? "fill" : "content"
-        })
+        isCollapsed: !this.state.isCollapsed
       });
     };
     this.onRemove = () => {
       const parent = this.parent;
-      if ("children" in parent.state) {
-        parent.setState({
-          children: parent.state.children.filter((x) => x !== this)
-        });
-      }
       if (isSceneLayoutItem(parent)) {
         parent.setState({
           body: void 0
@@ -3197,7 +3568,6 @@ class SceneCanvasText extends SceneObjectBase {
     this._variableDependency = new VariableDependencyConfig(this, { statePaths: ["text"] });
   }
 }
-SceneCanvasText.Editor = Editor;
 SceneCanvasText.Component = ({ model }) => {
   const { text, fontSize = 20, align = "left", key } = model.useState();
   const style = {
@@ -3213,16 +3583,6 @@ SceneCanvasText.Component = ({ model }) => {
     "data-testid": key
   }, sceneGraph.interpolate(model, text));
 };
-function Editor({ model }) {
-  const { fontSize } = model.useState();
-  return /* @__PURE__ */ React__default["default"].createElement(ui.Field, {
-    label: "Font size"
-  }, /* @__PURE__ */ React__default["default"].createElement(ui.Input, {
-    type: "number",
-    defaultValue: fontSize,
-    onBlur: (evt) => model.setState({ fontSize: parseInt(evt.currentTarget.value, 10) })
-  }));
-}
 
 class SceneToolbarButton extends SceneObjectBase {
 }