Protecteddestroy$ReadonlyDeviceA failure to show, or null.
The default theme's look, as custom properties on the preview frame.
ProtectednavigationA confirmation to show, or null.
ReadonlyPaletteReadonlyPaletteTab ID for query param notification scoping. Set by resource wrappers that render child dashboards, so the child knows which tab it belongs to. If not set, falls back to Data.Configuration.tabId.
If specified, this provider will be used for communication and for all metadata purposes. By default, if not provided, the Metadata and RunView classes are used for this and the default GraphQLDataProvider is used which is connected to the same back-end MJAPI instance as the Metadata and RunView classes. If you want to have this component connect to a different MJAPI back-end, create an instance of a ProviderBase sub-class like GraphQLDataProvider/etc, and configure it as appropriate to connect to the MJAPI back-end you want to use, and then pass it in here.
ReadonlyRegionThe story panel or the sign-in column, when one is selected instead of a block.
The theme being designed for: the default Active theme, or null when there is none.
StaticɵdirStaticɵfacReturns either the default Metadata provider or the one specified in the Provider property, if it was specified
Wired by the tab container. true means the hosted form just entered edit
mode; the shell PROMOTES (pins) a records preview tab on that edge so the
record is never replaced by the next plain open — VS Code's
promote-on-modify. false is informational; promotion is sticky.
Returns either the default RunQuery provider or the one specified in the Provider property, if it was specified
Returns either the default RunView provider or the one specified in the Provider property, if it was specified
The region of the selected block: a card's colors depend on which side of the page it is on.
The header pill: shown only when there is something to say (live, or work waiting on you).
The selected surface; a selected block always wins.
The saved draft differs from what visitors see.
Edits not yet saved as the draft.
Add a block: dropped at a spot, or (clicked in the palette) just after the selected block, else at the end of the selected surface's first region, else of the story panel.
Optionalregion: "Banner" | "PanelTop" | "PanelBottom"Optionalindex: numberWhat the inspector asks for, applied as one undoable step.
Back to what is stored (the saved draft, the live page, or the starter), dropping unsaved edits.
ProtectedGetRead current query params from tab configuration. Use in initDashboard() / ngOnInit() to get initial URL state.
Get this component's tab ID. Checks ParentTabId input first (set by resource wrappers for child dashboards), then falls back to Data.Configuration.tabId.
Unsaved edits: the shell keeps this tab rather than replace it.
A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
ReadonlyNoThe palette never accepts a drop: dragging a tile back onto it cancels.
ProtectedNotifyAsk the host shell to close/dismiss this resource (typically: close the tab). Called by subclasses that hosted a form that emitted a 'dismiss' navigation event — most often, a brand-new record where the user clicked Discard. The record was never saved, the form is empty, and leaving it open serves no purpose. The tab-container listens for this and closes the workspace tab.
ProtectedNotifyCall this to notify the tab system that the resource's display name has changed. The tab container will update the tab title and browser title accordingly.
ProtectedNotifyTell the host shell the hosted form's edit mode changed. Subclasses that host an editable form call this from the form's EditModeChanged output.
ProtectedNotifyProtectedNotifyClosing or reloading the browser with unsaved edits asks first.
Ctrl/Cmd+Z and Shift+Ctrl/Cmd+Z while focus is in the studio, except in a field being typed in.
ProtectedOnCalled by the framework when query params change from an external source (browser back/forward, deep link navigation). Override in subclasses to react to query param changes.
The new query params from the URL
'popstate' for back/forward, 'deeplink' for external URL entry
A click on the empty preview deselects, except the click that ends a drag.
ProtectedonHook for a host that instantiates CHILD resource components: re-home them here.
A host stamps its children with its tab id when it creates them, which is a SNAPSHOT. A cache reattach moves the host to a different tab without recreating anything, so a child left holding the birth tab's id would go on reading and — worse — writing that tab's params from inside a tab it no longer belongs to. That is the same cross-tab corruption this class refuses elsewhere, just arriving by a slower route, so the stamp has to move when the host does.
Default is a no-op: a component with no children has nothing to re-home.
Re-home this component to a different tab (cache reattach across tab ids). Replaces the reactive param subscription with one bound to the new tab and resets the duplicate-delivery key so the new tab's CURRENT params apply as a fresh mount would — the replay-on-subscribe delivers them immediately.
ProtectedRefreshMarks this component's view (and its ancestors) as needing change detection and schedules a tick — the reliable way for a resource component to re-render after updating state from async work (RunView/RunQuery continuations, timers, websocket pushes, RxJS subscriptions).
WHY THIS EXISTS: the Explorer shell hosts resource components dynamically — createComponent()
ApplicationRef.attachView() — because tab content mounts into Golden Layout / cached DOM
containers, not into an Angular template. Since Angular 18's change-detection scheduler
rework (Explorer is on Angular 21), ApplicationRef.tick() only refreshes attached views
that are FLAGGED dirty; a root-level attached view whose component mutates plain fields from
an async continuation is never flagged, so the view silently never re-renders — even though
the component uses default (non-OnPush) change detection (issue #3106).The framework calls this automatically from NotifyLoadStarted() / NotifyLoadComplete(), so the standard load lifecycle re-renders without any subclass action. Call it yourself after any LATER async state change that must reach the DOM outside those signals.
ProtectedrehomeRe-homes a child this component created to tabId.
The ParentTabId stamp is cleared FIRST and deliberately: getTabId() prefers it over the
rebound id, so leaving the old stamp in place would make the child's own RebindTabId a
no-op — it early-returns when getTabId() already matches — and the child would keep
answering with the tab it was born in. Clearing it lets the rebind be the authority, and the
child re-delivers the NEW tab's current params exactly as a fresh mount would.
Re-read the default theme and its sign-in page.
ProtectedResourceSelect the story panel or the sign-in column (a click on it in the preview, or the inspector's buttons).
Optionale: EventProtectedUpdatePush query param changes to the URL. Creates a browser history entry. Safe to call during OnQueryParamsChanged — auto-suppressed to prevent loops.
The write is ALWAYS scoped to this component's own tab. A component that cannot identify its tab does not write at all — see the guard below.
Remove the custom page: visitors get the stock sign-in page again.
LOGIN STUDIO: an administrator designs the page visitors see before they sign in. The design lives on the default Active theme (
LoginScreenDraftwhile edited,LoginScreenonce published), because a sign-in page belongs to a brand. The preview is drawn by<mj-login-region>, the renderer the live login screen uses; every drag also has a click or key (Add, Alt+Arrow, Delete).SAFETY BOUNDARY (agent): the agent reads the design and its problems (GetSignInPageDesign). Save draft, Publish and "Use the stock sign-in page" are human-only: the published page is what every visitor meets before signing in.