@grafana/scenes 6.39.2--canary.1256.18227567389.0 → 6.39.2--canary.1258.18314715919.0

package/dist/index.d.ts

@@ -420,7 +420,6 @@ declare class VizPanel<TOptions = {}, TFieldConfig extends {} = {}> extends Scen
      */
     private _onSeriesColorChange;
     private _onSeriesVisibilityChange;
-    private _onAnnotationVisibilityChange;
     private _onInstanceStateChange;
     private _onToggleLegendSort;
     clone(withState?: Partial<VizPanelState>): this;
@@ -1286,6 +1285,30 @@ declare class GroupByVariable extends MultiValueVariable<GroupByVariableState> {
 }
 declare function GroupByVariableRenderer({ model }: SceneComponentProps<GroupByVariable>): React__default.JSX.Element;
 
+interface SwitchVariableState extends SceneVariableState {
+    value: string;
+    enabledValue: string;
+    disabledValue: string;
+}
+declare class SwitchVariable extends SceneObjectBase<SwitchVariableState> implements SceneVariable<SwitchVariableState> {
+    static Component: typeof SwitchVariableRenderer;
+    private _prevValue;
+    constructor(initialState: Partial<SwitchVariableState>);
+    /**
+     * This function is called on when SceneVariableSet is activated or when a dependency changes.
+     */
+    validateAndUpdate(): Observable<ValidateAndUpdateResult>;
+    setValue(newValue: string): void;
+    getValue(): VariableValue;
+    isEnabled(): boolean;
+    isDisabled(): boolean;
+    private getKey;
+    getKeys(): string[];
+    getUrlState(): SceneObjectUrlValues;
+    updateFromUrl(values: SceneObjectUrlValues): void;
+}
+declare function SwitchVariableRenderer({ model }: SceneComponentProps<SwitchVariable>): React__default.JSX.Element;
+
 declare function isAdHocVariable(variable: SceneVariable): variable is AdHocFiltersVariable;
 declare function isConstantVariable(variable: SceneVariable): variable is ConstantVariable;
 declare function isCustomVariable(variable: SceneVariable): variable is CustomVariable;
@@ -1294,6 +1317,7 @@ declare function isIntervalVariable(variable: SceneVariable): variable is Interv
 declare function isQueryVariable(variable: SceneVariable): variable is QueryVariable;
 declare function isTextBoxVariable(variable: SceneVariable): variable is TextBoxVariable;
 declare function isGroupByVariable(variable: SceneVariable): variable is GroupByVariable;
