@grafana/scenes 6.5.0 → 6.5.1--canary.1077.13964702348.0

package/dist/esm/behaviors/ActWhenVariableChanged.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActWhenVariableChanged.js","sources":["../../../src/behaviors/ActWhenVariableChanged.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObjectState } from '../core/types';\nimport { SceneVariable } from '../variables/types';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig';\n\ninterface ActWhenVariableChangedState extends SceneObjectState {\n  // The name of the variable to subscribe to changes to.\n  variableName: string;\n  /**\n   * The handler to run when a variable changes.\n   * @param variable The variable that changed\n   * @param behavior The behavior instance where this onChange handler added to.\n   *  You can use this to access the parent SceneObject where this behavior exists.\n   *  You can also use this with the sceneGraph util functions to find objects from this scene graph location.\n   * @returns Return a cancellation function if you do anything async like issue a query.\n   */\n  onChange: (variable: SceneVariable, behavior: ActWhenVariableChanged) => (() => void) | void;\n}\n\n/**\n * This behavior will run an effect function when specified variables change\n */\n\nexport class ActWhenVariableChanged extends SceneObjectBase<ActWhenVariableChangedState> {\n  private _runningEffect: null | (() => void) = null;\n\n  protected _variableDependency = new VariableDependencyConfig(this, {\n    variableNames: [this.state.variableName],\n    onReferencedVariableValueChanged: this._onVariableChanged.bind(this),\n  });\n\n  private _onVariableChanged(variable: SceneVariable): void {\n    const effect = this.state.onChange;\n\n    if (this._runningEffect) {\n      this._runningEffect();\n      this._runningEffect = null;\n    }\n\n    const cancellation = effect(variable, this);\n    if (cancellation) {\n      this._runningEffect = cancellation;\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAuBO,MAAM,+BAA+B,eAA6C,CAAA;AAAA,EAAlF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AACL,IAAA,IAAA,CAAQ,cAAsC,GAAA,IAAA,CAAA;AAE9C,IAAU,IAAA,CAAA,mBAAA,GAAsB,IAAI,wBAAA,CAAyB,IAAM,EAAA;AAAA,MACjE,aAAe,EAAA,CAAC,IAAK,CAAA,KAAA,CAAM,YAAY,CAAA;AAAA,MACvC,gCAAkC,EAAA,IAAA,CAAK,kBAAmB,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA,KACpE,CAAA,CAAA;AAAA,GAAA;AAAA,EAEO,mBAAmB,QAA+B,EAAA;AACxD,IAAM,MAAA,MAAA,GAAS,KAAK,KAAM,CAAA,QAAA,CAAA;AAE1B,IAAA,IAAI,KAAK,cAAgB,EAAA;AACvB,MAAA,IAAA,CAAK,cAAe,EAAA,CAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,IAAA,CAAA;AAAA,KACxB;AAEA,IAAM,MAAA,YAAA,GAAe,MAAO,CAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAC1C,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,IAAA,CAAK,cAAiB,GAAA,YAAA,CAAA;AAAA,KACxB;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"ActWhenVariableChanged.js","sources":["../../../src/behaviors/ActWhenVariableChanged.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObjectState } from '../core/types';\nimport { SceneVariable } from '../variables/types';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig';\n\ninterface ActWhenVariableChangedState extends SceneObjectState {\n  // The name of the variable to subscribe to changes to.\n  variableName: string;\n  /**\n   * The handler to run when a variable changes.\n   * @param variable The variable that changed\n   * @param behavior The behavior instance where this onChange handler added to.\n   *  You can use this to access the parent SceneObject where this behavior exists.\n   *  You can also use this with the sceneGraph util functions to find objects from this scene graph location.\n   * @returns Return a cancellation function if you do anything async like issue a query.\n   */\n  onChange: (variable: SceneVariable, behavior: ActWhenVariableChanged) => (() => void) | void;\n}\n\n/**\n * This behavior will run an effect function when specified variables change\n */\n\nexport class ActWhenVariableChanged extends SceneObjectBase<ActWhenVariableChangedState> {\n  private _runningEffect: null | (() => void) = null;\n\n  protected _variableDependency = new VariableDependencyConfig(this, {\n    variableNames: [this.state.variableName],\n    onReferencedVariableValueChanged: this._onVariableChanged.bind(this),\n  });\n\n  private _onVariableChanged(variable: SceneVariable): void {\n    const effect = this.state.onChange;\n\n    if (this._runningEffect) {\n      this._runningEffect();\n      this._runningEffect = null;\n    }\n\n    const cancellation = effect(variable, this);\n    if (cancellation) {\n      this._runningEffect = cancellation;\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAuBO,MAAM,+BAA+B,eAA6C,CAAA;AAAA,EAAlF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AACL,IAAA,IAAA,CAAQ,cAAsC,GAAA,IAAA;AAE9C,IAAU,IAAA,CAAA,mBAAA,GAAsB,IAAI,wBAAA,CAAyB,IAAM,EAAA;AAAA,MACjE,aAAe,EAAA,CAAC,IAAK,CAAA,KAAA,CAAM,YAAY,CAAA;AAAA,MACvC,gCAAkC,EAAA,IAAA,CAAK,kBAAmB,CAAA,IAAA,CAAK,IAAI;AAAA,KACpE,CAAA;AAAA;AAAA,EAEO,mBAAmB,QAA+B,EAAA;AACxD,IAAM,MAAA,MAAA,GAAS,KAAK,KAAM,CAAA,QAAA;AAE1B,IAAA,IAAI,KAAK,cAAgB,EAAA;AACvB,MAAA,IAAA,CAAK,cAAe,EAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,IAAA;AAAA;AAGxB,IAAM,MAAA,YAAA,GAAe,MAAO,CAAA,QAAA,EAAU,IAAI,CAAA;AAC1C,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,IAAA,CAAK,cAAiB,GAAA,YAAA;AAAA;AACxB;AAEJ;;;;"}

package/dist/esm/behaviors/CursorSync.js

@@ -3,30 +3,12 @@ import { Observable } from 'rxjs';
 import { sceneGraph } from '../core/sceneGraph/index.js';
 import { SceneObjectBase } from '../core/SceneObjectBase.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 class CursorSync extends SceneObjectBase {
   constructor(state) {
-    super(__spreadProps(__spreadValues({}, state), {
+    super({
+      ...state,
       sync: state.sync || DashboardCursorSync.Off
-    }));
+    });
     this.getEventsBus = (panel) => {
       if (!this.parent) {
         throw new Error("EnableCursorSync cannot be used as a standalone scene object");

package/dist/esm/behaviors/CursorSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorSync.js","sources":["../../../src/behaviors/CursorSync.ts"],"sourcesContent":["import { BusEvent, BusEventHandler, BusEventType, EventBus, EventFilterOptions } from '@grafana/data';\nimport { DashboardCursorSync } from '@grafana/schema';\nimport { Observable, Unsubscribable } from 'rxjs';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneObjectState } from '../core/types';\n\ninterface CursorSyncState extends SceneObjectState {\n  sync: DashboardCursorSync;\n}\n\n/**\n * This behavior will provide a cursor sync context within a scene.\n */\n\nexport class CursorSync extends SceneObjectBase<CursorSyncState> {\n  public constructor(state: Partial<CursorSyncState>) {\n    super({\n      ...state,\n      sync: state.sync || DashboardCursorSync.Off,\n    });\n  }\n\n  public getEventsBus = (panel: SceneObject) => {\n    if (!this.parent) {\n      throw new Error('EnableCursorSync cannot be used as a standalone scene object');\n    }\n    // Since EnableCursorSync is a behavior, it is not a parent to any object in the scene graph.\n    // We need to get it's parent in order to provide correct EventBus context to the children.\n    return new PanelContextEventBus(this.parent, panel);\n  };\n\n  public getEventsScope() {\n    if (!this.parent) {\n      throw new Error('EnableCursorSync cannot be used as a standalone scene object');\n    }\n\n    // Since EnableCursorSync is a behavior, it is not a parent to any object in the scene graph.\n    // We need to get it's parent in order to provide correct EventBus context to the children.\n    return this.state.key!;\n  }\n}\n\n// This serves as a shared EventsBus that is shared by children or CursorSync behavior.\nclass PanelContextEventBus implements EventBus {\n  public constructor(private _source: SceneObject, private _eventsOrigin: SceneObject) {}\n\n  public publish<T extends BusEvent>(event: T): void {\n    (event as any).origin = this;\n    this._eventsOrigin.publishEvent(event, true);\n  }\n\n  public getStream<T extends BusEvent>(eventType: BusEventType<T>): Observable<T> {\n    return new Observable<T>((observer) => {\n      const handler = (event: T) => {\n        observer.next(event);\n      };\n\n      const sub = this._source.subscribeToEvent(eventType, handler);\n\n      return () => sub.unsubscribe();\n    });\n  }\n\n  public subscribe<T extends BusEvent>(eventType: BusEventType<T>, handler: BusEventHandler<T>): Unsubscribable {\n    return this.getStream(eventType).pipe().subscribe(handler);\n  }\n\n  public removeAllListeners(): void {}\n\n  public newScopedBus(key: string, filter: EventFilterOptions): EventBus {\n    throw new Error('For internal use only');\n  }\n}\n\nexport function getCursorSyncScope(sceneObject: SceneObject): CursorSync | null {\n  return sceneGraph.findObject(sceneObject, (o) => o instanceof CursorSync) as CursorSync;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,mBAAmB,eAAiC,CAAA;AAAA,EACxD,YAAY,KAAiC,EAAA;AAClD,IAAA,KAAA,CAAM,iCACD,KADC,CAAA,EAAA;AAAA,MAEJ,IAAA,EAAM,KAAM,CAAA,IAAA,IAAQ,mBAAoB,CAAA,GAAA;AAAA,KACzC,CAAA,CAAA,CAAA;AAGH,IAAO,IAAA,CAAA,YAAA,GAAe,CAAC,KAAuB,KAAA;AAC5C,MAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,QAAM,MAAA,IAAI,MAAM,8DAA8D,CAAA,CAAA;AAAA,OAChF;AAGA,MAAA,OAAO,IAAI,oBAAA,CAAqB,IAAK,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AAAA,KACpD,CAAA;AAAA,GATA;AAAA,EAWO,cAAiB,GAAA;AACtB,IAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,MAAM,MAAA,IAAI,MAAM,8DAA8D,CAAA,CAAA;AAAA,KAChF;AAIA,IAAA,OAAO,KAAK,KAAM,CAAA,GAAA,CAAA;AAAA,GACpB;AACF,CAAA;AAGA,MAAM,oBAAyC,CAAA;AAAA,EACtC,WAAA,CAAoB,SAA8B,aAA4B,EAAA;AAA1D,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA,CAAA;AAA8B,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA,CAAA;AAAA,GAA6B;AAAA,EAE/E,QAA4B,KAAgB,EAAA;AACjD,IAAC,MAAc,MAAS,GAAA,IAAA,CAAA;AACxB,IAAK,IAAA,CAAA,aAAA,CAAc,YAAa,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAAA,GAC7C;AAAA,EAEO,UAA8B,SAA2C,EAAA;AAC9E,IAAO,OAAA,IAAI,UAAc,CAAA,CAAC,QAAa,KAAA;AACrC,MAAM,MAAA,OAAA,GAAU,CAAC,KAAa,KAAA;AAC5B,QAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,OACrB,CAAA;AAEA,MAAA,MAAM,GAAM,GAAA,IAAA,CAAK,OAAQ,CAAA,gBAAA,CAAiB,WAAW,OAAO,CAAA,CAAA;AAE5D,MAAO,OAAA,MAAM,IAAI,WAAY,EAAA,CAAA;AAAA,KAC9B,CAAA,CAAA;AAAA,GACH;AAAA,EAEO,SAAA,CAA8B,WAA4B,OAA6C,EAAA;AAC5G,IAAA,OAAO,KAAK,SAAU,CAAA,SAAS,EAAE,IAAK,EAAA,CAAE,UAAU,OAAO,CAAA,CAAA;AAAA,GAC3D;AAAA,EAEO,kBAA2B,GAAA;AAAA,GAAC;AAAA,EAE5B,YAAA,CAAa,KAAa,MAAsC,EAAA;AACrE,IAAM,MAAA,IAAI,MAAM,uBAAuB,CAAA,CAAA;AAAA,GACzC;AACF,CAAA;AAEO,SAAS,mBAAmB,WAA6C,EAAA;AAC9E,EAAA,OAAO,WAAW,UAAW,CAAA,WAAA,EAAa,CAAC,CAAA,KAAM,aAAa,UAAU,CAAA,CAAA;AAC1E;;;;"}
+{"version":3,"file":"CursorSync.js","sources":["../../../src/behaviors/CursorSync.ts"],"sourcesContent":["import { BusEvent, BusEventHandler, BusEventType, EventBus, EventFilterOptions } from '@grafana/data';\nimport { DashboardCursorSync } from '@grafana/schema';\nimport { Observable, Unsubscribable } from 'rxjs';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneObjectState } from '../core/types';\n\ninterface CursorSyncState extends SceneObjectState {\n  sync: DashboardCursorSync;\n}\n\n/**\n * This behavior will provide a cursor sync context within a scene.\n */\n\nexport class CursorSync extends SceneObjectBase<CursorSyncState> {\n  public constructor(state: Partial<CursorSyncState>) {\n    super({\n      ...state,\n      sync: state.sync || DashboardCursorSync.Off,\n    });\n  }\n\n  public getEventsBus = (panel: SceneObject) => {\n    if (!this.parent) {\n      throw new Error('EnableCursorSync cannot be used as a standalone scene object');\n    }\n    // Since EnableCursorSync is a behavior, it is not a parent to any object in the scene graph.\n    // We need to get it's parent in order to provide correct EventBus context to the children.\n    return new PanelContextEventBus(this.parent, panel);\n  };\n\n  public getEventsScope() {\n    if (!this.parent) {\n      throw new Error('EnableCursorSync cannot be used as a standalone scene object');\n    }\n\n    // Since EnableCursorSync is a behavior, it is not a parent to any object in the scene graph.\n    // We need to get it's parent in order to provide correct EventBus context to the children.\n    return this.state.key!;\n  }\n}\n\n// This serves as a shared EventsBus that is shared by children or CursorSync behavior.\nclass PanelContextEventBus implements EventBus {\n  public constructor(private _source: SceneObject, private _eventsOrigin: SceneObject) {}\n\n  public publish<T extends BusEvent>(event: T): void {\n    (event as any).origin = this;\n    this._eventsOrigin.publishEvent(event, true);\n  }\n\n  public getStream<T extends BusEvent>(eventType: BusEventType<T>): Observable<T> {\n    return new Observable<T>((observer) => {\n      const handler = (event: T) => {\n        observer.next(event);\n      };\n\n      const sub = this._source.subscribeToEvent(eventType, handler);\n\n      return () => sub.unsubscribe();\n    });\n  }\n\n  public subscribe<T extends BusEvent>(eventType: BusEventType<T>, handler: BusEventHandler<T>): Unsubscribable {\n    return this.getStream(eventType).pipe().subscribe(handler);\n  }\n\n  public removeAllListeners(): void {}\n\n  public newScopedBus(key: string, filter: EventFilterOptions): EventBus {\n    throw new Error('For internal use only');\n  }\n}\n\nexport function getCursorSyncScope(sceneObject: SceneObject): CursorSync | null {\n  return sceneGraph.findObject(sceneObject, (o) => o instanceof CursorSync) as CursorSync;\n}\n"],"names":[],"mappings":";;;;;AAeO,MAAM,mBAAmB,eAAiC,CAAA;AAAA,EACxD,YAAY,KAAiC,EAAA;AAClD,IAAM,KAAA,CAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MACH,IAAA,EAAM,KAAM,CAAA,IAAA,IAAQ,mBAAoB,CAAA;AAAA,KACzC,CAAA;AAGH,IAAO,IAAA,CAAA,YAAA,GAAe,CAAC,KAAuB,KAAA;AAC5C,MAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,QAAM,MAAA,IAAI,MAAM,8DAA8D,CAAA;AAAA;AAIhF,MAAA,OAAO,IAAI,oBAAA,CAAqB,IAAK,CAAA,MAAA,EAAQ,KAAK,CAAA;AAAA,KACpD;AAAA;AATA,EAWO,cAAiB,GAAA;AACtB,IAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,MAAM,MAAA,IAAI,MAAM,8DAA8D,CAAA;AAAA;AAKhF,IAAA,OAAO,KAAK,KAAM,CAAA,GAAA;AAAA;AAEtB;AAGA,MAAM,oBAAyC,CAAA;AAAA,EACtC,WAAA,CAAoB,SAA8B,aAA4B,EAAA;AAA1D,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAA8B,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA;AAAA;AAA6B,EAE/E,QAA4B,KAAgB,EAAA;AACjD,IAAC,MAAc,MAAS,GAAA,IAAA;AACxB,IAAK,IAAA,CAAA,aAAA,CAAc,YAAa,CAAA,KAAA,EAAO,IAAI,CAAA;AAAA;AAC7C,EAEO,UAA8B,SAA2C,EAAA;AAC9E,IAAO,OAAA,IAAI,UAAc,CAAA,CAAC,QAAa,KAAA;AACrC,MAAM,MAAA,OAAA,GAAU,CAAC,KAAa,KAAA;AAC5B,QAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA,OACrB;AAEA,MAAA,MAAM,GAAM,GAAA,IAAA,CAAK,OAAQ,CAAA,gBAAA,CAAiB,WAAW,OAAO,CAAA;AAE5D,MAAO,OAAA,MAAM,IAAI,WAAY,EAAA;AAAA,KAC9B,CAAA;AAAA;AACH,EAEO,SAAA,CAA8B,WAA4B,OAA6C,EAAA;AAC5G,IAAA,OAAO,KAAK,SAAU,CAAA,SAAS,EAAE,IAAK,EAAA,CAAE,UAAU,OAAO,CAAA;AAAA;AAC3D,EAEO,kBAA2B,GAAA;AAAA;AAAC,EAE5B,YAAA,CAAa,KAAa,MAAsC,EAAA;AACrE,IAAM,MAAA,IAAI,MAAM,uBAAuB,CAAA;AAAA;AAE3C;AAEO,SAAS,mBAAmB,WAA6C,EAAA;AAC9E,EAAA,OAAO,WAAW,UAAW,CAAA,WAAA,EAAa,CAAC,CAAA,KAAM,aAAa,UAAU,CAAA;AAC1E;;;;"}

package/dist/esm/behaviors/LiveNowTimer.js

@@ -2,7 +2,8 @@ import { VizPanel } from '../components/VizPanel/VizPanel.js';
 import { SceneObjectBase } from '../core/SceneObjectBase.js';
 import { sceneGraph } from '../core/sceneGraph/index.js';
 
-const _LiveNowTimer = class extends SceneObjectBase {
+const _LiveNowTimer = class _LiveNowTimer extends SceneObjectBase {
+  // ms
   constructor({ enabled = false }) {
     super({ enabled });
     this.timerId = void 0;
@@ -37,8 +38,8 @@ const _LiveNowTimer = class extends SceneObjectBase {
     return this.state.enabled;
   }
 };
+_LiveNowTimer.REFRESH_RATE = 100;
 let LiveNowTimer = _LiveNowTimer;
-LiveNowTimer.REFRESH_RATE = 100;
 
 export { LiveNowTimer };
 //# sourceMappingURL=LiveNowTimer.js.map

package/dist/esm/behaviors/LiveNowTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveNowTimer.js","sources":["../../../src/behaviors/LiveNowTimer.ts"],"sourcesContent":["import { VizPanel } from '../components/VizPanel/VizPanel';\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObjectState } from '../core/types';\n\ninterface LiveNowTimerState extends SceneObjectState {\n  enabled: boolean;\n}\n\nexport class LiveNowTimer extends SceneObjectBase<LiveNowTimerState> {\n  private timerId: number | undefined = undefined;\n  private static REFRESH_RATE = 100; // ms\n\n  public constructor({ enabled = false }) {\n    super({ enabled });\n    this.addActivationHandler(this._activationHandler);\n  }\n\n  private _activationHandler = () => {\n    if (this.state.enabled) {\n      this.enable();\n    }\n\n    return () => {\n      window.clearInterval(this.timerId);\n      this.timerId = undefined;\n    };\n  };\n\n  public enable() {\n    window.clearInterval(this.timerId);\n    this.timerId = undefined;\n    this.timerId = window.setInterval(() => {\n      const panels = sceneGraph.findAllObjects(this.getRoot(), (obj) => obj instanceof VizPanel) as VizPanel[];\n      for (const panel of panels) {\n        panel.forceRender();\n      }\n    }, LiveNowTimer.REFRESH_RATE);\n    this.setState({ enabled: true });\n  }\n\n  public disable() {\n    window.clearInterval(this.timerId);\n    this.timerId = undefined;\n    this.setState({ enabled: false });\n  }\n\n  public get isEnabled() {\n    return this.state.enabled;\n  }\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,aAAA,GAAN,cAA2B,eAAmC,CAAA;AAAA,EAI5D,WAAY,CAAA,EAAE,OAAU,GAAA,KAAA,EAAS,EAAA;AACtC,IAAM,KAAA,CAAA,EAAE,SAAS,CAAA,CAAA;AAJnB,IAAA,IAAA,CAAQ,OAA8B,GAAA,KAAA,CAAA,CAAA;AAQtC,IAAA,IAAA,CAAQ,qBAAqB,MAAM;AACjC,MAAI,IAAA,IAAA,CAAK,MAAM,OAAS,EAAA;AACtB,QAAA,IAAA,CAAK,MAAO,EAAA,CAAA;AAAA,OACd;AAEA,MAAA,OAAO,MAAM;AACX,QAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA,CAAA;AACjC,QAAA,IAAA,CAAK,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,OACjB,CAAA;AAAA,KACF,CAAA;AAZE,IAAK,IAAA,CAAA,oBAAA,CAAqB,KAAK,kBAAkB,CAAA,CAAA;AAAA,GACnD;AAAA,EAaO,MAAS,GAAA;AACd,IAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA,CAAA;AACjC,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA,CAAA,CAAA;AACf,IAAK,IAAA,CAAA,OAAA,GAAU,MAAO,CAAA,WAAA,CAAY,MAAM;AACtC,MAAM,MAAA,MAAA,GAAS,WAAW,cAAe,CAAA,IAAA,CAAK,SAAW,EAAA,CAAC,GAAQ,KAAA,GAAA,YAAe,QAAQ,CAAA,CAAA;AACzF,MAAA,KAAA,MAAW,SAAS,MAAQ,EAAA;AAC1B,QAAA,KAAA,CAAM,WAAY,EAAA,CAAA;AAAA,OACpB;AAAA,KACF,EAAG,cAAa,YAAY,CAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,QAAS,CAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,GACjC;AAAA,EAEO,OAAU,GAAA;AACf,IAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA,CAAA;AACjC,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA,CAAA,CAAA;AACf,IAAA,IAAA,CAAK,QAAS,CAAA,EAAE,OAAS,EAAA,KAAA,EAAO,CAAA,CAAA;AAAA,GAClC;AAAA,EAEA,IAAW,SAAY,GAAA;AACrB,IAAA,OAAO,KAAK,KAAM,CAAA,OAAA,CAAA;AAAA,GACpB;AACF,CAAA,CAAA;AAzCO,IAAM,YAAN,GAAA,cAAA;AAAM,YAAA,CAEI,YAAe,GAAA,GAAA;;;;"}
+{"version":3,"file":"LiveNowTimer.js","sources":["../../../src/behaviors/LiveNowTimer.ts"],"sourcesContent":["import { VizPanel } from '../components/VizPanel/VizPanel';\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObjectState } from '../core/types';\n\ninterface LiveNowTimerState extends SceneObjectState {\n  enabled: boolean;\n}\n\nexport class LiveNowTimer extends SceneObjectBase<LiveNowTimerState> {\n  private timerId: number | undefined = undefined;\n  private static REFRESH_RATE = 100; // ms\n\n  public constructor({ enabled = false }) {\n    super({ enabled });\n    this.addActivationHandler(this._activationHandler);\n  }\n\n  private _activationHandler = () => {\n    if (this.state.enabled) {\n      this.enable();\n    }\n\n    return () => {\n      window.clearInterval(this.timerId);\n      this.timerId = undefined;\n    };\n  };\n\n  public enable() {\n    window.clearInterval(this.timerId);\n    this.timerId = undefined;\n    this.timerId = window.setInterval(() => {\n      const panels = sceneGraph.findAllObjects(this.getRoot(), (obj) => obj instanceof VizPanel) as VizPanel[];\n      for (const panel of panels) {\n        panel.forceRender();\n      }\n    }, LiveNowTimer.REFRESH_RATE);\n    this.setState({ enabled: true });\n  }\n\n  public disable() {\n    window.clearInterval(this.timerId);\n    this.timerId = undefined;\n    this.setState({ enabled: false });\n  }\n\n  public get isEnabled() {\n    return this.state.enabled;\n  }\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,aAAA,GAAN,MAAM,aAAA,SAAqB,eAAmC,CAAA;AAAA;AAAA,EAI5D,WAAY,CAAA,EAAE,OAAU,GAAA,KAAA,EAAS,EAAA;AACtC,IAAM,KAAA,CAAA,EAAE,SAAS,CAAA;AAJnB,IAAA,IAAA,CAAQ,OAA8B,GAAA,MAAA;AAQtC,IAAA,IAAA,CAAQ,qBAAqB,MAAM;AACjC,MAAI,IAAA,IAAA,CAAK,MAAM,OAAS,EAAA;AACtB,QAAA,IAAA,CAAK,MAAO,EAAA;AAAA;AAGd,MAAA,OAAO,MAAM;AACX,QAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA;AACjC,QAAA,IAAA,CAAK,OAAU,GAAA,MAAA;AAAA,OACjB;AAAA,KACF;AAZE,IAAK,IAAA,CAAA,oBAAA,CAAqB,KAAK,kBAAkB,CAAA;AAAA;AACnD,EAaO,MAAS,GAAA;AACd,IAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA;AACjC,IAAA,IAAA,CAAK,OAAU,GAAA,MAAA;AACf,IAAK,IAAA,CAAA,OAAA,GAAU,MAAO,CAAA,WAAA,CAAY,MAAM;AACtC,MAAM,MAAA,MAAA,GAAS,WAAW,cAAe,CAAA,IAAA,CAAK,SAAW,EAAA,CAAC,GAAQ,KAAA,GAAA,YAAe,QAAQ,CAAA;AACzF,MAAA,KAAA,MAAW,SAAS,MAAQ,EAAA;AAC1B,QAAA,KAAA,CAAM,WAAY,EAAA;AAAA;AACpB,KACF,EAAG,cAAa,YAAY,CAAA;AAC5B,IAAA,IAAA,CAAK,QAAS,CAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAAA;AACjC,EAEO,OAAU,GAAA;AACf,IAAO,MAAA,CAAA,aAAA,CAAc,KAAK,OAAO,CAAA;AACjC,IAAA,IAAA,CAAK,OAAU,GAAA,MAAA;AACf,IAAA,IAAA,CAAK,QAAS,CAAA,EAAE,OAAS,EAAA,KAAA,EAAO,CAAA;AAAA;AAClC,EAEA,IAAW,SAAY,GAAA;AACrB,IAAA,OAAO,KAAK,KAAM,CAAA,OAAA;AAAA;AAEtB,CAAA;AAzCa,aAAA,CAEI,YAAe,GAAA,GAAA;AAFzB,IAAM,YAAN,GAAA;;;;"}

package/dist/esm/behaviors/SceneQueryController.js

@@ -2,50 +2,20 @@ import { SceneObjectBase } from '../core/SceneObjectBase.js';
 import { writeSceneLog } from '../utils/writeSceneLog.js';
 import { SceneRenderProfiler } from './SceneRenderProfiler.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var _running, _tryCompleteProfileFrameId;
 function isQueryController(s) {
   return "isQueryController" in s;
 }
 class SceneQueryController extends SceneObjectBase {
   constructor(state = {}) {
-    super(__spreadProps(__spreadValues({}, state), { isRunning: false }));
+    super({ ...state, isRunning: false });
     this.isQueryController = true;
     this.profiler = new SceneRenderProfiler(this);
     __privateAdd(this, _running, /* @__PURE__ */ new Set());

package/dist/esm/behaviors/SceneQueryController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneQueryController.js","sources":["../../../src/behaviors/SceneQueryController.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneRenderProfiler } from './SceneRenderProfiler';\nimport { SceneQueryControllerEntry, SceneQueryControllerLike, SceneQueryStateControllerState } from './types';\n\nexport function isQueryController(s: SceneObject | SceneStatelessBehavior): s is SceneQueryControllerLike {\n  return 'isQueryController' in s;\n}\n\nexport class SceneQueryController\n  extends SceneObjectBase<SceneQueryStateControllerState>\n  implements SceneQueryControllerLike\n{\n  public isQueryController: true = true;\n  private profiler = new SceneRenderProfiler(this);\n\n  #running = new Set<SceneQueryControllerEntry>();\n\n  #tryCompleteProfileFrameId: number | null = null;\n\n  public constructor(state: Partial<SceneQueryStateControllerState> = {}) {\n    super({ ...state, isRunning: false });\n\n    // Clear running state on deactivate\n    this.addActivationHandler(() => {\n      return () => this.#running.clear();\n    });\n  }\n\n  public runningQueriesCount = () => {\n    return this.#running.size;\n  };\n  public startProfile(name: string) {\n    if (!this.state.enableProfiling) {\n      return;\n    }\n    this.profiler.startProfile(name);\n  }\n\n  public queryStarted(entry: SceneQueryControllerEntry) {\n    this.#running.add(entry);\n    this.changeRunningQueryCount(1, entry);\n\n    if (!this.state.isRunning) {\n      this.setState({ isRunning: true });\n    }\n  }\n\n  public queryCompleted(entry: SceneQueryControllerEntry) {\n    if (!this.#running.has(entry)) {\n      return;\n    }\n\n    this.#running.delete(entry);\n\n    this.changeRunningQueryCount(-1);\n\n    if (this.#running.size === 0) {\n      this.setState({ isRunning: false });\n    }\n  }\n\n  private changeRunningQueryCount(dir: 1 | -1, entry?: SceneQueryControllerEntry) {\n    /**\n     * Used by grafana-image-renderer to know when all queries are completed.\n     */\n    (window as any).__grafanaRunningQueryCount = ((window as any).__grafanaRunningQueryCount ?? 0) + dir;\n\n    if (dir === 1 && this.state.enableProfiling) {\n      if (entry) {\n        // Collect profile crumbs, variables, annotations, queries and plugins\n        this.profiler.addCrumb(`${entry.origin.constructor.name}/${entry.type}`);\n      }\n      if (this.profiler.isTailRecording()) {\n        writeSceneLog(this.constructor.name, 'New query started, cancelling tail recording');\n        this.profiler.cancelTailRecording();\n      }\n    }\n\n    if (this.state.enableProfiling) {\n      // Delegate to next frame to check if all queries are completed\n      // This is to account for scenarios when there's \"yet another\" query that's started\n      if (this.#tryCompleteProfileFrameId) {\n        cancelAnimationFrame(this.#tryCompleteProfileFrameId);\n      }\n\n      this.#tryCompleteProfileFrameId = requestAnimationFrame(() => {\n        this.profiler.tryCompletingProfile();\n      });\n    }\n  }\n\n  public cancelAll() {\n    for (const entry of this.#running.values()) {\n      entry.cancel?.();\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SceneQueryController.js","sources":["../../../src/behaviors/SceneQueryController.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneRenderProfiler } from './SceneRenderProfiler';\nimport { SceneQueryControllerEntry, SceneQueryControllerLike, SceneQueryStateControllerState } from './types';\n\nexport function isQueryController(s: SceneObject | SceneStatelessBehavior): s is SceneQueryControllerLike {\n  return 'isQueryController' in s;\n}\n\nexport class SceneQueryController\n  extends SceneObjectBase<SceneQueryStateControllerState>\n  implements SceneQueryControllerLike\n{\n  public isQueryController: true = true;\n  private profiler = new SceneRenderProfiler(this);\n\n  #running = new Set<SceneQueryControllerEntry>();\n\n  #tryCompleteProfileFrameId: number | null = null;\n\n  public constructor(state: Partial<SceneQueryStateControllerState> = {}) {\n    super({ ...state, isRunning: false });\n\n    // Clear running state on deactivate\n    this.addActivationHandler(() => {\n      return () => this.#running.clear();\n    });\n  }\n\n  public runningQueriesCount = () => {\n    return this.#running.size;\n  };\n  public startProfile(name: string) {\n    if (!this.state.enableProfiling) {\n      return;\n    }\n    this.profiler.startProfile(name);\n  }\n\n  public queryStarted(entry: SceneQueryControllerEntry) {\n    this.#running.add(entry);\n    this.changeRunningQueryCount(1, entry);\n\n    if (!this.state.isRunning) {\n      this.setState({ isRunning: true });\n    }\n  }\n\n  public queryCompleted(entry: SceneQueryControllerEntry) {\n    if (!this.#running.has(entry)) {\n      return;\n    }\n\n    this.#running.delete(entry);\n\n    this.changeRunningQueryCount(-1);\n\n    if (this.#running.size === 0) {\n      this.setState({ isRunning: false });\n    }\n  }\n\n  private changeRunningQueryCount(dir: 1 | -1, entry?: SceneQueryControllerEntry) {\n    /**\n     * Used by grafana-image-renderer to know when all queries are completed.\n     */\n    (window as any).__grafanaRunningQueryCount = ((window as any).__grafanaRunningQueryCount ?? 0) + dir;\n\n    if (dir === 1 && this.state.enableProfiling) {\n      if (entry) {\n        // Collect profile crumbs, variables, annotations, queries and plugins\n        this.profiler.addCrumb(`${entry.origin.constructor.name}/${entry.type}`);\n      }\n      if (this.profiler.isTailRecording()) {\n        writeSceneLog(this.constructor.name, 'New query started, cancelling tail recording');\n        this.profiler.cancelTailRecording();\n      }\n    }\n\n    if (this.state.enableProfiling) {\n      // Delegate to next frame to check if all queries are completed\n      // This is to account for scenarios when there's \"yet another\" query that's started\n      if (this.#tryCompleteProfileFrameId) {\n        cancelAnimationFrame(this.#tryCompleteProfileFrameId);\n      }\n\n      this.#tryCompleteProfileFrameId = requestAnimationFrame(() => {\n        this.profiler.tryCompletingProfile();\n      });\n    }\n  }\n\n  public cancelAll() {\n    for (const entry of this.#running.values()) {\n      entry.cancel?.();\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,QAAA,EAAA,0BAAA;AAMO,SAAS,kBAAkB,CAAwE,EAAA;AACxG,EAAA,OAAO,mBAAuB,IAAA,CAAA;AAChC;AAEO,MAAM,6BACH,eAEV,CAAA;AAAA,EAQS,WAAA,CAAY,KAAiD,GAAA,EAAI,EAAA;AACtE,IAAA,KAAA,CAAM,EAAE,GAAG,KAAO,EAAA,SAAA,EAAW,OAAO,CAAA;AARtC,IAAA,IAAA,CAAO,iBAA0B,GAAA,IAAA;AACjC,IAAQ,IAAA,CAAA,QAAA,GAAW,IAAI,mBAAA,CAAoB,IAAI,CAAA;AAE/C,IAAA,YAAA,CAAA,IAAA,EAAA,QAAA,sBAAe,GAA+B,EAAA,CAAA;AAE9C,IAA4C,YAAA,CAAA,IAAA,EAAA,0BAAA,EAAA,IAAA,CAAA;AAW5C,IAAA,IAAA,CAAO,sBAAsB,MAAM;AACjC,MAAA,OAAO,mBAAK,QAAS,CAAA,CAAA,IAAA;AAAA,KACvB;AAPE,IAAA,IAAA,CAAK,qBAAqB,MAAM;AAC9B,MAAO,OAAA,MAAM,YAAK,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,KAAM,EAAA;AAAA,KAClC,CAAA;AAAA;AACH,EAKO,aAAa,IAAc,EAAA;AAChC,IAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,eAAiB,EAAA;AAC/B,MAAA;AAAA;AAEF,IAAK,IAAA,CAAA,QAAA,CAAS,aAAa,IAAI,CAAA;AAAA;AACjC,EAEO,aAAa,KAAkC,EAAA;AACpD,IAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,IAAI,KAAK,CAAA;AACvB,IAAK,IAAA,CAAA,uBAAA,CAAwB,GAAG,KAAK,CAAA;AAErC,IAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,SAAW,EAAA;AACzB,MAAA,IAAA,CAAK,QAAS,CAAA,EAAE,SAAW,EAAA,IAAA,EAAM,CAAA;AAAA;AACnC;AACF,EAEO,eAAe,KAAkC,EAAA;AACtD,IAAA,IAAI,CAAC,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,KAAK,CAAG,EAAA;AAC7B,MAAA;AAAA;AAGF,IAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,OAAO,KAAK,CAAA;AAE1B,IAAA,IAAA,CAAK,wBAAwB,EAAE,CAAA;AAE/B,IAAI,IAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,IAAA,KAAS,CAAG,EAAA;AAC5B,MAAA,IAAA,CAAK,QAAS,CAAA,EAAE,SAAW,EAAA,KAAA,EAAO,CAAA;AAAA;AACpC;AACF,EAEQ,uBAAA,CAAwB,KAAa,KAAmC,EAAA;AA/DlF,IAAA,IAAA,EAAA;AAmEI,IAAC,MAAe,CAAA,0BAAA,GAAA,CAAA,CAA+B,EAAe,GAAA,MAAA,CAAA,0BAAA,KAAf,YAA6C,CAAK,IAAA,GAAA;AAEjG,IAAA,IAAI,GAAQ,KAAA,CAAA,IAAK,IAAK,CAAA,KAAA,CAAM,eAAiB,EAAA;AAC3C,MAAA,IAAI,KAAO,EAAA;AAET,QAAK,IAAA,CAAA,QAAA,CAAS,QAAS,CAAA,CAAA,EAAG,KAAM,CAAA,MAAA,CAAO,YAAY,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA;AAEzE,MAAI,IAAA,IAAA,CAAK,QAAS,CAAA,eAAA,EAAmB,EAAA;AACnC,QAAc,aAAA,CAAA,IAAA,CAAK,WAAY,CAAA,IAAA,EAAM,8CAA8C,CAAA;AACnF,QAAA,IAAA,CAAK,SAAS,mBAAoB,EAAA;AAAA;AACpC;AAGF,IAAI,IAAA,IAAA,CAAK,MAAM,eAAiB,EAAA;AAG9B,MAAA,IAAI,mBAAK,0BAA4B,CAAA,EAAA;AACnC,QAAA,oBAAA,CAAqB,mBAAK,0BAA0B,CAAA,CAAA;AAAA;AAGtD,MAAK,YAAA,CAAA,IAAA,EAAA,0BAAA,EAA6B,sBAAsB,MAAM;AAC5D,QAAA,IAAA,CAAK,SAAS,oBAAqB,EAAA;AAAA,OACpC,CAAA,CAAA;AAAA;AACH;AACF,EAEO,SAAY,GAAA;AA7FrB,IAAA,IAAA,EAAA;AA8FI,IAAA,KAAA,MAAW,KAAS,IAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,MAAA,EAAU,EAAA;AAC1C,MAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA;AACF;AAEJ;AAjFE,QAAA,GAAA,IAAA,OAAA,EAAA;AAEA,0BAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/dist/esm/behaviors/SceneRenderProfiler.js

@@ -1,23 +1,12 @@
 import { writeSceneLog } from '../utils/writeSceneLog.js';
 
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var _profileInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans;
 const POST_STORM_WINDOW = 2e3;
 const SPAN_THRESHOLD = 30;
@@ -27,6 +16,7 @@ class SceneRenderProfiler {
     __privateAdd(this, _profileInProgress, null);
     __privateAdd(this, _profileStartTs, null);
     __privateAdd(this, _trailAnimationFrameId, null);
+    // Will keep measured lengths trailing frames
     __privateAdd(this, _recordedTrailingSpans, []);
     this.lastFrameTime = 0;
     this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
@@ -67,8 +57,11 @@ class SceneRenderProfiler {
             crumbs: __privateGet(this, _profileInProgress).crumbs,
             duration: profileDuration + slowFramesTime,
             networkDuration,
+            // @ts-ignore
             jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,
+            // @ts-ignore
             usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,
+            // @ts-ignore
             totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0
           });
         }

package/dist/esm/behaviors/SceneRenderProfiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneRenderProfiler.js","sources":["../../../src/behaviors/SceneRenderProfiler.ts"],"sourcesContent":["import { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneQueryControllerLike } from './types';\n\nconst POST_STORM_WINDOW = 2000; // Time after last query to observe slow frames\nconst SPAN_THRESHOLD = 30; // Frames longer than this will be considered slow\n\nexport class SceneRenderProfiler {\n  #profileInProgress: {\n    // Profile origin, i.e. scene refresh picker\n    origin: string;\n    crumbs: string[];\n  } | null = null;\n\n  #profileStartTs: number | null = null;\n  #trailAnimationFrameId: number | null = null;\n\n  // Will keep measured lengths trailing frames\n  #recordedTrailingSpans: number[] = [];\n\n  lastFrameTime: number = 0;\n\n  public constructor(private queryController: SceneQueryControllerLike) {}\n\n  public startProfile(name: string) {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n\n      writeSceneLog(this.constructor.name, 'New profile: Stopped recording frames');\n    }\n\n    this.#profileInProgress = { origin: name, crumbs: [] };\n    this.#profileStartTs = performance.now();\n    writeSceneLog(this.constructor.name, 'Profile started:', this.#profileInProgress, this.#profileStartTs);\n  }\n\n  private recordProfileTail(measurementStartTime: number, profileStartTs: number) {\n    this.#trailAnimationFrameId = requestAnimationFrame(() =>\n      this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)\n    );\n  }\n\n  private measureTrailingFrames = (measurementStartTs: number, lastFrameTime: number, profileStartTs: number) => {\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - lastFrameTime;\n    this.#recordedTrailingSpans.push(frameLength);\n\n    if (currentFrameTime - measurementStartTs! < POST_STORM_WINDOW) {\n      this.#trailAnimationFrameId = requestAnimationFrame(() =>\n        this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)\n      );\n    } else {\n      const slowFrames = processRecordedSpans(this.#recordedTrailingSpans);\n      const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);\n\n      writeSceneLog(\n        this.constructor.name,\n        'Profile tail recorded, slow frames duration:',\n        slowFramesTime,\n        slowFrames,\n        this.#profileInProgress\n      );\n\n      this.#recordedTrailingSpans = [];\n\n      const profileDuration = measurementStartTs - profileStartTs;\n\n      writeSceneLog(\n        this.constructor.name,\n        'Stoped recording, total measured time (network included):',\n        profileDuration + slowFramesTime\n      );\n      this.#trailAnimationFrameId = null;\n\n      // performance.measure('DashboardInteraction tail', {\n      //   start: measurementStartTs,\n      //   end: measurementStartTs + n,\n      // });\n\n      const profileEndTs = profileStartTs + profileDuration + slowFramesTime;\n\n      performance.measure('DashboardInteraction', {\n        start: profileStartTs,\n        end: profileEndTs,\n      });\n\n      const networkDuration = captureNetwork(profileStartTs, profileEndTs);\n\n      if (this.queryController.state.onProfileComplete) {\n        this.queryController.state.onProfileComplete({\n          origin: this.#profileInProgress!.origin,\n          crumbs: this.#profileInProgress!.crumbs,\n          duration: profileDuration + slowFramesTime,\n          networkDuration,\n          // @ts-ignore\n          jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,\n          // @ts-ignore\n          usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,\n          // @ts-ignore\n          totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0,\n        });\n      }\n      // @ts-ignore\n      if (window.__runs) {\n        // @ts-ignore\n        window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      } else {\n        // @ts-ignore\n        window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      }\n    }\n  };\n\n  public tryCompletingProfile() {\n    writeSceneLog(this.constructor.name, 'Trying to complete profile', this.#profileInProgress);\n\n    if (this.queryController.runningQueriesCount() === 0 && this.#profileInProgress) {\n      writeSceneLog(this.constructor.name, 'All queries completed, stopping profile');\n      this.recordProfileTail(performance.now(), this.#profileStartTs!);\n    }\n  }\n\n  public isTailRecording() {\n    return Boolean(this.#trailAnimationFrameId);\n  }\n  public cancelTailRecording() {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n      writeSceneLog(this.constructor.name, 'Cancelled recording frames, new profile started');\n    }\n  }\n\n  public addCrumb(crumb: string) {\n    if (this.#profileInProgress) {\n      this.#profileInProgress.crumbs.push(crumb);\n    }\n  }\n}\n\nexport function processRecordedSpans(spans: number[]) {\n  // identify last span in spans that's bigger than SPAN_THRESHOLD\n  for (let i = spans.length - 1; i >= 0; i--) {\n    if (spans[i] > SPAN_THRESHOLD) {\n      return spans.slice(0, i + 1);\n    }\n  }\n  return [spans[0]];\n}\n\nfunction captureNetwork(startTs: number, endTs: number) {\n  const entries = performance.getEntriesByType('resource');\n  performance.clearResourceTimings();\n  const networkEntries = entries.filter((entry) => entry.startTime >= startTs && entry.startTime <= endTs);\n  for (const entry of networkEntries) {\n    performance.measure('Network entry ' + entry.name, {\n      start: entry.startTime,\n      end: entry.responseEnd,\n    });\n  }\n\n  return calculateNetworkTime(networkEntries);\n}\n\n// Will calculate total time spent on Network\nexport function calculateNetworkTime(requests: PerformanceResourceTiming[]): number {\n  if (requests.length === 0) {\n    return 0;\n  }\n\n  // Step 1: Sort the requests by startTs\n  requests.sort((a, b) => a.startTime - b.startTime);\n\n  // Step 2: Initialize variables\n  let totalNetworkTime = 0;\n  let currentStart = requests[0].startTime;\n  let currentEnd = requests[0].responseEnd;\n\n  // Step 3: Iterate through the sorted list and merge overlapping intervals\n  for (let i = 1; i < requests.length; i++) {\n    if (requests[i].startTime <= currentEnd) {\n      // Overlapping intervals, merge them\n      currentEnd = Math.max(currentEnd, requests[i].responseEnd);\n    } else {\n      // Non-overlapping interval, add the duration to total time\n      totalNetworkTime += currentEnd - currentStart;\n\n      // Update current interval\n      currentStart = requests[i].startTime;\n      currentEnd = requests[i].responseEnd;\n    }\n  }\n\n  // Step 4: Add the last interval\n  totalNetworkTime += currentEnd - currentStart;\n\n  return totalNetworkTime;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SceneRenderProfiler.js","sources":["../../../src/behaviors/SceneRenderProfiler.ts"],"sourcesContent":["import { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneQueryControllerLike } from './types';\n\nconst POST_STORM_WINDOW = 2000; // Time after last query to observe slow frames\nconst SPAN_THRESHOLD = 30; // Frames longer than this will be considered slow\n\nexport class SceneRenderProfiler {\n  #profileInProgress: {\n    // Profile origin, i.e. scene refresh picker\n    origin: string;\n    crumbs: string[];\n  } | null = null;\n\n  #profileStartTs: number | null = null;\n  #trailAnimationFrameId: number | null = null;\n\n  // Will keep measured lengths trailing frames\n  #recordedTrailingSpans: number[] = [];\n\n  lastFrameTime: number = 0;\n\n  public constructor(private queryController: SceneQueryControllerLike) {}\n\n  public startProfile(name: string) {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n\n      writeSceneLog(this.constructor.name, 'New profile: Stopped recording frames');\n    }\n\n    this.#profileInProgress = { origin: name, crumbs: [] };\n    this.#profileStartTs = performance.now();\n    writeSceneLog(this.constructor.name, 'Profile started:', this.#profileInProgress, this.#profileStartTs);\n  }\n\n  private recordProfileTail(measurementStartTime: number, profileStartTs: number) {\n    this.#trailAnimationFrameId = requestAnimationFrame(() =>\n      this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)\n    );\n  }\n\n  private measureTrailingFrames = (measurementStartTs: number, lastFrameTime: number, profileStartTs: number) => {\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - lastFrameTime;\n    this.#recordedTrailingSpans.push(frameLength);\n\n    if (currentFrameTime - measurementStartTs! < POST_STORM_WINDOW) {\n      this.#trailAnimationFrameId = requestAnimationFrame(() =>\n        this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)\n      );\n    } else {\n      const slowFrames = processRecordedSpans(this.#recordedTrailingSpans);\n      const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);\n\n      writeSceneLog(\n        this.constructor.name,\n        'Profile tail recorded, slow frames duration:',\n        slowFramesTime,\n        slowFrames,\n        this.#profileInProgress\n      );\n\n      this.#recordedTrailingSpans = [];\n\n      const profileDuration = measurementStartTs - profileStartTs;\n\n      writeSceneLog(\n        this.constructor.name,\n        'Stoped recording, total measured time (network included):',\n        profileDuration + slowFramesTime\n      );\n      this.#trailAnimationFrameId = null;\n\n      // performance.measure('DashboardInteraction tail', {\n      //   start: measurementStartTs,\n      //   end: measurementStartTs + n,\n      // });\n\n      const profileEndTs = profileStartTs + profileDuration + slowFramesTime;\n\n      performance.measure('DashboardInteraction', {\n        start: profileStartTs,\n        end: profileEndTs,\n      });\n\n      const networkDuration = captureNetwork(profileStartTs, profileEndTs);\n\n      if (this.queryController.state.onProfileComplete) {\n        this.queryController.state.onProfileComplete({\n          origin: this.#profileInProgress!.origin,\n          crumbs: this.#profileInProgress!.crumbs,\n          duration: profileDuration + slowFramesTime,\n          networkDuration,\n          // @ts-ignore\n          jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,\n          // @ts-ignore\n          usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,\n          // @ts-ignore\n          totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0,\n        });\n      }\n      // @ts-ignore\n      if (window.__runs) {\n        // @ts-ignore\n        window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      } else {\n        // @ts-ignore\n        window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      }\n    }\n  };\n\n  public tryCompletingProfile() {\n    writeSceneLog(this.constructor.name, 'Trying to complete profile', this.#profileInProgress);\n\n    if (this.queryController.runningQueriesCount() === 0 && this.#profileInProgress) {\n      writeSceneLog(this.constructor.name, 'All queries completed, stopping profile');\n      this.recordProfileTail(performance.now(), this.#profileStartTs!);\n    }\n  }\n\n  public isTailRecording() {\n    return Boolean(this.#trailAnimationFrameId);\n  }\n  public cancelTailRecording() {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n      writeSceneLog(this.constructor.name, 'Cancelled recording frames, new profile started');\n    }\n  }\n\n  public addCrumb(crumb: string) {\n    if (this.#profileInProgress) {\n      this.#profileInProgress.crumbs.push(crumb);\n    }\n  }\n}\n\nexport function processRecordedSpans(spans: number[]) {\n  // identify last span in spans that's bigger than SPAN_THRESHOLD\n  for (let i = spans.length - 1; i >= 0; i--) {\n    if (spans[i] > SPAN_THRESHOLD) {\n      return spans.slice(0, i + 1);\n    }\n  }\n  return [spans[0]];\n}\n\nfunction captureNetwork(startTs: number, endTs: number) {\n  const entries = performance.getEntriesByType('resource');\n  performance.clearResourceTimings();\n  const networkEntries = entries.filter((entry) => entry.startTime >= startTs && entry.startTime <= endTs);\n  for (const entry of networkEntries) {\n    performance.measure('Network entry ' + entry.name, {\n      start: entry.startTime,\n      end: entry.responseEnd,\n    });\n  }\n\n  return calculateNetworkTime(networkEntries);\n}\n\n// Will calculate total time spent on Network\nexport function calculateNetworkTime(requests: PerformanceResourceTiming[]): number {\n  if (requests.length === 0) {\n    return 0;\n  }\n\n  // Step 1: Sort the requests by startTs\n  requests.sort((a, b) => a.startTime - b.startTime);\n\n  // Step 2: Initialize variables\n  let totalNetworkTime = 0;\n  let currentStart = requests[0].startTime;\n  let currentEnd = requests[0].responseEnd;\n\n  // Step 3: Iterate through the sorted list and merge overlapping intervals\n  for (let i = 1; i < requests.length; i++) {\n    if (requests[i].startTime <= currentEnd) {\n      // Overlapping intervals, merge them\n      currentEnd = Math.max(currentEnd, requests[i].responseEnd);\n    } else {\n      // Non-overlapping interval, add the duration to total time\n      totalNetworkTime += currentEnd - currentStart;\n\n      // Update current interval\n      currentStart = requests[i].startTime;\n      currentEnd = requests[i].responseEnd;\n    }\n  }\n\n  // Step 4: Add the last interval\n  totalNetworkTime += currentEnd - currentStart;\n\n  return totalNetworkTime;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/EmbeddedScene.js

@@ -19,18 +19,7 @@ EmbeddedScene.Component = EmbeddedSceneRenderer;
 function EmbeddedSceneRenderer({ model }) {
   const { body, controls } = model.useState();
   const styles = useStyles2(getStyles);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: styles.container
-  }, controls && /* @__PURE__ */ React.createElement("div", {
-    className: styles.controls
-  }, controls.map((control) => /* @__PURE__ */ React.createElement(control.Component, {
-    key: control.state.key,
-    model: control
-  }))), /* @__PURE__ */ React.createElement("div", {
-    className: styles.body
-  }, /* @__PURE__ */ React.createElement(body.Component, {
-    model: body
-  })));
+  return /* @__PURE__ */ React.createElement("div", { className: styles.container }, controls && /* @__PURE__ */ React.createElement("div", { className: styles.controls }, controls.map((control) => /* @__PURE__ */ React.createElement(control.Component, { key: control.state.key, model: control }))), /* @__PURE__ */ React.createElement("div", { className: styles.body }, /* @__PURE__ */ React.createElement(body.Component, { model: body })));
 }
 const getStyles = (theme) => {
   return {

package/dist/esm/components/EmbeddedScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedScene.js","sources":["../../../src/components/EmbeddedScene.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport React from 'react';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneComponentProps, SceneObjectState, SceneObject } from '../core/types';\nimport { setWindowGrafanaSceneContext } from '../utils/compatibility/setWindowGrafanaSceneContext';\n\nexport interface EmbeddedSceneState extends SceneObjectState {\n  /**\n   * The main content of the scene (usually a SceneFlexLayout)\n   */\n  body: SceneObject;\n  /**\n   * Top row of variable selectors, filters, time pickers and custom actions.\n   */\n  controls?: SceneObject[];\n  /**\n   * For interoperability (used from EmbeddedSceneWithContext)\n   */\n  context?: SceneObject;\n}\n\nexport class EmbeddedScene extends SceneObjectBase<EmbeddedSceneState> {\n  public static Component = EmbeddedSceneRenderer;\n\n  public constructor(state: EmbeddedSceneState) {\n    super(state);\n\n    this.addActivationHandler(() => {\n      // This function is setting window.__grafanaSceneContext which is used from Grafana core in the old services TimeSrv and TemplateSrv.\n      // This works as a backward compatability method to support accessing scene time range and variables from those old services.\n      const unsetGlobalScene = setWindowGrafanaSceneContext(this);\n      return () => {\n        unsetGlobalScene();\n      };\n    });\n  }\n}\n\nfunction EmbeddedSceneRenderer({ model }: SceneComponentProps<EmbeddedScene>) {\n  const { body, controls } = model.useState();\n  const styles = useStyles2(getStyles);\n\n  return (\n    <div className={styles.container}>\n      {controls && (\n        <div className={styles.controls}>\n          {controls.map((control) => (\n            <control.Component key={control.state.key} model={control} />\n          ))}\n        </div>\n      )}\n      <div className={styles.body}>\n        <body.Component model={body} />\n      </div>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    container: css({\n      flexGrow: 1,\n      display: 'flex',\n      gap: theme.spacing(2),\n      minHeight: '100%',\n      flexDirection: 'column',\n    }),\n    body: css({\n      flexGrow: 1,\n      display: 'flex',\n      gap: theme.spacing(1),\n    }),\n    controls: css({\n      display: 'flex',\n      gap: theme.spacing(2),\n      alignItems: 'flex-end',\n      flexWrap: 'wrap',\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,sBAAsB,eAAoC,CAAA;AAAA,EAG9D,YAAY,KAA2B,EAAA;AAC5C,IAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAEX,IAAA,IAAA,CAAK,qBAAqB,MAAM;AAG9B,MAAM,MAAA,gBAAA,GAAmB,6BAA6B,IAAI,CAAA,CAAA;AAC1D,MAAA,OAAO,MAAM;AACX,QAAiB,gBAAA,EAAA,CAAA;AAAA,OACnB,CAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AACF,CAAA;AAfa,aAAA,CACG,SAAY,GAAA,qBAAA,CAAA;AAgB5B,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAA6C,EAAA;AAC5E,EAAA,MAAM,EAAE,IAAA,EAAM,QAAS,EAAA,GAAI,MAAM,QAAS,EAAA,CAAA;AAC1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA,CAAA;AAEnC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,MAAO,CAAA,SAAA;AAAA,GAAA,EACpB,4BACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,MAAO,CAAA,QAAA;AAAA,GAAA,EACpB,SAAS,GAAI,CAAA,CAAC,OACb,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,SAAR,EAAA;AAAA,IAAkB,GAAA,EAAK,QAAQ,KAAM,CAAA,GAAA;AAAA,IAAK,KAAO,EAAA,OAAA;AAAA,GAAS,CAC5D,CACH,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,MAAO,CAAA,IAAA;AAAA,GACrB,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,SAAL,EAAA;AAAA,IAAe,KAAO,EAAA,IAAA;AAAA,GAAM,CAC/B,CACF,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAO,OAAA;AAAA,IACL,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA,CAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,SAAW,EAAA,MAAA;AAAA,MACX,aAAe,EAAA,QAAA;AAAA,KAChB,CAAA;AAAA,IACD,MAAM,GAAI,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,KACrB,CAAA;AAAA,IACD,UAAU,GAAI,CAAA;AAAA,MACZ,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,UAAY,EAAA,UAAA;AAAA,MACZ,QAAU,EAAA,MAAA;AAAA,KACX,CAAA;AAAA,GACH,CAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"EmbeddedScene.js","sources":["../../../src/components/EmbeddedScene.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport React from 'react';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneComponentProps, SceneObjectState, SceneObject } from '../core/types';\nimport { setWindowGrafanaSceneContext } from '../utils/compatibility/setWindowGrafanaSceneContext';\n\nexport interface EmbeddedSceneState extends SceneObjectState {\n  /**\n   * The main content of the scene (usually a SceneFlexLayout)\n   */\n  body: SceneObject;\n  /**\n   * Top row of variable selectors, filters, time pickers and custom actions.\n   */\n  controls?: SceneObject[];\n  /**\n   * For interoperability (used from EmbeddedSceneWithContext)\n   */\n  context?: SceneObject;\n}\n\nexport class EmbeddedScene extends SceneObjectBase<EmbeddedSceneState> {\n  public static Component = EmbeddedSceneRenderer;\n\n  public constructor(state: EmbeddedSceneState) {\n    super(state);\n\n    this.addActivationHandler(() => {\n      // This function is setting window.__grafanaSceneContext which is used from Grafana core in the old services TimeSrv and TemplateSrv.\n      // This works as a backward compatability method to support accessing scene time range and variables from those old services.\n      const unsetGlobalScene = setWindowGrafanaSceneContext(this);\n      return () => {\n        unsetGlobalScene();\n      };\n    });\n  }\n}\n\nfunction EmbeddedSceneRenderer({ model }: SceneComponentProps<EmbeddedScene>) {\n  const { body, controls } = model.useState();\n  const styles = useStyles2(getStyles);\n\n  return (\n    <div className={styles.container}>\n      {controls && (\n        <div className={styles.controls}>\n          {controls.map((control) => (\n            <control.Component key={control.state.key} model={control} />\n          ))}\n        </div>\n      )}\n      <div className={styles.body}>\n        <body.Component model={body} />\n      </div>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    container: css({\n      flexGrow: 1,\n      display: 'flex',\n      gap: theme.spacing(2),\n      minHeight: '100%',\n      flexDirection: 'column',\n    }),\n    body: css({\n      flexGrow: 1,\n      display: 'flex',\n      gap: theme.spacing(1),\n    }),\n    controls: css({\n      display: 'flex',\n      gap: theme.spacing(2),\n      alignItems: 'flex-end',\n      flexWrap: 'wrap',\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,sBAAsB,eAAoC,CAAA;AAAA,EAG9D,YAAY,KAA2B,EAAA;AAC5C,IAAA,KAAA,CAAM,KAAK,CAAA;AAEX,IAAA,IAAA,CAAK,qBAAqB,MAAM;AAG9B,MAAM,MAAA,gBAAA,GAAmB,6BAA6B,IAAI,CAAA;AAC1D,MAAA,OAAO,MAAM;AACX,QAAiB,gBAAA,EAAA;AAAA,OACnB;AAAA,KACD,CAAA;AAAA;AAEL;AAfa,aAAA,CACG,SAAY,GAAA,qBAAA;AAgB5B,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAA6C,EAAA;AAC5E,EAAA,MAAM,EAAE,IAAA,EAAM,QAAS,EAAA,GAAI,MAAM,QAAS,EAAA;AAC1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,2CACG,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,SACpB,EAAA,EAAA,QAAA,wCACE,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAA,EACpB,SAAS,GAAI,CAAA,CAAC,4BACZ,KAAA,CAAA,aAAA,CAAA,OAAA,CAAQ,WAAR,EAAkB,GAAA,EAAK,OAAQ,CAAA,KAAA,CAAM,KAAK,KAAO,EAAA,OAAA,EAAS,CAC5D,CACH,CAAA,sCAED,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAA,sCACpB,IAAK,CAAA,SAAA,EAAL,EAAe,KAAO,EAAA,IAAA,EAAM,CAC/B,CACF,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAO,OAAA;AAAA,IACL,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA,CAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,SAAW,EAAA,MAAA;AAAA,MACX,aAAe,EAAA;AAAA,KAChB,CAAA;AAAA,IACD,MAAM,GAAI,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KACrB,CAAA;AAAA,IACD,UAAU,GAAI,CAAA;AAAA,MACZ,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,UAAY,EAAA,UAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACX;AAAA,GACH;AACF,CAAA;;;;"}

package/dist/esm/components/NestedScene.js

@@ -1,4 +1,4 @@
-import { cx, css } from '@emotion/css';
+import { css, cx } from '@emotion/css';
 import React from 'react';
 import { useStyles2, ToolbarButton, Icon } from '@grafana/ui';
 import { SceneObjectBase } from '../core/SceneObjectBase.js';
@@ -13,6 +13,7 @@ class NestedScene extends SceneObjectBase {
         isCollapsed: !this.state.isCollapsed
       });
     };
+    /** Removes itself from its parent's children array */
     this.onRemove = () => {
       const parent = this.parent;
       if (isSceneLayoutItem(parent)) {
@@ -28,39 +29,31 @@ function NestedSceneRenderer({ model }) {
   const { title, isCollapsed, canCollapse, canRemove, body, controls } = model.useState();
   const gridRow = useStyles2(getSceneGridRowStyles);
   const styles = useStyles2(getStyles);
-  const toolbarControls = (controls != null ? controls : []).map((action) => /* @__PURE__ */ React.createElement(action.Component, {
-    key: action.state.key,
-    model: action
-  }));
+  const toolbarControls = (controls != null ? controls : []).map((action) => /* @__PURE__ */ React.createElement(action.Component, { key: action.state.key, model: action }));
   if (canRemove) {
     toolbarControls.push(
-      /* @__PURE__ */ React.createElement(ToolbarButton, {
-        icon: "times",
-        variant: "default",
-        onClick: model.onRemove,
-        key: "remove-button",
-        "aria-label": "Remove scene"
-      })
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          icon: "times",
+          variant: "default",
+          onClick: model.onRemove,
+          key: "remove-button",
+          "aria-label": "Remove scene"
+        }
+      )
     );
   }
-  return /* @__PURE__ */ React.createElement("div", {
-    className: styles.wrapper
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: cx(styles.row, isCollapsed && styles.rowCollapsed)
-  }, /* @__PURE__ */ React.createElement("button", {
-    onClick: model.onToggle,
-    className: gridRow.rowTitleButton,
-    "aria-label": isCollapsed ? "Expand scene" : "Collapse scene"
-  }, canCollapse && /* @__PURE__ */ React.createElement(Icon, {
-    name: isCollapsed ? "angle-right" : "angle-down"
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: gridRow.rowTitle,
-    role: "heading"
-  }, sceneGraph.interpolate(model, title, void 0, "text"))), /* @__PURE__ */ React.createElement("div", {
-    className: styles.actions
-  }, toolbarControls)), !isCollapsed && /* @__PURE__ */ React.createElement(body.Component, {
-    model: body
-  }));
+  return /* @__PURE__ */ React.createElement("div", { className: styles.wrapper }, /* @__PURE__ */ React.createElement("div", { className: cx(styles.row, isCollapsed && styles.rowCollapsed) }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: model.onToggle,
+      className: gridRow.rowTitleButton,
+      "aria-label": isCollapsed ? "Expand scene" : "Collapse scene"
+    },
+    canCollapse && /* @__PURE__ */ React.createElement(Icon, { name: isCollapsed ? "angle-right" : "angle-down" }),
+    /* @__PURE__ */ React.createElement("span", { className: gridRow.rowTitle, role: "heading" }, sceneGraph.interpolate(model, title, void 0, "text"))
+  ), /* @__PURE__ */ React.createElement("div", { className: styles.actions }, toolbarControls)), !isCollapsed && /* @__PURE__ */ React.createElement(body.Component, { model: body }));
 }
 const getStyles = (theme) => ({
   wrapper: css({

package/dist/esm/components/NestedScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedScene.js","sources":["../../../src/components/NestedScene.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Icon, ToolbarButton, useStyles2 } from '@grafana/ui';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneComponentProps, SceneLayout, SceneObjectState } from '../core/types';\nimport { getSceneGridRowStyles } from './layout/grid/SceneGridRow';\nimport { sceneGraph } from '../core/sceneGraph';\n\ninterface NestedSceneState extends SceneObjectState {\n  title: string;\n  isCollapsed?: boolean;\n  canCollapse?: boolean;\n  canRemove?: boolean;\n  body: SceneLayout;\n  controls?: SceneObject[];\n}\n\n/**\n * @internal\n * POC status, don't use this yet\n */\nexport class NestedScene extends SceneObjectBase<NestedSceneState> {\n  public static Component = NestedSceneRenderer;\n\n  public onToggle = () => {\n    this.setState({\n      isCollapsed: !this.state.isCollapsed,\n    });\n  };\n\n  /** Removes itself from its parent's children array */\n  public onRemove = () => {\n    const parent = this.parent!;\n\n    if (isSceneLayoutItem(parent)) {\n      parent.setState({\n        body: undefined,\n      });\n    }\n  };\n}\n\nexport function NestedSceneRenderer({ model }: SceneComponentProps<NestedScene>) {\n  const { title, isCollapsed, canCollapse, canRemove, body, controls } = model.useState();\n  const gridRow = useStyles2(getSceneGridRowStyles);\n  const styles = useStyles2(getStyles);\n\n  const toolbarControls = (controls ?? []).map((action) => <action.Component key={action.state.key} model={action} />);\n\n  if (canRemove) {\n    toolbarControls.push(\n      <ToolbarButton\n        icon=\"times\"\n        variant={'default'}\n        onClick={model.onRemove}\n        key=\"remove-button\"\n        aria-label=\"Remove scene\"\n      />\n    );\n  }\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={cx(styles.row, isCollapsed && styles.rowCollapsed)}>\n        <button\n          onClick={model.onToggle}\n          className={gridRow.rowTitleButton}\n          aria-label={isCollapsed ? 'Expand scene' : 'Collapse scene'}\n        >\n          {canCollapse && <Icon name={isCollapsed ? 'angle-right' : 'angle-down'} />}\n          <span className={gridRow.rowTitle} role=\"heading\">\n            {sceneGraph.interpolate(model, title, undefined, 'text')}\n          </span>\n        </button>\n        <div className={styles.actions}>{toolbarControls}</div>\n      </div>\n      {!isCollapsed && <body.Component model={body} />}\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    gap: theme.spacing(1),\n  }),\n  row: css({\n    width: '100%',\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n  }),\n  rowCollapsed: css({\n    borderBottom: `1px solid ${theme.colors.border.weak}`,\n    paddingBottom: theme.spacing(1),\n  }),\n  actions: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'flex-end',\n    flexGrow: 1,\n  }),\n});\n\nfunction isSceneLayoutItem(x: SceneObject): x is SceneObject<SceneObjectState & { body: SceneObject | undefined }> {\n  return 'body' in x.state;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NestedScene.js","sources":["../../../src/components/NestedScene.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Icon, ToolbarButton, useStyles2 } from '@grafana/ui';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneComponentProps, SceneLayout, SceneObjectState } from '../core/types';\nimport { getSceneGridRowStyles } from './layout/grid/SceneGridRow';\nimport { sceneGraph } from '../core/sceneGraph';\n\ninterface NestedSceneState extends SceneObjectState {\n  title: string;\n  isCollapsed?: boolean;\n  canCollapse?: boolean;\n  canRemove?: boolean;\n  body: SceneLayout;\n  controls?: SceneObject[];\n}\n\n/**\n * @internal\n * POC status, don't use this yet\n */\nexport class NestedScene extends SceneObjectBase<NestedSceneState> {\n  public static Component = NestedSceneRenderer;\n\n  public onToggle = () => {\n    this.setState({\n      isCollapsed: !this.state.isCollapsed,\n    });\n  };\n\n  /** Removes itself from its parent's children array */\n  public onRemove = () => {\n    const parent = this.parent!;\n\n    if (isSceneLayoutItem(parent)) {\n      parent.setState({\n        body: undefined,\n      });\n    }\n  };\n}\n\nexport function NestedSceneRenderer({ model }: SceneComponentProps<NestedScene>) {\n  const { title, isCollapsed, canCollapse, canRemove, body, controls } = model.useState();\n  const gridRow = useStyles2(getSceneGridRowStyles);\n  const styles = useStyles2(getStyles);\n\n  const toolbarControls = (controls ?? []).map((action) => <action.Component key={action.state.key} model={action} />);\n\n  if (canRemove) {\n    toolbarControls.push(\n      <ToolbarButton\n        icon=\"times\"\n        variant={'default'}\n        onClick={model.onRemove}\n        key=\"remove-button\"\n        aria-label=\"Remove scene\"\n      />\n    );\n  }\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={cx(styles.row, isCollapsed && styles.rowCollapsed)}>\n        <button\n          onClick={model.onToggle}\n          className={gridRow.rowTitleButton}\n          aria-label={isCollapsed ? 'Expand scene' : 'Collapse scene'}\n        >\n          {canCollapse && <Icon name={isCollapsed ? 'angle-right' : 'angle-down'} />}\n          <span className={gridRow.rowTitle} role=\"heading\">\n            {sceneGraph.interpolate(model, title, undefined, 'text')}\n          </span>\n        </button>\n        <div className={styles.actions}>{toolbarControls}</div>\n      </div>\n      {!isCollapsed && <body.Component model={body} />}\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    gap: theme.spacing(1),\n  }),\n  row: css({\n    width: '100%',\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n  }),\n  rowCollapsed: css({\n    borderBottom: `1px solid ${theme.colors.border.weak}`,\n    paddingBottom: theme.spacing(1),\n  }),\n  actions: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'flex-end',\n    flexGrow: 1,\n  }),\n});\n\nfunction isSceneLayoutItem(x: SceneObject): x is SceneObject<SceneObjectState & { body: SceneObject | undefined }> {\n  return 'body' in x.state;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/SceneApp/SceneApp.js

@@ -15,17 +15,7 @@ class SceneApp extends SceneObjectBase {
 }
 SceneApp.Component = ({ model }) => {
   const { pages, scopesBridge } = model.useState();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, scopesBridge && /* @__PURE__ */ React.createElement(scopesBridge.Component, {
-    model: scopesBridge
-  }), /* @__PURE__ */ React.createElement(SceneAppContext.Provider, {
-    value: model
-  }, /* @__PURE__ */ React.createElement(Routes, null, pages.map((page) => /* @__PURE__ */ React.createElement(Route, {
-    key: page.state.url,
-    path: page.state.routePath,
-    element: /* @__PURE__ */ React.createElement(page.Component, {
-      model: page
-    })
-  })))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, scopesBridge && /* @__PURE__ */ React.createElement(scopesBridge.Component, { model: scopesBridge }), /* @__PURE__ */ React.createElement(SceneAppContext.Provider, { value: model }, /* @__PURE__ */ React.createElement(Routes, null, pages.map((page) => /* @__PURE__ */ React.createElement(Route, { key: page.state.url, path: page.state.routePath, element: /* @__PURE__ */ React.createElement(page.Component, { model: page }) })))));
 };
 const SceneAppContext = createContext(null);
 const sceneAppCache = /* @__PURE__ */ new Map();

package/dist/esm/components/SceneApp/SceneApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneApp.js","sources":["../../../../src/components/SceneApp/SceneApp.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { DataRequestEnricher, SceneComponentProps } from '../../core/types';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneAppState } from './types';\n\n/**\n * Responsible for top level pages routing\n */\nexport class SceneApp extends SceneObjectBase<SceneAppState> implements DataRequestEnricher {\n  protected _renderBeforeActivation = true;\n\n  public enrichDataRequest() {\n    return {\n      app: this.state.name || 'app',\n    };\n  }\n\n  public static Component = ({ model }: SceneComponentProps<SceneApp>) => {\n    const { pages, scopesBridge } = model.useState();\n\n    return (\n      <>\n        {scopesBridge && <scopesBridge.Component model={scopesBridge} />}\n        <SceneAppContext.Provider value={model}>\n          <Routes>\n            {pages.map((page) => (\n              <Route key={page.state.url} path={page.state.routePath} element={<page.Component model={page} />} />\n            ))}\n          </Routes>\n        </SceneAppContext.Provider>\n      </>\n    );\n  };\n}\n\nexport const SceneAppContext = createContext<SceneApp | null>(null);\n\nconst sceneAppCache = new Map<object, SceneApp>();\n\n/**\n * Caches the the resulting SceneApp returned by the factory function so that it's only called once during the lifetime of the browser tab\n */\nexport function useSceneApp(factory: () => SceneApp) {\n  const cachedApp = sceneAppCache.get(factory);\n\n  if (cachedApp) {\n    return cachedApp;\n  }\n\n  const newApp = factory();\n  sceneAppCache.set(factory, newApp);\n\n  return newApp;\n}\n"],"names":[],"mappings":";;;;AAUO,MAAM,iBAAiB,eAA8D,CAAA;AAAA,EAArF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AACL,IAAA,IAAA,CAAU,uBAA0B,GAAA,IAAA,CAAA;AAAA,GAAA;AAAA,EAE7B,iBAAoB,GAAA;AACzB,IAAO,OAAA;AAAA,MACL,GAAA,EAAK,IAAK,CAAA,KAAA,CAAM,IAAQ,IAAA,KAAA;AAAA,KAC1B,CAAA;AAAA,GACF;AAkBF,CAAA;AAzBa,QAAA,CASG,SAAY,GAAA,CAAC,EAAE,KAAA,EAA2C,KAAA;AACtE,EAAA,MAAM,EAAE,KAAA,EAAO,YAAa,EAAA,GAAI,MAAM,QAAS,EAAA,CAAA;AAE/C,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,YAAA,oBAAiB,KAAA,CAAA,aAAA,CAAA,YAAA,CAAa,SAAb,EAAA;AAAA,IAAuB,KAAO,EAAA,YAAA;AAAA,GAAc,CAAA,kBAC7D,KAAA,CAAA,aAAA,CAAA,eAAA,CAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,KAAA;AAAA,GAAA,sCAC9B,MACE,EAAA,IAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,yBACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,GAAA,EAAK,KAAK,KAAM,CAAA,GAAA;AAAA,IAAK,IAAA,EAAM,KAAK,KAAM,CAAA,SAAA;AAAA,IAAW,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,IAAA,CAAK,SAAL,EAAA;AAAA,MAAe,KAAO,EAAA,IAAA;AAAA,KAAM,CAAA;AAAA,GAAI,CACnG,CACH,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAGW,MAAA,eAAA,GAAkB,cAA+B,IAAI,EAAA;AAElE,MAAM,aAAA,uBAAoB,GAAsB,EAAA,CAAA;AAKzC,SAAS,YAAY,OAAyB,EAAA;AACnD,EAAM,MAAA,SAAA,GAAY,aAAc,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAE3C,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,OAAA,SAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,SAAS,OAAQ,EAAA,CAAA;AACvB,EAAc,aAAA,CAAA,GAAA,CAAI,SAAS,MAAM,CAAA,CAAA;AAEjC,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"SceneApp.js","sources":["../../../../src/components/SceneApp/SceneApp.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { DataRequestEnricher, SceneComponentProps } from '../../core/types';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneAppState } from './types';\n\n/**\n * Responsible for top level pages routing\n */\nexport class SceneApp extends SceneObjectBase<SceneAppState> implements DataRequestEnricher {\n  protected _renderBeforeActivation = true;\n\n  public enrichDataRequest() {\n    return {\n      app: this.state.name || 'app',\n    };\n  }\n\n  public static Component = ({ model }: SceneComponentProps<SceneApp>) => {\n    const { pages, scopesBridge } = model.useState();\n\n    return (\n      <>\n        {scopesBridge && <scopesBridge.Component model={scopesBridge} />}\n        <SceneAppContext.Provider value={model}>\n          <Routes>\n            {pages.map((page) => (\n              <Route key={page.state.url} path={page.state.routePath} element={<page.Component model={page} />} />\n            ))}\n          </Routes>\n        </SceneAppContext.Provider>\n      </>\n    );\n  };\n}\n\nexport const SceneAppContext = createContext<SceneApp | null>(null);\n\nconst sceneAppCache = new Map<object, SceneApp>();\n\n/**\n * Caches the the resulting SceneApp returned by the factory function so that it's only called once during the lifetime of the browser tab\n */\nexport function useSceneApp(factory: () => SceneApp) {\n  const cachedApp = sceneAppCache.get(factory);\n\n  if (cachedApp) {\n    return cachedApp;\n  }\n\n  const newApp = factory();\n  sceneAppCache.set(factory, newApp);\n\n  return newApp;\n}\n"],"names":[],"mappings":";;;;AAUO,MAAM,iBAAiB,eAA8D,CAAA;AAAA,EAArF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AACL,IAAA,IAAA,CAAU,uBAA0B,GAAA,IAAA;AAAA;AAAA,EAE7B,iBAAoB,GAAA;AACzB,IAAO,OAAA;AAAA,MACL,GAAA,EAAK,IAAK,CAAA,KAAA,CAAM,IAAQ,IAAA;AAAA,KAC1B;AAAA;AAmBJ;AAzBa,QAAA,CASG,SAAY,GAAA,CAAC,EAAE,KAAA,EAA2C,KAAA;AACtE,EAAA,MAAM,EAAE,KAAA,EAAO,YAAa,EAAA,GAAI,MAAM,QAAS,EAAA;AAE/C,EAAA,iEAEK,YAAgB,oBAAA,KAAA,CAAA,aAAA,CAAC,aAAa,SAAb,EAAA,EAAuB,OAAO,YAAc,EAAA,CAAA,sCAC7D,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAO,EAAA,KAAA,EAAA,sCAC9B,MACE,EAAA,IAAA,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,qBACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAK,IAAK,CAAA,KAAA,CAAM,KAAK,IAAM,EAAA,IAAA,CAAK,MAAM,SAAW,EAAA,OAAA,sCAAU,IAAK,CAAA,SAAA,EAAL,EAAe,KAAO,EAAA,IAAA,EAAM,GAAI,CACnG,CACH,CACF,CACF,CAAA;AAEJ,CAAA;AAGW,MAAA,eAAA,GAAkB,cAA+B,IAAI;AAElE,MAAM,aAAA,uBAAoB,GAAsB,EAAA;AAKzC,SAAS,YAAY,OAAyB,EAAA;AACnD,EAAM,MAAA,SAAA,GAAY,aAAc,CAAA,GAAA,CAAI,OAAO,CAAA;AAE3C,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,OAAA,SAAA;AAAA;AAGT,EAAA,MAAM,SAAS,OAAQ,EAAA;AACvB,EAAc,aAAA,CAAA,GAAA,CAAI,SAAS,MAAM,CAAA;AAEjC,EAAO,OAAA,MAAA;AACT;;;;"}