@spike-rabbit/dashboards-ng 49.0.0 → 49.13.0

package/{index.d.ts → types/spike-rabbit-dashboards-ng.d.ts}

@@ -1,12 +1,12 @@
+import * as _spike_rabbit_element_translate_ng_translate from '@spike-rabbit/element-translate-ng/translate';
+import { TranslatableString } from '@spike-rabbit/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
-import { InjectionToken, InputSignal, OutputEmitterRef, EventEmitter, TemplateRef, OnInit, OnChanges, OnDestroy, ViewContainerRef, SimpleChanges, Type, Injector, EnvironmentInjector, ComponentRef, Provider, ModuleWithProviders } from '@angular/core';
+import { Type, InputSignal, OutputEmitterRef, EventEmitter, TemplateRef, OnInit, OnChanges, SimpleChanges, OnDestroy, OutputRefSubscription, ViewContainerRef, Injector, EnvironmentInjector, ComponentRef, InjectionToken, Provider } from '@angular/core';
 import { AccentLineType, MenuItem } from '@spike-rabbit/element-ng/common';
 import { SiDashboardComponent } from '@spike-rabbit/element-ng/dashboard';
-import { Subject, BehaviorSubject, Observable } from 'rxjs';
+import { Subject, Subscription, Observable, BehaviorSubject } from 'rxjs';
 import { GridStackOptions, GridStackNode, GridStack, GridItemHTMLElement } from 'gridstack';
 import { NavigationExtras } from '@angular/router';
-import { TranslatableString } from '@spike-rabbit/element-translate-ng/translate';
-import { SiLoadingService } from '@spike-rabbit/element-ng/loading-spinner';
 import { ViewType, ContentActionBarMainItem } from '@spike-rabbit/element-ng/content-action-bar';
 import { MenuItem as MenuItem$1 } from '@spike-rabbit/element-ng/menu';
 export * from '@spike-rabbit/dashboards-ng/translate';