+declare function isSwitchVariable(variable: SceneVariable): variable is SwitchVariable;
 
 interface SceneObjectStateChangedPayload<TState extends SceneObjectState = SceneObjectState> {
     prevState: TState;
@@ -3202,9 +3226,10 @@ declare const sceneUtils: {
     isQueryVariable: typeof isQueryVariable;
     isTextBoxVariable: typeof isTextBoxVariable;
     isGroupByVariable: typeof isGroupByVariable;
+    isSwitchVariable: typeof isSwitchVariable;
     isRepeatCloneOrChildOf: typeof isRepeatCloneOrChildOf;
     buildPathIdFor: typeof buildPathIdFor;
 };
 
-export { AdHocFiltersVariable, ConstantVariable, ControlsLabel, CustomVariable, DataProviderProxy, DataSourceVariable, EmbeddedScene, FieldConfigBuilder, FieldConfigBuilders, FieldConfigOverridesBuilder, GroupByVariable, IntervalVariable, LazyLoader, LocalValueVariable, MultiOrSingleValueSelect, MultiValueVariable, NestedScene, NewSceneObjectAddedEvent, PATH_ID_SEPARATOR, PanelBuilders, PanelOptionsBuilders, QueryVariable, RuntimeDataSource, SafeSerializableSceneObject, SceneApp, SceneAppPage, SceneByFrameRepeater, SceneByVariableRepeater, SceneCSSGridItem, SceneCSSGridLayout, SceneCanvasText, SceneControlsSpacer, SceneDataLayerBase, SceneDataLayerControls, SceneDataLayerSet, SceneDataLayerSetBase, SceneDataNode, SceneDataTransformer, SceneDebugger, SceneFlexItem, SceneFlexLayout, SceneGridItem, SceneGridLayout, SceneGridLayoutDragStartEvent, SceneGridRow, SceneObjectBase, SceneObjectRef, SceneObjectStateChangedEvent, SceneObjectUrlSyncConfig, SceneQueryRunner, SceneReactObject, SceneRefreshPicker, SceneRenderProfiler, SceneTimePicker, SceneTimeRange, SceneTimeRangeCompare, SceneTimeRangeTransformerBase, SceneTimeZoneOverride, SceneToolbarButton, SceneToolbarInput, SceneVariableSet, SceneVariableValueChangedEvent, ScopesVariable, SplitLayout, TestVariable, TextBoxVariable, UrlSyncContextProvider, UrlSyncManager, UserActionEvent, VariableDependencyConfig, VariableValueControl, VariableValueSelectWrapper, VariableValueSelectors, VizConfigBuilder, VizConfigBuilders, VizPanel, VizPanelBuilder, VizPanelExploreButton, VizPanelMenu, index$1 as behaviors, index as dataLayers, escapeUrlPipeDelimiters, formatRegistry, getExploreURL, isCustomVariableValue, isDataLayer, isDataRequestEnricher, isFiltersRequestEnricher, isSceneObject, loadResources, registerQueryWithController, registerRuntimeDataSource, sceneGraph, sceneUtils, useSceneApp, useSceneObjectState, useUrlSync };
+export { AdHocFiltersVariable, ConstantVariable, ControlsLabel, CustomVariable, DataProviderProxy, DataSourceVariable, EmbeddedScene, FieldConfigBuilder, FieldConfigBuilders, FieldConfigOverridesBuilder, GroupByVariable, IntervalVariable, LazyLoader, LocalValueVariable, MultiOrSingleValueSelect, MultiValueVariable, NestedScene, NewSceneObjectAddedEvent, PATH_ID_SEPARATOR, PanelBuilders, PanelOptionsBuilders, QueryVariable, RuntimeDataSource, SafeSerializableSceneObject, SceneApp, SceneAppPage, SceneByFrameRepeater, SceneByVariableRepeater, SceneCSSGridItem, SceneCSSGridLayout, SceneCanvasText, SceneControlsSpacer, SceneDataLayerBase, SceneDataLayerControls, SceneDataLayerSet, SceneDataLayerSetBase, SceneDataNode, SceneDataTransformer, SceneDebugger, SceneFlexItem, SceneFlexLayout, SceneGridItem, SceneGridLayout, SceneGridLayoutDragStartEvent, SceneGridRow, SceneObjectBase, SceneObjectRef, SceneObjectStateChangedEvent, SceneObjectUrlSyncConfig, SceneQueryRunner, SceneReactObject, SceneRefreshPicker, SceneRenderProfiler, SceneTimePicker, SceneTimeRange, SceneTimeRangeCompare, SceneTimeRangeTransformerBase, SceneTimeZoneOverride, SceneToolbarButton, SceneToolbarInput, SceneVariableSet, SceneVariableValueChangedEvent, ScopesVariable, SplitLayout, SwitchVariable, TestVariable, TextBoxVariable, UrlSyncContextProvider, UrlSyncManager, UserActionEvent, VariableDependencyConfig, VariableValueControl, VariableValueSelectWrapper, VariableValueSelectors, VizConfigBuilder, VizConfigBuilders, VizPanel, VizPanelBuilder, VizPanelExploreButton, VizPanelMenu, index$1 as behaviors, index as dataLayers, escapeUrlPipeDelimiters, formatRegistry, getExploreURL, isCustomVariableValue, isDataLayer, isDataRequestEnricher, isFiltersRequestEnricher, isSceneObject, loadResources, registerQueryWithController, registerRuntimeDataSource, sceneGraph, sceneUtils, useSceneApp, useSceneObjectState, useUrlSync };
 export type { AdHocFilterWithLabels, CancelActivationHandler, ControlsLayout, CustomFormatterVariable, CustomTransformOperator, CustomTransformerDefinition, CustomVariableValue, DataLayerFilter, DataRequestEnricher, DeepPartial, EmbeddedSceneState, ExtraQueryDataProcessor, ExtraQueryDescriptor, ExtraQueryProvider, FiltersRequestEnricher, FormatVariable, InterpolationFormatParameter, MacroVariableConstructor, MultiValueVariableState, QueryRunnerState, SceneActivationHandler, SceneAppDrilldownView, SceneAppPageLike, SceneAppPageState, SceneAppRoute, SceneComponent, SceneComponentProps, SceneDataLayerProvider, SceneDataLayerProviderState, SceneDataProvider, SceneDataProviderResult, SceneDataQuery, SceneDataState, SceneDataTransformerState, SceneDeactivationHandler, SceneFlexItemLike, SceneFlexItemState, SceneGridItemLike, SceneGridItemStateLike, SceneInteractionProfileEvent, SceneLayout, SceneLayoutChildOptions, SceneLayoutState, SceneObject, SceneObjectState, SceneObjectStateChangedPayload, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryControllerEntry, SceneQueryControllerEntryType, SceneQueryControllerLike, SceneRefreshPickerState, SceneRouteMatch, SceneStateChangedHandler, SceneStatelessBehavior, SceneTimeRangeLike, SceneTimeRangeState, SceneUrlSyncOptions, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSetState, SceneVariableState, SceneVariables, UrlSyncManagerLike, UseStateHookOptions, ValidateAndUpdateResult, VariableCustomFormatterFn, VariableGetOptionsArgs, VariableValue, VariableValueOption, VariableValueSingle, VizConfig, VizPanelState };

package/dist/index.js

@@ -3603,7 +3603,7 @@ function wrapInSafeSerializableSceneObject(sceneObject) {
 function DefaultGroupByCustomIndicatorContainer(props) {
   const { model } = props;
   const theme = ui.useTheme2();
-  const styles = getStyles$h(theme);
+  const styles = getStyles$i(theme);
   const inputStyles = ui.getInputStyles({ theme, invalid: false });
   const value = lodash.isArray(model.state.value) ? model.state.value : model.state.value ? [model.state.value] : [];
   let buttons = [];
@@ -3685,7 +3685,7 @@ function DefaultGroupByCustomIndicatorContainer(props) {
     buttons
   );
 }
-const getStyles$h = (theme) => ({
+const getStyles$i = (theme) => ({
   clearIcon: css.css({
     color: theme.colors.action.disabledText,
     cursor: "pointer",
@@ -4206,7 +4206,7 @@ function LoadingIndicator(props) {
 }
 
 function ControlsLabel(props) {
-  const styles = ui.useStyles2(getStyles$g);
+  const styles = ui.useStyles2(getStyles$h);
   const theme = ui.useTheme2();
   const isVertical = props.layout === "vertical";
   const loadingIndicator = Boolean(props.isLoading) ? /* @__PURE__ */ React__default.default.createElement(
@@ -4253,7 +4253,7 @@ function ControlsLabel(props) {
   }
   return labelElement;
 }
-const getStyles$g = (theme) => ({
+const getStyles$h = (theme) => ({
   horizontalLabel: css.css({
     background: theme.isDark ? theme.colors.background.primary : theme.colors.background.secondary,
     display: `flex`,
@@ -4306,7 +4306,7 @@ function keyLabelToOption(key, label) {
 const filterNoOp = () => true;
 function AdHocFilterRenderer({ filter, model }) {
   var _a, _b, _c, _d, _e;
-  const styles = ui.useStyles2(getStyles$f);
+  const styles = ui.useStyles2(getStyles$g);
   const [keys, setKeys] = React.useState([]);
   const [values, setValues] = React.useState([]);
   const [isKeysLoading, setIsKeysLoading] = React.useState(false);
@@ -4533,7 +4533,7 @@ function AdHocFilterRenderer({ filter, model }) {
     }
   ));
 }
-const getStyles$f = (theme) => ({
+const getStyles$g = (theme) => ({
   field: css.css({
     marginBottom: 0
   }),
@@ -4733,7 +4733,7 @@ function isFilter(filter) {
 
 const DropdownItem = React.forwardRef(
   function DropdownItem2({ children, active, addGroupBottomBorder, isMultiValueEdit, checked, ...rest }, ref) {
-    const styles = ui.useStyles2(getStyles$e);
+    const styles = ui.useStyles2(getStyles$f);
     const id = React.useId();
     return /* @__PURE__ */ React__default.default.createElement(
       "div",
@@ -4749,7 +4749,7 @@ const DropdownItem = React.forwardRef(
     );
   }
 );
-const getStyles$e = (theme) => ({
+const getStyles$f = (theme) => ({
   option: css.css({
     label: "grafana-select-option",
     top: 0,
@@ -4819,7 +4819,7 @@ const MultiValueApplyButton = ({
   maxOptionWidth,
   menuHeight
 }) => {
-  const styles = ui.useStyles2(getStyles$e);
+  const styles = ui.useStyles2(getStyles$f);
   const floatingElementRect = floatingElement == null ? void 0 : floatingElement.getBoundingClientRect();
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
@@ -5040,7 +5040,7 @@ const MultiValuePill = ({
   handleEditMultiValuePill
 }) => {
   var _a, _b;
-  const styles = ui.useStyles2(getStyles$d);
+  const styles = ui.useStyles2(getStyles$e);
   const editMultiValuePill = React.useCallback(
     (e) => {
       e.stopPropagation();
@@ -5104,7 +5104,7 @@ const MultiValuePill = ({
     )
   );
 };
-const getStyles$d = (theme) => ({
+const getStyles$e = (theme) => ({
   basePill: css.css({
     display: "flex",
     alignItems: "center",
@@ -5143,7 +5143,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
   const [activeIndex, setActiveIndex] = React.useState(null);
   const [filterInputType, setInputType] = React.useState(!isAlwaysWip ? "value" : "key");
   const [preventFiltering, setPreventFiltering] = React.useState(!isAlwaysWip && filterInputType === "value");
-  const styles = ui.useStyles2(getStyles$c);
+  const styles = ui.useStyles2(getStyles$d);
   const [filterMultiValues, setFilterMultiValues] = React.useState([]);
   const [_, setForceRefresh] = React.useState({});
   const allowCustomValue = (_a = model.state.allowCustomValue) != null ? _a : true;
@@ -5752,7 +5752,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
     }
   ) : null))));
 });
-const getStyles$c = (theme) => ({
+const getStyles$d = (theme) => ({
   comboboxWrapper: css.css({
     display: "flex",
     flexWrap: "wrap"
@@ -5826,7 +5826,7 @@ const getStyles$c = (theme) => ({
 const LABEL_MAX_VISIBLE_LENGTH = 20;
 function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
   var _a, _b, _c, _d;
-  const styles = ui.useStyles2(getStyles$b);
+  const styles = ui.useStyles2(getStyles$c);
   const [viewMode, setViewMode] = React.useState(true);
   const [shouldFocusOnPillWrapper, setShouldFocusOnPillWrapper] = React.useState(false);
   const pillWrapperRef = React.useRef(null);
@@ -6004,7 +6004,7 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
     }
   );
 }
-const getStyles$b = (theme) => ({
+const getStyles$c = (theme) => ({
   combinedFilterPill: css.css({
     display: "flex",
     alignItems: "center",
@@ -6088,7 +6088,7 @@ const AdHocFiltersAlwaysWipCombobox = React.forwardRef(function AdHocFiltersAlwa
 
 const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRenderer2({ model }) {
   const { originFilters, filters, readOnly } = model.useState();
-  const styles = ui.useStyles2(getStyles$a);
+  const styles = ui.useStyles2(getStyles$b);
   const focusOnWipInputRef = React.useRef();
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
@@ -6124,7 +6124,7 @@ const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRen
     !readOnly ? /* @__PURE__ */ React__default.default.createElement(AdHocFiltersAlwaysWipCombobox, { model, ref: focusOnWipInputRef }) : null
   );
 });
-const getStyles$a = (theme) => ({
+const getStyles$b = (theme) => ({
   comboboxWrapper: css.css({
     display: "flex",
     flexWrap: "wrap",
@@ -6717,13 +6717,13 @@ function renderExpression(builder, filters) {
 }
 function AdHocFiltersVariableRenderer({ model }) {
   const { filters, readOnly, addFilterButtonText } = model.useState();
-  const styles = ui.useStyles2(getStyles$9);
+  const styles = ui.useStyles2(getStyles$a);
   if (model.state.layout === "combobox") {
     return /* @__PURE__ */ React__default.default.createElement(AdHocFiltersComboboxRenderer, { model });
   }
   return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.wrapper }, filters.filter((filter) => !filter.hidden).map((filter, index) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, { key: index }, /* @__PURE__ */ React__default.default.createElement(AdHocFilterRenderer, { filter, model }))), !readOnly && /* @__PURE__ */ React__default.default.createElement(AdHocFilterBuilder, { model, key: "'builder", addFilterButtonText }));
 }
-const getStyles$9 = (theme) => ({
+const getStyles$a = (theme) => ({
   wrapper: css.css({
     display: "flex",
     flexWrap: "wrap",
@@ -8615,6 +8615,9 @@ function isTextBoxVariable(variable) {
 function isGroupByVariable(variable) {
   return variable.state.type === "groupby";
 }
+function isSwitchVariable(variable) {
+  return variable.state.type === "switch";
+}
 
 class ActWhenVariableChanged extends SceneObjectBase {
   constructor() {
@@ -8690,7 +8693,7 @@ function getCursorSyncScope(sceneObject) {
 }
 
 function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {
-  const styles = ui.useStyles2(getStyles$8);
+  const styles = ui.useStyles2(getStyles$9);
   const seriesCount = data == null ? void 0 : data.series.length;
   if (seriesCount === void 0 || seriesCount < seriesLimit) {
     return null;
@@ -8720,7 +8723,7 @@ function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {
     /* @__PURE__ */ React__default.default.createElement(ui.Button, { variant: "secondary", size: "sm", onClick: onShowAllSeries }, buttonText)
   ));
 }
-const getStyles$8 = (theme) => ({
+const getStyles$9 = (theme) => ({
   timeSeriesDisclaimer: css.css({
     label: "time-series-disclaimer",
     display: "flex",
@@ -8745,7 +8748,7 @@ function useUniqueId() {
 const LazyLoader = React__default.default.forwardRef(
   ({ children, onLoad, onChange, className, ...rest }, ref) => {
     const id = useUniqueId();
-    const { hideEmpty } = ui.useStyles2(getStyles$7);
+    const { hideEmpty } = ui.useStyles2(getStyles$8);
     const [loaded, setLoaded] = React.useState(false);
     const [isInView, setIsInView] = React.useState(false);
     const innerRef = React.useRef(null);
@@ -8774,7 +8777,7 @@ const LazyLoader = React__default.default.forwardRef(
     return /* @__PURE__ */ React__default.default.createElement("div", { id, ref: innerRef, className: `${hideEmpty} ${className}`, ...rest }, !loaded ? i18n.t("grafana-scenes.components.lazy-loader.placeholder", "\xA0") : /* @__PURE__ */ React__default.default.createElement(LazyLoaderInViewContext.Provider, { value: isInView }, children));
   }
 );
-function getStyles$7() {
+function getStyles$8() {
   return {
     hideEmpty: css.css({
       "&:empty": {
@@ -9065,26 +9068,20 @@ const getAlertStateStyles = (theme) => {
 
 const displayOverrideRef = "hideSeriesFrom";
 const isHideSeriesOverride = data.isSystemOverrideWithRef(displayOverrideRef);
-function seriesVisibilityConfigFactory(label, mode, fieldConfig, data, dataTopic, frame) {
+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)],
-        void 0,
-        void 0,
-        dataTopic,
-        frame
-      );
+      const override3 = createOverride$1([displayName, ...getNamesOfHiddenFields(overrides, data)]);
       return {
         ...fieldConfig,
         overrides: [...fieldConfig.overrides, override3]
       };
     }
     const displayNames = getDisplayNames(data, displayName);
-    const override2 = createOverride$1(displayNames, void 0, void 0, dataTopic, frame);
+    const override2 = createOverride$1(displayNames);
     return {
       ...fieldConfig,
       overrides: [...fieldConfig.overrides, override2]
@@ -9104,13 +9101,13 @@ function seriesVisibilityConfigFactory(label, mode, fieldConfig, data, dataTopic
         overrides: overridesCopy
       };
     }
-    const override2 = createOverride$1([displayName, ...nameOfHiddenFields], void 0, void 0, dataTopic, frame);
+    const override2 = createOverride$1([displayName, ...nameOfHiddenFields]);
     return {
       ...fieldConfig,
       overrides: [...overridesCopy, override2]
     };
   }
-  const override = createExtendedOverride(current, displayName, void 0, dataTopic);
+  const override = createExtendedOverride(current, displayName);
   if (allFieldsAreExcluded(override, data)) {
     return {
       ...fieldConfig,
@@ -9122,7 +9119,7 @@ function seriesVisibilityConfigFactory(label, mode, fieldConfig, data, dataTopic
     overrides: [...overridesCopy, override]
   };
 }
-function createOverride$1(names, mode = data.ByNamesMatcherMode.exclude, property, dataTopic, frame) {
+function createOverride$1(names, mode = data.ByNamesMatcherMode.exclude, property) {
   property = property != null ? property : {
     id: "custom.hideFrom",
     value: {
@@ -9151,14 +9148,10 @@ function createOverride$1(names, mode = data.ByNamesMatcherMode.exclude, propert
           tooltip: true
         }
       }
-    ],
-    // @ts-ignore
-    dataTopic,
-    // @ts-ignore
-    frame
+    ]
   };
 }
-const createExtendedOverride = (current, displayName, mode = data.ByNamesMatcherMode.exclude, dataTopic, frame) => {
+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);
@@ -9167,7 +9160,7 @@ const createExtendedOverride = (current, displayName, mode = data.ByNamesMatcher
   } else {
     existing.splice(index, 1);
   }
-  return createOverride$1(existing, mode, property, dataTopic, frame);
+  return createOverride$1(existing, mode, property);
 };
 const getExistingDisplayNames = (rule) => {
   var _a;
@@ -9666,23 +9659,6 @@ class VizPanel extends SceneObjectBase {
         true
       );
     };
-    this._onAnnotationVisibilityChange = (label, frame, mode) => {
-      var _a;
-      if (!this._dataWithFieldConfig) {
-        return;
-      }
-      this.onFieldConfigChange(
-        seriesVisibilityConfigFactory(
-          label,
-          mode,
-          this.state.fieldConfig,
-          (_a = this._dataWithFieldConfig.annotations) != null ? _a : [],
-          data.DataTopic.Annotations,
-          frame
-        ),
-        true
-      );
-    };
     this._onInstanceStateChange = (state) => {
       if (this._panelContext) {
         this._panelContext = {
@@ -9897,14 +9873,12 @@ class VizPanel extends SceneObjectBase {
         data: this._dataWithFieldConfig.annotations,
         fieldConfig: {
           defaults: {},
-          overrides: [...this.state.fieldConfig.overrides]
+          overrides: []
         },
         fieldConfigRegistry,
         replaceVariables: this.interpolate,
         theme: runtime.config.theme2,
-        timeZone: (_d = rawData.request) == null ? void 0 : _d.timezone,
-        // @ts-ignore
-        dataTopic: data.DataTopic.Annotations
+        timeZone: (_d = rawData.request) == null ? void 0 : _d.timezone
       });
     }
     if (!pluginDataSupport.alertStates) {
@@ -9933,7 +9907,6 @@ class VizPanel extends SceneObjectBase {
       },
       onSeriesColorChange: this._onSeriesColorChange,
       onToggleSeriesVisibility: this._onSeriesVisibilityChange,
-      onAnnotationVisibilityChange: this._onAnnotationVisibilityChange,
       onToggleLegendSort: this._onToggleLegendSort,
       onInstanceStateChange: this._onInstanceStateChange
     };
@@ -11153,6 +11126,104 @@ CustomVariable.Component = ({ model }) => {
   return /* @__PURE__ */ React__default.default.createElement(MultiOrSingleValueSelect, { model });
 };
 
+class SwitchVariable extends SceneObjectBase {
+  constructor(initialState) {
+    super({
+      // TODO: remove this once switch is in the schema @leventebalogh
+      // @ts-expect-error - switch is a valid variable type, but not in the schema yet
+      type: "switch",
+      value: "false",
+      enabledValue: "true",
+      disabledValue: "false",
+      name: "",
+      ...initialState
+    });
+    this._prevValue = "";
+    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => this.getKeys() });
+  }
+  /**
+   * This function is called on when SceneVariableSet is activated or when a dependency changes.
+   */
+  validateAndUpdate() {
+    const newValue = this.getValue();
+    if (this._prevValue !== newValue) {
+      this._prevValue = newValue;
+      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+    }
+    return rxjs.of({});
+  }
+  setValue(newValue) {
+    if (this.getValue() === newValue) {
+      return;
+    }
+    if ([this.state.enabledValue, this.state.disabledValue].includes(newValue)) {
+      this.setState({ value: newValue });
+      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+    } else {
+      console.error(
+        `Invalid value for switch variable: "${newValue}". Valid values are: "${this.state.enabledValue}" and "${this.state.disabledValue}".`
+      );
+    }
+  }
+  getValue() {
+    return this.state.value;
+  }
+  isEnabled() {
+    return this.state.value === this.state.enabledValue;
+  }
+  isDisabled() {
+    return this.state.value === this.state.disabledValue;
+  }
+  getKey() {
+    return `var-${this.state.name}`;
+  }
+  getKeys() {
+    if (this.state.skipUrlSync) {
+      return [];
+    }
+    return [this.getKey()];
+  }
+  getUrlState() {
+    if (this.state.skipUrlSync) {
+      return {};
+    }
+    return { [this.getKey()]: this.state.value };
+  }
+  updateFromUrl(values) {
+    const val = values[this.getKey()];
+    if (typeof val === "string") {
+      this.setValue(val);
+    }
+  }
+}
+SwitchVariable.Component = SwitchVariableRenderer;
+function SwitchVariableRenderer({ model }) {
+  const state = model.useState();
+  const styles = ui.useStyles2(getStyles$7);
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.container }, /* @__PURE__ */ React__default.default.createElement(
+    ui.Switch,
+    {
+      value: state.value === state.enabledValue,
+      onChange: (event) => {
+        model.setValue(event.currentTarget.checked ? state.enabledValue : state.disabledValue);
+      }
+    }
+  ));
+}
+function getStyles$7(theme) {
+  return {
+    container: css.css({
+      display: "flex",
+      alignItems: "center",
+      padding: theme.spacing(0, 1),
+      height: theme.spacing(theme.components.height.md),
+      borderRadius: theme.shape.radius.default,
+      border: `1px solid ${theme.components.input.borderColor}`,
+      background: theme.colors.background.primary
+    })
+  };
+}
+
 class DataSourceVariable extends MultiValueVariable {
   constructor(initialState) {
     super({
@@ -15335,6 +15406,7 @@ const sceneUtils = {
   isQueryVariable,
   isTextBoxVariable,
   isGroupByVariable,
+  isSwitchVariable,
   isRepeatCloneOrChildOf,
   buildPathIdFor
 };
@@ -15403,6 +15475,7 @@ exports.SceneVariableSet = SceneVariableSet;
 exports.SceneVariableValueChangedEvent = SceneVariableValueChangedEvent;
 exports.ScopesVariable = ScopesVariable;
 exports.SplitLayout = SplitLayout;
+exports.SwitchVariable = SwitchVariable;
 exports.TestVariable = TestVariable;
 exports.TextBoxVariable = TextBoxVariable;
 exports.UrlSyncContextProvider = UrlSyncContextProvider;