@@ -27,29 +27,7 @@ interface GridConfig {
 declare const DEFAULT_GRIDSTACK_OPTIONS: GridStackOptions;
 
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-
-/**
- * Dashboard configuration object. Inject globally using the {@link SI_DASHBOARD_CONFIGURATION}
- * or configure individual dashboard instances.
- */
-type Config = {
-    grid?: GridConfig;
-};
-/**
- * Injection token to configure dashboards. Use `{ provide: SI_DASHBOARD_CONFIGURATION, useValue: config }`
- * in your app configuration.
- */
-declare const SI_DASHBOARD_CONFIGURATION: InjectionToken<Config>;
-/**
- * @deprecated Use SI_DASHBOARD_CONFIGURATION instead.
- */
-declare const CONFIG_TOKEN: InjectionToken<Config>;
-
-/**
- * Copyright (c) Siemens 2016 - 2025
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
@@ -64,9 +42,9 @@ interface Widget {
     /** An optional version string. */
     version?: string;
     /** The name of the widget that is presented in the widget catalog. */
-    name: string;
+    name: TranslatableString;
     /** An optional description that is visible in the widget catalog. */
-    description?: string;
+    description?: TranslatableString;
     /** A CSS icon class that specifies the widget icon, displayed in the catalog. */
     iconClass?: string;
     /** The factory to instantiate a widget instance component that is added to the dashboard. */
@@ -76,8 +54,8 @@ interface Widget {
     /** Optional default payload object that is copied into every widget instance {@link WidgetConfig}. */
     payload?: any;
 }
-/** Factory type that is either a {@link WidgetComponentTypeFactory}, {@link FederatedModule} or {@link WebComponent}. */
-type WidgetComponentFactory = WidgetComponentTypeFactory | FederatedModule | WebComponent;
+/** Factory type that is either a {@link WidgetComponentTypeFactory}, {@link FederatedModule}, {@link FederatedBridgeModule} or {@link WebComponent}. */
+type WidgetComponentFactory = WidgetComponentTypeFactory | FederatedModule | WebComponent | FederatedBridgeModule;
 type CommonFactoryFields = {
     componentName: string;
     editorComponentName?: string;
@@ -87,14 +65,37 @@ type CommonFactoryFields = {
      */
     editorModalClass?: string;
 };
-type WidgetComponentTypeFactory = CommonFactoryFields & {
+type WidgetComponentTypeBaseConfig = {
     factoryType?: 'default';
+    [index: string]: any;
+};
+/** Use when component is not standalone and part of a module */
+type ModuleOptions = WidgetComponentTypeBaseConfig & {
     moduleName: string;
     moduleLoader: (name: string) => Promise<any>;
-    [index: string]: any;
+    componentLoader?: never;
 };
+/** Use when component is standalone */
+type StandaloneOptions = WidgetComponentTypeBaseConfig & {
+    componentLoader: <T = unknown>(componentName: string) => Promise<Type<T>>;
+    moduleName?: never;
+    moduleLoader?: never;
+};
+type WidgetComponentTypeFactory = CommonFactoryFields & (ModuleOptions | StandaloneOptions);
+/**
+ * Factory configuration for loading widget components from a federated module.
+ * Supports both Module Federation and Native Federation patterns for micro-frontend architectures.
+ * Use this when the widget component is hosted in a separate, independently deployed application.
+ */
 type FederatedModule = CommonFactoryFields & LoadRemoteModuleOptions & {
-    factoryType: 'module-federation';
+    factoryType: 'module-federation' | 'native-federation';
+    [index: string]: any;
+};
+/**
+ * Use this when having native federation shell and remote module is using module federation.
+ */
+type FederatedBridgeModule = CommonFactoryFields & LoadRemoteBridgeOptions & {
+    factoryType: 'native-federation-module-bridge';
     [index: string]: any;
 };
 type WebComponent = CommonFactoryFields & {
@@ -176,7 +177,7 @@ interface WidgetConfig {
     /**
      * grid item header text.
      */
-    heading?: string;
+    heading?: TranslatableString;
     /** Defines whether the widget instance component can be expanded and enlarged over the dashboard. */
     expandable?: boolean;
     /** A widget specific payload object. Placeholder to pass in additional configuration. */
@@ -184,13 +185,6 @@ interface WidgetConfig {
     actionBarViewType?: ViewType;
     isNotRemovable?: boolean;
     immutable?: boolean;
-    /**
-     * Widget instance editor components can use this property to indicate an invalid configuration.
-     * True if the config is invalid. False, undefined or null indicate a valid configuration.
-     *
-     * @deprecated Use the statusChanges emitter to notify about configuration status changes.
-     */
-    invalid?: boolean;
     /**
      * Optional configuration for an image to be displayed on the widget instance.
      */
@@ -343,11 +337,27 @@ declare const createWidgetConfig: (widget: Widget) => Omit<WidgetConfig, "id">;
  * We take it over into this file to prevent adding a hard dependency.
  */
 type LoadRemoteModuleOptions = LoadRemoteModuleScriptOptions | LoadRemoteModuleEsmOptions | LoadRemoteModuleManifestOptions;
+/**
+ * Definition is based on `@module-federation/enhanced` loadRemote options.
+ * We take it over into this file to prevent adding a hard dependency.
+ */
+type LoadRemoteBridgeOptions = {
+    id: string;
+    options?: {
+        loadFactory?: boolean | undefined;
+        from: 'build' | 'runtime';
+    } | undefined;
+};
 type LoadRemoteModuleScriptOptions = {
     type?: 'script';
     remoteEntry?: string;
     remoteName: string;
     exposedModule: string;
+    /**
+     * Optional nonce value applied to the script element for Content Security Policy (CSP) support.
+     * Supported in Module Federation v21.2.0+; safely ignored by earlier versions.
+     */
+    nonce?: string;
 };
 type LoadRemoteModuleEsmOptions = {
     type: 'module';
@@ -366,7 +376,7 @@ interface GridWrapperEvent {
     grid: GridStack;
     el?: GridItemHTMLElement;
 }
-declare class SiGridstackWrapperComponent implements OnInit, OnChanges, OnDestroy {
+declare class SiGridstackWrapperComponent implements OnInit, OnChanges {
     /**
      * Grid items to render inside the gridstack
      *
@@ -383,6 +393,14 @@ declare class SiGridstackWrapperComponent implements OnInit, OnChanges, OnDestro
      * Module configuration
      */
     readonly gridConfig: _angular_core.InputSignal<GridConfig | undefined>;
+    /**
+     * Map of widget id to widget definition, passed through to widget hosts.
+     *
+     * @defaultValue new Map()
+     */
+    readonly widgetCatalogMap: _angular_core.InputSignal<Map<string, {
+        componentFactory: WidgetComponentFactory;
+    }>>;
     /**
      * Emits dashboard grid events.
      */
@@ -395,31 +413,53 @@ declare class SiGridstackWrapperComponent implements OnInit, OnChanges, OnDestro
      * Emits the id of a widget instance that shall be edited.
      */
     readonly widgetInstanceEdit: _angular_core.OutputEmitterRef<WidgetConfig>;
-    readonly gridstackContainer: _angular_core.Signal<ViewContainerRef | undefined>;
-    private grid;
-    private markedForRender;
-    private gridItems;
-    private readonly itemIdAttr;
-    private widgetIdSubscriptionMap;
-    private ngZone;
-    private elementRef;
-    ngOnChanges(changes: SimpleChanges): void;
+    private readonly widgetHosts;
+    private readonly widgetHostsMap;
+    protected readonly a11yWidgetsListLabel: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected grid?: GridStack;
+    private readonly ngZone;
+    private readonly elementRef;
+    private readonly injector;
+    private readonly platformId;
+    private readonly isBrowser;
+    private readonly destroyRef;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    mount(items: WidgetConfig[]): void;
-    unmount(items: WidgetConfig[]): void;
-    getLayout(): WidgetPositionConfig[];
-    private updateLayout;
-    private addToView;
-    private removeFromView;
+    private startBatch;
     /**
-     * GridItemComponents are created dynamically, change detection won't trigger as there is no \@Input binding.
-     * We have to update instance and run ChangeDetectionRef manually.
+     *
+     * Returns the position of a specific widget in the grid.
      */
-    private updateViewComponents;
+    getWidgetLayout(widgetId: string): WidgetPositionConfig | undefined;
     private hookEvents;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiGridstackWrapperComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiGridstackWrapperComponent, "si-gridstack-wrapper", never, { "widgetConfigs": { "alias": "widgetConfigs"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "gridConfig": { "alias": "gridConfig"; "required": false; "isSignal": true; }; }, { "gridEvent": "gridEvent"; "widgetInstanceRemove": "widgetInstanceRemove"; "widgetInstanceEdit": "widgetInstanceEdit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiGridstackWrapperComponent, "si-gridstack-wrapper", never, { "widgetConfigs": { "alias": "widgetConfigs"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "gridConfig": { "alias": "gridConfig"; "required": false; "isSignal": true; }; "widgetCatalogMap": { "alias": "widgetCatalogMap"; "required": false; "isSignal": true; }; }, { "gridEvent": "gridEvent"; "widgetInstanceRemove": "widgetInstanceRemove"; "widgetInstanceEdit": "widgetInstanceEdit"; }, never, never, true, never>;
+}
+
+/**
+ * Base class encapsulating common widget editor lifecycle management.
+ * Both `SiWidgetCatalogComponent` and `SiWidgetInstanceEditorDialogComponent`
+ * extend this class to share editor setup, teardown, and status handling logic.
+ */
+declare abstract class SiWidgetEditorBase implements OnDestroy {
+    /** Indicates if the current config is valid or not. */
+    protected readonly invalidConfig: _angular_core.WritableSignal<boolean>;
+    /** Marks the widget configuration as modified. */
+    protected readonly widgetConfigModified: _angular_core.WritableSignal<boolean>;
+    protected readonly editorWizardState: _angular_core.WritableSignal<WidgetInstanceEditorWizardState | undefined>;
+    protected widgetInstanceEditor?: WidgetInstanceEditor;
+    protected subscriptions: (Subscription | OutputRefSubscription)[];
+    protected readonly editorHost: _angular_core.Signal<ViewContainerRef>;
+    protected injector: Injector;
+    protected envInjector: EnvironmentInjector;
+    ngOnDestroy(): void;
+    protected loadWidgetEditor(widgetComponentFactory: WidgetComponentFactory, host: ViewContainerRef): Observable<ComponentRef<WidgetInstanceEditor>>;
+    protected initializeEditor(componentRef: ComponentRef<WidgetInstanceEditor>, config: WidgetConfig | Omit<WidgetConfig, 'id'>): void;
+    protected tearDownEditor(): void;
+    protected isEditorWizard(editor?: WidgetInstanceEditor | WidgetInstanceEditorWizard): editor is WidgetInstanceEditorWizard;
+    protected handleStatusChanges(statusChanges: Partial<WidgetConfigStatus>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetEditorBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiWidgetEditorBase, never, never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -428,7 +468,7 @@ declare class SiGridstackWrapperComponent implements OnInit, OnChanges, OnDestro
  * into its content. The dialog component is accountable for interacting with the dashboard
  * and offers options for saving changes or terminating the editing process.
  */
-declare class SiWidgetInstanceEditorDialogComponent implements OnInit, OnDestroy {
+declare class SiWidgetInstanceEditorDialogComponent extends SiWidgetEditorBase implements OnInit {
     /**
      * Input for the widget instance configuration. It is used to populate the
      * widget editor.
@@ -448,57 +488,38 @@ declare class SiWidgetInstanceEditorDialogComponent implements OnInit, OnDestroy
      * Emits when the editor instantiation is completed.
      */
     readonly editorSetupCompleted: _angular_core.OutputEmitterRef<void>;
-    protected readonly editorHost: _angular_core.Signal<ViewContainerRef>;
-    /** Indicates if the current config is valid or not. If invalid, the save button will be disabled. */
-    protected readonly invalidConfig: _angular_core.WritableSignal<boolean>;
     protected readonly showNextButton: _angular_core.Signal<boolean>;
     protected readonly disableNextButton: _angular_core.Signal<boolean>;
     protected readonly showPreviousButton: _angular_core.Signal<boolean>;
     protected readonly disablePreviousButton: _angular_core.Signal<boolean>;
-    protected labelSave: string;
-    protected labelCancel: string;
-    protected labelPrevious: string;
-    protected labelNext: string;
-    protected labelDialogMessage: string;
-    protected labelDialogHeading: string;
-    protected labelDialogSave: string;
-    protected labelDialogDiscard: string;
-    protected labelDialogCancel: string;
-    /**
-     * Marks the widget configuration as modified. Is set when widget editor instance
-     * emits configChange events. Triggers edit discard confirmation dialog when widget config
-     * is modified but not dialog is canceled.
-     * */
-    private readonly widgetConfigModified;
-    private widgetInstanceEditor?;
-    private readonly editorWizardState;
-    private subscriptions;
-    private injector;
-    private envInjector;
+    protected labelSave: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelCancel: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelPrevious: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelNext: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogMessage: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogHeading: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogSave: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogDiscard: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogCancel: _spike_rabbit_element_translate_ng_translate.TranslatableString;
     private dialogService;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     protected onCancel(): void;
     protected onNext(): void;
     protected onPrevious(): void;
     protected onSave(): void;
-    private tearDownEditor;
-    private isEditorWizdard;
-    private handleStatusChanges;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetInstanceEditorDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWidgetInstanceEditorDialogComponent, "si-widget-instance-editor-dialog", never, { "widgetConfig": { "alias": "widgetConfig"; "required": true; "isSignal": true; }; "widget": { "alias": "widget"; "required": true; "isSignal": true; }; }, { "widgetConfig": "widgetConfigChange"; "closed": "closed"; "editorSetupCompleted": "editorSetupCompleted"; }, never, never, true, never>;
 }
 
-declare const NEW_WIDGET_PREFIX = "new-widget-";
 /**
  * The grid component is the actual component on which the widget instances are placed and visualized. You can think of
  * a headless dashboard, without a title, toolbar or edit buttons.
  */
 declare class SiGridComponent implements OnInit, OnChanges, OnDestroy {
     private storeSubscription?;
-    private gridService;
     private modalService;
     private widgetStorage;
+    private widgetIdProvider;
     /**
      * Configuration options for a grid instance. Default is the optional
      * value from the {@link SI_DASHBOARD_CONFIGURATION}.
@@ -513,14 +534,6 @@ declare class SiGridComponent implements OnInit, OnChanges, OnDestroy {
      * @defaultValue false
      */
     readonly editable: _angular_core.ModelSignal<boolean>;
-    /**
-     * This is the internal owner of the current editable state and is used to track if
-     * editable or not. Not editable can be changed by either calling the `edit()` api
-     * method or by setting the `editable` input. When setting the input, the `ngOnChanges(...)`
-     * hook is used to call the `edit()` method. Similar, to get from editable to not editable,
-     * `cancel()` or `save()` is used and can be triggered from `ngOnChanges(...)`.
-     */
-    private editableInternal;
     /**
      * An optional, but recommended dashboard id that is used in persistence and passed
      * to the widget store for saving and loading data.
@@ -533,6 +546,7 @@ declare class SiGridComponent implements OnInit, OnChanges, OnDestroy {
      *
      * @defaultValue [] */
     readonly widgetCatalog: _angular_core.InputSignal<Widget[]>;
+    protected readonly widgetCatalogMap: _angular_core.Signal<Map<string, Widget>>;
     /**
      * When the user clicks edit on a widget instance, an editor need to appear and the
      * widget editor component need to be loaded. When the grid is used standalone, it
@@ -605,20 +619,13 @@ declare class SiGridComponent implements OnInit, OnChanges, OnDestroy {
     markedForRemoval: WidgetConfig[];
     /** @defaultValue viewChild.required(SiGridstackWrapperComponent) */
     readonly gridStackWrapper: _angular_core.Signal<SiGridstackWrapperComponent>;
-    /**
-     * Service used to indicate load and save indication.
-     * @deprecated Use `isLoading` instead.
-     *
-     * @defaultValue inject(SiLoadingService)
-     */
-    loadingService: SiLoadingService;
     /**
      * Indication for load and save operations.
      */
     readonly isLoading: BehaviorSubject<boolean>;
     protected initialLoad: boolean;
     protected get showEmptyState(): boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -666,13 +673,15 @@ declare class SiGridComponent implements OnInit, OnChanges, OnDestroy {
     protected handleGridEvent(event: GridWrapperEvent): void;
     private loadAndSubscribeWidgets;
     private updateWidgetPositions;
+    private resetEditState;
+    private restoreSavedState;
     private setModified;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiGridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiGridComponent, "si-grid", never, { "gridConfig": { "alias": "gridConfig"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "dashboardId": { "alias": "dashboardId"; "required": false; "isSignal": true; }; "widgetCatalog": { "alias": "widgetCatalog"; "required": false; "isSignal": true; }; "emitWidgetInstanceEditEvents": { "alias": "emitWidgetInstanceEditEvents"; "required": false; "isSignal": true; }; "hideProgressIndicator": { "alias": "hideProgressIndicator"; "required": false; "isSignal": true; }; "widgetInstanceEditorDialogComponent": { "alias": "widgetInstanceEditorDialogComponent"; "required": false; "isSignal": true; }; }, { "editable": "editableChange"; "isModified": "isModified"; "widgetInstanceEdit": "widgetInstanceEdit"; }, never, ["[empty-state]"], true, never>;
 }
 
 /**
- * Copyright (c) Siemens 2016 - 2025
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
@@ -707,13 +716,47 @@ interface DashboardToolbarItemLink {
 /** Union type for all possible items in the dashboard toolbar. */
 type DashboardToolbarItem = DashboardToolbarItemAction | DashboardToolbarItemRouterLink | DashboardToolbarItemLink;
 
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Dashboard configuration object. Inject globally using the {@link SI_DASHBOARD_CONFIGURATION}
+ * or configure individual dashboard instances.
+ */
+type Config = {
+    grid?: GridConfig;
+};
+/**
+ * Injection token to configure dashboards. Use `{ provide: SI_DASHBOARD_CONFIGURATION, useValue: config }`
+ * in your app configuration.
+ */
+declare const SI_DASHBOARD_CONFIGURATION: InjectionToken<Config>;
+/**
+ * Injection token to configure global toolbar menu items.
+ */
+declare const SI_DASHBOARD_TOOLBAR_ITEMS: InjectionToken<{
+    primary: DashboardToolbarItem[];
+    secondary: DashboardToolbarItem[];
+}>;
+/**
+ * provider function to configure global toolbar menu items.
+ * @param toolbarItems - primary and secondary edit actions which are common to all
+ * dashboard instances on application.
+ */
+declare const provideDashboardToolbarItems: (toolbarItems?: {
+    primary?: DashboardToolbarItem[];
+    secondary?: DashboardToolbarItem[];
+}) => Provider;
+
 /**
  * Default widget catalog implementation to show all available widgets that can be added
  * to a dashboard. It consists of a list view, that lists all available widgets and after
  * selection, a host in which the widget specific editor is loaded. Applications can either
  * stay with the default catalog or implement their own by extending this class.
  */
-declare class SiWidgetCatalogComponent implements OnInit, OnDestroy {
+declare class SiWidgetCatalogComponent extends SiWidgetEditorBase implements OnInit {
     /**
      * Placeholder text for the search input field in the widget catalog.
      *
@@ -722,7 +765,7 @@ declare class SiWidgetCatalogComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@DASHBOARD.WIDGET_LIBRARY.SEARCH_PLACEHOLDER:Search widget`)
      * ```
      */
-    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<_spike_rabbit_element_translate_ng_translate.TranslatableString>;
     /**
      * Emits when the catalog is `closed`, either by canceling or by adding or saving
      * a widget configuration. On cancel `undefined` is emitted, otherwise the related
@@ -736,7 +779,6 @@ declare class SiWidgetCatalogComponent implements OnInit, OnDestroy {
      * @defaultValue 'list'
      */
     readonly view: _angular_core.WritableSignal<"list" | "editor" | "editor-only">;
-    protected readonly editorHost: _angular_core.Signal<ViewContainerRef>;
     /**
      * Property to provide the available widgets to the catalog. The flexible
      * dashboard creates the catalog by Angular's `createComponent()` method
@@ -756,48 +798,33 @@ declare class SiWidgetCatalogComponent implements OnInit, OnDestroy {
     protected readonly selected: _angular_core.WritableSignal<Widget | undefined>;
     private widgetConfig?;
     private readonly hasEditor;
-    protected labelCancel: string;
-    protected labelPrevious: string;
-    protected labelNext: string;
-    protected labelAdd: string;
-    protected labelEmpty: string;
-    protected labelDialogHeading: string;
-    protected labelDialogCancel: string;
-    protected labelDialogMessage: string;
-    protected labelDialogDiscard: string;
+    private readonly translateService;
+    protected labelCancel: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelPrevious: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelNext: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelAdd: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelEmpty: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogHeading: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogCancel: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogMessage: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelDialogDiscard: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelWidgetCatalogList: _spike_rabbit_element_translate_ng_translate.TranslatableString;
     protected readonly showAddButton: _angular_core.Signal<boolean>;
     protected readonly showNextButton: _angular_core.Signal<boolean>;
     protected readonly showPreviousButton: _angular_core.Signal<boolean>;
     protected readonly disableAddButton: _angular_core.Signal<boolean>;
     protected readonly disableNextButton: _angular_core.Signal<boolean>;
-    /** Indicates if the current config is valid or not. If invalid, the add button is disabled. */
-    private readonly invalidConfig;
-    /**
-     * Marks the widget configuration as modified. Is set when widget editor instance
-     * emits configChange events. Triggers edit discard confirmation dialog when widget config
-     * is modified but not added to the dashboard.
-     * */
-    private widgetConfigModified;
-    private widgetInstanceEditor?;
-    private readonly editorWizardState;
-    private widgetInstanceEditorRef?;
-    private subscriptions;
     private dialogService;
-    private injector;
-    private envInjector;
+    private readonly widgetCdkListbox;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     protected onSearch(searchTerm?: string): void;
     protected onCancel(): void;
     protected onNext(): void;
     protected onPrevious(): void;
     private setupWidgetInstanceEditor;
-    private tearDownEditor;
     private setupCatalog;
     protected onAddWidget(): void;
     protected selectWidget(widget?: Widget): void;
-    private isEditorWizdard;
-    private handleStatusChanges;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetCatalogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWidgetCatalogComponent, "si-widget-catalog", never, { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
@@ -876,7 +903,17 @@ declare class SiFlexibleDashboardComponent implements OnInit, OnChanges, OnDestr
      * t(() => $localize`:@@DASHBOARD.WIDGET_LIBRARY.SEARCH_PLACEHOLDER:Search widget`)
      * ```
      */
-    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<_spike_rabbit_element_translate_ng_translate.TranslatableString>;
+    /**
+     * Primary action menu items shown in the edit mode of the dashboard.
+     * @defaultValue []
+     */
+    readonly primaryEditActions: _angular_core.InputSignal<DashboardToolbarItem[]>;
+    /**
+     * Secondary action menu items shown in the edit mode of the dashboard.
+     * @defaultValue []
+     */
+    readonly secondaryEditActions: _angular_core.InputSignal<DashboardToolbarItem[]>;
     /**
      * The grid component is the actual container for the widgets.
      */
@@ -895,9 +932,9 @@ declare class SiFlexibleDashboardComponent implements OnInit, OnChanges, OnDestr
      * again and emits `false`.
      */
     readonly isModified: _angular_core.OutputEmitterRef<boolean>;
-    protected labelAddWidget: string;
-    protected labelEditor: string;
-    protected labelCatalog: string;
+    protected labelAddWidget: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelEditor: _spike_rabbit_element_translate_ng_translate.TranslatableString;
+    protected labelCatalog: _spike_rabbit_element_translate_ng_translate.TranslatableString;
     protected addWidgetInstanceAction: DashboardToolbarItem;
     /**
      * The primary action menu items shown in the edit mode of the dashboard.
@@ -905,7 +942,7 @@ declare class SiFlexibleDashboardComponent implements OnInit, OnChanges, OnDestr
     readonly primaryEditActions$: BehaviorSubject<(MenuItem | DashboardToolbarItem)[]>;
     /**
      * The secondary action menu items shown in the edit mode of the dashboard. When all menu items are more than
-     * three, they will be places in the secondary menu of the content action bar.
+     * three, they will be placed in the secondary menu of the content action bar.
      */
     readonly secondaryEditActions$: BehaviorSubject<(MenuItem | DashboardToolbarItem)[]>;
     /**
@@ -919,13 +956,12 @@ declare class SiFlexibleDashboardComponent implements OnInit, OnChanges, OnDestr
      */
     readonly pageTitle: _angular_core.Signal<string | undefined>;
     private readonly viewState;
-    private subscriptions;
     private widgetStorage;
     private hideAddWidgetInstanceButton$;
     private dashboardId$;
-    private outputRefSubscription;
     private readonly toolbar;
-    ngOnChanges(changes: SimpleChanges): void;
+    private readonly globalEditActions;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -936,15 +972,45 @@ declare class SiFlexibleDashboardComponent implements OnInit, OnChanges, OnDestr
     protected onModified(event: boolean): void;
     private setupMenuItems;
     private setupPrimaryMenuItems;
-    private editWidgetInstance;
-    private proxyMenuItemAction;
+    protected editWidgetInstance(widgetConfig: WidgetConfig): void;
     private getWidget;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFlexibleDashboardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFlexibleDashboardComponent, "si-flexible-dashboard", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "widgetCatalogComponent": { "alias": "widgetCatalogComponent"; "required": false; "isSignal": true; }; "widgetInstanceEditorDialogComponent": { "alias": "widgetInstanceEditorDialogComponent"; "required": false; "isSignal": true; }; "dashboardId": { "alias": "dashboardId"; "required": false; "isSignal": true; }; "widgetCatalog": { "alias": "widgetCatalog"; "required": false; "isSignal": true; }; "hideAddWidgetInstanceButton": { "alias": "hideAddWidgetInstanceButton"; "required": false; "isSignal": true; }; "hideEditButton": { "alias": "hideEditButton"; "required": false; "isSignal": true; }; "showEditButtonLabel": { "alias": "showEditButtonLabel"; "required": false; "isSignal": true; }; "hideProgressIndicator": { "alias": "hideProgressIndicator"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "editable": "editableChange"; "isModified": "isModified"; }, never, ["[filters-slot]", "[empty-state]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFlexibleDashboardComponent, "si-flexible-dashboard", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "widgetCatalogComponent": { "alias": "widgetCatalogComponent"; "required": false; "isSignal": true; }; "widgetInstanceEditorDialogComponent": { "alias": "widgetInstanceEditorDialogComponent"; "required": false; "isSignal": true; }; "dashboardId": { "alias": "dashboardId"; "required": false; "isSignal": true; }; "widgetCatalog": { "alias": "widgetCatalog"; "required": false; "isSignal": true; }; "hideAddWidgetInstanceButton": { "alias": "hideAddWidgetInstanceButton"; "required": false; "isSignal": true; }; "hideEditButton": { "alias": "hideEditButton"; "required": false; "isSignal": true; }; "showEditButtonLabel": { "alias": "showEditButtonLabel"; "required": false; "isSignal": true; }; "hideProgressIndicator": { "alias": "hideProgressIndicator"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "primaryEditActions": { "alias": "primaryEditActions"; "required": false; "isSignal": true; }; "secondaryEditActions": { "alias": "secondaryEditActions"; "required": false; "isSignal": true; }; }, { "editable": "editableChange"; "isModified": "isModified"; }, never, ["[filters-slot]", "[empty-state]"], true, never>;
 }
 
 /**
- * Copyright (c) Siemens 2016 - 2025
+ * A presentational (dumb) component that renders a single widget instance from a
+ * {@link WidgetConfig} using the provided {@link Widget} definition. It delegates
+ * the actual rendering to the {@link SiWidgetHostComponent}.
+ *
+ * **Intended Usage**
+ *
+ * This component renders an individual widget outside of a dashboard or grid,
+ * without requiring manual host wiring. It is a self-contained widget cell that
+ * can be placed anywhere a single widget needs to be shown, for example in kiosk
+ * mode or within a custom layout such as a carousel.
+ *
+ * **Example**
+ *
+ * ```html
+ * <!-- Render a single widget instance -->
+ * <si-widget-renderer [widgetConfig]="widgetConfig" [widget]="widget" />
+ * ```
+ */
+declare class SiWidgetRendererComponent {
+    /** The configuration of the widget instance to render. */
+    readonly widgetConfig: _angular_core.InputSignal<WidgetConfig>;
+    /**
+     * The {@link Widget} definition used to render the given {@link widgetConfig}.
+     * It must match the config's `widgetId`.
+     */
+    readonly widget: _angular_core.InputSignal<Widget>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWidgetRendererComponent, "si-widget-renderer", never, { "widgetConfig": { "alias": "widgetConfig"; "required": true; "isSignal": true; }; "widget": { "alias": "widget"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
@@ -966,17 +1032,26 @@ declare abstract class SiWidgetStorage {
      */
     abstract load(dashboardId?: string): Observable<WidgetConfig[]>;
     /**
-     * Saves the given widget configuration. Existing widgets have a `id`. New widgets have no `id`
-     * and it is in the responsibility of the implementor to set the ids of the new widgets. In addition,
+     * Saves the given widget configuration. New widgets have `id`
+     * generated through the `SiWidgetIdProvider.generateWidgetId` implementation
+     * and if ids comes from backend then it is in the responsibility of the implementor to update
+     * the ids of the new widgets with the ids returned from backend upon save. In addition,
      * the implementor needs to check if objects that have been available before are missing. These
      * widgets have been removed by the user. As a result of this method, the observables returned
      * by the `load()` method should emit the new widget config objects, before also returning them.
-     * @param widgets - The existing and new widget config objects to be saved.
+     * @param modifiedWidgets - The existing widget config objects to be saved.
+     * @param addedWidgets - The new widget config objects to be saved.
+     * @param removedWidgets - The widget config objects that have been removed.
+     * @param dashboardId - The id of the dashboard if present to allow dashboard specific storage.
+     * @returns An observable that emits the saved widget config objects with their ids.
      */
-    abstract save(widgets: (WidgetConfig | Omit<WidgetConfig, 'id'>)[], removedWidgets?: WidgetConfig[], dashboardId?: string): Observable<WidgetConfig[]>;
+    abstract save(modifiedWidgets: WidgetConfig[], addedWidgets: WidgetConfig[], removedWidgets?: WidgetConfig[], dashboardId?: string): Observable<WidgetConfig[]>;
     /**
      * Optional method to provide primary and secondary toolbar menu items.
      * @param dashboardId - The id of the dashboard if present to allow dashboard specific menu items.
+     *
+     * @deprecated use {@link provideDashboardToolbarItems} to provide common toolbar items.
+     * Additionally configure individual dashboard actions via {@link SiFlexibleDashboardComponent.primaryEditActions} and {@link SiFlexibleDashboardComponent.secondaryEditActions} respectively.
      */
     getToolbarMenuItems?: (dashboardId?: string) => {
         primary: Observable<(MenuItem | DashboardToolbarItem)[]>;
@@ -1013,59 +1088,132 @@ declare class SiDefaultWidgetStorage extends SiWidgetStorage {
     private widgets?;
     constructor();
     load(dashboardId?: string): Observable<WidgetConfig[]>;
-    save(widgets: (WidgetConfig | Omit<WidgetConfig, 'id'>)[], removedWidgets?: WidgetConfig[], dashboardId?: string): Observable<WidgetConfig[]>;
-    protected update(newConfigs: WidgetConfig[], dashboardId?: string): void;
+    save(modifiedWidgets: WidgetConfig[], addedWidgets: WidgetConfig[], removedWidgets?: WidgetConfig[], dashboardId?: string): Observable<WidgetConfig[]>;
+    protected update(widgetConfigs: WidgetConfig[], dashboardId?: string): void;
     protected loadFromStorage(dashboardId?: string): WidgetConfig[];
 }
 
 /**
- * Copyright (c) Siemens 2016 - 2025
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
+/**
+ * Injection token to optionally inject the {@link SiWidgetIdProvider} implementation
+ * to provide custom widget id generation logic. The default implementation
+ * is {@link SiWidgetDefaultIdProvider}.
+ *
+ * * @example
+ * The following shows how to provide your own widget id provider.
+ * ```
+ * providers: [..., { provide: SI_WIDGET_ID_PROVIDER, useClass: CustomWidgetIdProvider }]
+ * ```
+ *
+ */
+declare const SI_WIDGET_ID_PROVIDER: InjectionToken<SiWidgetIdProvider>;
+/**
+ * Abstract class to provide widget id generation logic.
+ */
+declare abstract class SiWidgetIdProvider {
+    /**
+     * Generates a transient widget id for newly added widgets in edit mode.
+     *
+     * @param widget - The widget instance config without any id.
+     * @param dashboardId - The id of the dashboard where the widget is added.
+     * @returns A transient widget id as a string.
+     */
+    abstract generateWidgetId(widget: Omit<WidgetConfig, 'id'>, dashboardId?: string): string;
+}
+/**
+ * The default implementation of the {@link SiWidgetIdProvider} which
+ * generates random widget ids.
+ */
+declare class SiWidgetDefaultIdProvider extends SiWidgetIdProvider {
+    /**
+     * Generates a unique widget id.
+     *
+     * The method uses `crypto.randomUUID()` which generates a RFC4122 version 4 UUID
+     * (a cryptographically secure random identifier with 122 bits of entropy).
+     *
+     * @param widget - The widget instance config without any id.
+     * @param dashboardId - The id of the dashboard where the widget is added.
+     * @returns A unique widget id string in the format `crypto.randomUUID()`.
+     */
+    generateWidgetId(widget: Omit<WidgetConfig, 'id'>, dashboardId?: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetDefaultIdProvider, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SiWidgetDefaultIdProvider>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+type WidgetFactoryType = FederatedModule['factoryType'] | FederatedBridgeModule['factoryType'];
 type SetupComponentFn = <T>(factory: WidgetComponentFactory, componentName: string, host: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector) => Observable<ComponentRef<T>>;
+/** @internal */
 declare const widgetFactoryRegistry: {
-    _factories: {
-        [key: string]: SetupComponentFn;
-    };
-    register(name: string, factoryFn: SetupComponentFn): void;
-    getFactoryFn(name: string): SetupComponentFn;
-    hasFactoryFn(name: string): boolean;
+    _factories: { [key in WidgetFactoryType]?: SetupComponentFn; };
+    register(name: WidgetFactoryType, factoryFn: SetupComponentFn): void;
+    getFactoryFn(name: WidgetFactoryType): SetupComponentFn | undefined;
+    hasFactoryFn(name: WidgetFactoryType): boolean;
 };
 declare const setupWidgetInstance: (widgetComponentFactory: WidgetComponentFactory, host: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector) => Observable<ComponentRef<WidgetInstance>>;
 declare const setupWidgetEditor: (widgetComponentFactory: WidgetComponentFactory, host: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector) => Observable<ComponentRef<WidgetInstanceEditor>>;
 
 /**
- * Copyright (c) Siemens 2016 - 2025
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
+/**
+ * Common factory configuration fields required for federated module loading.
+ * @internal
+ */
+interface FederationFactoryBase {
+    exposedModule?: string;
+    [key: string]: unknown;
+}
+/**
+ * Module loaded from federation, containing exported components keyed by name.
+ * @internal
+ */
+type FederatedModuleExports<T> = Record<string, Type<T>>;
+/**
+ * Options for handling federated module loading.
+ */
+interface FederatedModuleLoadOptions<T> {
+    loadPromise: Promise<FederatedModuleExports<T> | null | undefined>;
+    factory: FederationFactoryBase;
+    componentName: string;
+    host: ViewContainerRef;
+    injector: Injector;
+    environmentInjector: EnvironmentInjector;
+}
+/**
+ * Handles the result of a federated module loading promise.
+ * This is the main utility function that encapsulates the common loading pattern
+ * used across module-federation, native-federation, and mf-bridge loaders.
+ *
+ * @param options - Configuration options for loading and creating the component
+ * @returns Observable that emits the ComponentRef once the component is created
+ * @internal
+ */
+declare const handleFederatedModuleLoad: <T>({ loadPromise, factory, componentName, host, injector, environmentInjector }: FederatedModuleLoadOptions<T>) => Observable<ComponentRef<T>>;
+
 declare class SiDashboardsNgModule {
-    /**
-     * @deprecated The module configuration `forRoot` is not needed any more. You can use the injection tokens
-     * `SI_DASHBOARD_CONFIGURATION` and `SI_WIDGET_STORE` direct in your app configuration. We migrated to standalone
-     * components already and will delete this module definition later.
-     */
-    static forRoot({ config, dashboardApi }: {
-        config?: Config;
-        /**
-         * Provide a custom widget storage.
-         *
-         * @deprecated Use the provider tokens in your app config instead.
-         *
-         * @example
-         * ```typescript
-         * const appConfig: ApplicationConfig = {
-         *  providers: [{provide: SI_WIDGET_STORE, useClass: YourWidgetStorage}]
-         * }
-         * ```
-         */
-        dashboardApi?: Provider;
-    }): ModuleWithProviders<SiDashboardsNgModule>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDashboardsNgModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiDashboardsNgModule, never, [typeof SiFlexibleDashboardComponent, typeof SiGridComponent, typeof SiWidgetCatalogComponent, typeof SiWidgetInstanceEditorDialogComponent], [typeof SiFlexibleDashboardComponent, typeof SiGridComponent, typeof SiWidgetCatalogComponent, typeof SiWidgetInstanceEditorDialogComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiDashboardsNgModule>;
 }
+/**
+ * @deprecated Use {@link SiDashboardsNgModule} instead. The `Simpl` prefix is deprecated and will be removed in v51.
+ */
+declare const SimplDashboardsNgModule: typeof SiDashboardsNgModule;
+/**
+ * @deprecated Use {@link SiDashboardsNgModule} instead. The `Simpl` prefix is deprecated and will be removed in v51.
+ */
+type SimplDashboardsNgModule = SiDashboardsNgModule;
 
-export { CONFIG_TOKEN, DEFAULT_GRIDSTACK_OPTIONS, DEFAULT_WIDGET_STORAGE_TOKEN, NEW_WIDGET_PREFIX, SI_DASHBOARD_CONFIGURATION, SI_WIDGET_STORE, STORAGE_KEY, SiDashboardsNgModule, SiDefaultWidgetStorage, SiFlexibleDashboardComponent, SiGridComponent, SiWidgetCatalogComponent, SiWidgetInstanceEditorDialogComponent, SiWidgetStorage, SiDashboardsNgModule as SimplDashboardsNgModule, createWidgetConfig, setupWidgetEditor, setupWidgetInstance, widgetFactoryRegistry };
-export type { Config, DashboardToolbarItem, DashboardToolbarItemAction, DashboardToolbarItemLink, DashboardToolbarItemRouterLink, FederatedModule, GridConfig, LoadRemoteModuleEsmOptions, LoadRemoteModuleManifestOptions, LoadRemoteModuleOptions, LoadRemoteModuleScriptOptions, ObjectFit, SetupComponentFn, WebComponent, Widget, WidgetComponentFactory, WidgetComponentTypeFactory, WidgetConfig, WidgetConfigEvent, WidgetConfigStatus, WidgetImage, WidgetInstance, WidgetInstanceEditor, WidgetInstanceEditorWizard, WidgetInstanceEditorWizardState, WidgetPositionConfig };
+export { DEFAULT_GRIDSTACK_OPTIONS, DEFAULT_WIDGET_STORAGE_TOKEN, SI_DASHBOARD_CONFIGURATION, SI_DASHBOARD_TOOLBAR_ITEMS, SI_WIDGET_ID_PROVIDER, SI_WIDGET_STORE, STORAGE_KEY, SiDashboardsNgModule, SiDefaultWidgetStorage, SiFlexibleDashboardComponent, SiGridComponent, SiWidgetCatalogComponent, SiWidgetDefaultIdProvider, SiWidgetIdProvider, SiWidgetInstanceEditorDialogComponent, SiWidgetRendererComponent, SiWidgetStorage, SimplDashboardsNgModule, createWidgetConfig, handleFederatedModuleLoad, provideDashboardToolbarItems, setupWidgetEditor, setupWidgetInstance, widgetFactoryRegistry };
+export type { Config, DashboardToolbarItem, DashboardToolbarItemAction, DashboardToolbarItemLink, DashboardToolbarItemRouterLink, FederatedBridgeModule, FederatedModule, FederatedModuleExports, FederationFactoryBase, GridConfig, LoadRemoteBridgeOptions, LoadRemoteModuleEsmOptions, LoadRemoteModuleManifestOptions, LoadRemoteModuleOptions, LoadRemoteModuleScriptOptions, ObjectFit, SetupComponentFn, WebComponent, Widget, WidgetComponentFactory, WidgetComponentTypeFactory, WidgetConfig, WidgetConfigEvent, WidgetConfigStatus, WidgetImage, WidgetInstance, WidgetInstanceEditor, WidgetInstanceEditorWizard, WidgetInstanceEditorWizardState, WidgetPositionConfig };