ember-storybook 0.2.1 → 0.3.0

package/declarations/client/config.d.ts

@@ -1,5 +1,17 @@
-import type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';
+import type { ArgTypesEnhancer, GlobalTypes, Parameters } from 'storybook/internal/types';
 export { render, renderToCanvas } from './render';
 export declare const parameters: Parameters;
+/**
+ * The "Ember" toolbar menu: how a route story should render `{{outlet}}`.
+ *
+ * `defaultValue` seeds the global (Storybook merges global-type defaults under
+ * any project `initialGlobals`), so a project can still change the starting
+ * value with `initialGlobals: { outlet: 'placeholder' }`.
+ *
+ * No `toolbar` here: the menu UI (with the Ember brand icon) is a custom tool
+ * in `src/manager`, because Storybook 10 only resolves toolbar icons against
+ * its fixed built-in icon map.
+ */
+export declare const globalTypes: GlobalTypes;
 export declare const argTypesEnhancers: ArgTypesEnhancer[];
 //# sourceMappingURL=config.d.ts.map

package/declarations/client/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/client/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAAsB,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/client/config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE1F,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAAsB,CAAC"}

package/declarations/client/index.d.ts

@@ -1,4 +1,5 @@
 import './globals';
+export { OutletPlaceholder } from './outlet-placeholder';
 export * from './portable-stories';
 export * from './public-types';
 export { renderToCanvas } from './render';

package/declarations/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/declarations/client/outlet-placeholder.d.ts

@@ -0,0 +1,25 @@
+import type { TOC } from '@ember/component/template-only';
+interface OutletPlaceholderSignature {
+    Element: HTMLDivElement;
+    Args: {
+        /** Shown inside the box. A route template only receives `@model`. */
+        model?: string;
+    };
+}
+/**
+ * A visible stand-in for `{{outlet}}`, for route stories where an empty hole is
+ * hard to see (e.g. on the docs page).
+ *
+ * It is rendered *as a route template*, so it must be template-only (the outlet
+ * only accepts a raw template or an internal-manager component) and the only
+ * value it can receive is `@model` — pass a string to label the box:
+ *
+ * ```js
+ * parameters: {
+ *   ember: { route: { outlet: { template: OutletPlaceholder, model: 'settings' } } }
+ * }
+ * ```
+ */
+export declare const OutletPlaceholder: TOC<OutletPlaceholderSignature>;
+export {};
+//# sourceMappingURL=outlet-placeholder.d.ts.map

package/declarations/client/outlet-placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlet-placeholder.d.ts","sourceRoot":"","sources":["../../src/client/outlet-placeholder.gts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,UAAU,0BAA0B;IAClC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,qEAAqE;QACrE,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,EAAE,GAAG,CAAC,0BAA0B,CAe5D,CAAC"}

package/declarations/client/outlet.d.ts

@@ -0,0 +1,97 @@
+import type { OutletMode, OutletStub, RouteParameters } from './types';
+import type ApplicationInstance from '@ember/application/instance';
+/**
+ * What Ember's outlet hands a route template. A route template is *not* a
+ * component story: it receives exactly `@model` and `@controller`, because that
+ * is all `{{outlet}}` passes down (`OUTLET_COMPONENT_TEMPLATE` in ember-source).
+ */
+export interface OutletRenderState {
+    owner: object;
+    name: string;
+    controller: unknown;
+    model: unknown;
+    template: object;
+}
+/**
+ * Mirrors ember-source's internal `OutletState`. The shape is structural, not
+ * nominal, so a plain object is accepted by `setOutletState`; the leaf's
+ * `outlets.main` is what a nested `{{outlet}}` reads.
+ */
+export interface OutletState {
+    render: OutletRenderState;
+    outlets: {
+        main: OutletState | undefined;
+    };
+}
+export interface RouteStoryInput {
+    /** The route template — the story's `component`. */
+    template: object;
+    /** `parameters.ember.route`. */
+    route: RouteParameters;
+    /**
+     * The resolved stub for `{{outlet}}` — see {@link resolveOutletStub}.
+     * `undefined` leaves the outlet as a hole.
+     */
+    outlet?: OutletStub;
+    /** Final (decorated) story args; `model`/`controller` feed the route. */
+    args: Record<string, unknown>;
+    /** Story name, used when `route.name` is not given. */
+    storyName: string;
+    /** The booted app instance the route renders under. */
+    owner: object;
+}
+/**
+ * Name of the Storybook global that decides how `{{outlet}}` is rendered
+ * (`hole` | `placeholder`). Declared here so the toolbar item and the renderer
+ * read and write the same key.
+ */
+export declare const OUTLET_GLOBAL_KEY = "outlet";
+export interface OutletResolveInput {
+    /** `parameters.ember.route` of the story being rendered. */
+    route: RouteParameters;
+    /** Value of the {@link OUTLET_GLOBAL_KEY} global, if any. */
+    mode?: OutletMode;
+    /**
+     * Produces the stub rendered when the global asks for a visible placeholder.
+     * Called lazily (and so may be an async chunk load) and only when needed;
+     * injected so this module stays free of Ember-owned template components.
+     */
+    placeholder: () => OutletStub | Promise<OutletStub>;
+}
+/**
+ * Decides what `{{outlet}}` renders.
+ *
+ * An explicit `route.outlet` is author intent and always wins, so a story stays
+ * deterministic no matter how the toolbar is set. Otherwise the global decides:
+ * `placeholder` renders the injected marker, anything else leaves a hole.
+ */
+export declare function resolveOutletStub({ route, mode, placeholder }: OutletResolveInput): Promise<OutletStub | undefined>;
+/**
+ * Builds the `OutletState` for a route story.
+ *
+ * `{{outlet}}` reads its child from Glimmer's *dynamic scope*, which
+ * `renderComponent` never populates — so route templates are rendered through
+ * Ember's own outlet root instead, and this is the state handed to it. Leaving
+ * `outlets.main` undefined is what makes `{{outlet}}` render a hole.
+ */
+export declare function buildRouteOutletState({ template, route, outlet, args, storyName, owner }: RouteStoryInput): OutletState;
+/**
+ * Ember's `OutletView` (the router's top-level view), reduced to the surface
+ * this module drives. It is only reachable through the container, so the type is
+ * declared here rather than imported from `@ember/-internals`.
+ */
+export interface OutletView {
+    appendTo(target: HTMLElement): void;
+    setOutletState(state: OutletState): void;
+}
+/**
+ * Renders `state` into `element` through Ember's outlet root and waits for the
+ * render to settle.
+ */
+export declare function mountOutletView(application: ApplicationInstance, state: OutletState, element: HTMLElement): Promise<OutletView>;
+/**
+ * Swaps what the outlet renders, in place. This is how the router updates a live
+ * route tree, so arg changes do not tear the route's components down.
+ */
+export declare function updateOutletView(view: OutletView, state: OutletState): Promise<void>;
+//# sourceMappingURL=outlet.d.ts.map

package/declarations/client/outlet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlet.d.ts","sourceRoot":"","sources":["../../src/client/outlet.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE;QAAE,IAAI,EAAE,WAAW,GAAG,SAAS,CAAA;KAAE,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,KAAK,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;CACf;AAID;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,KAAK,EAAE,eAAe,CAAC;IACvB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,WAAW,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;CACrD;AAED;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,WAAW,EACZ,EAAE,kBAAkB,GAAG,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAMtD;AAsBD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAS,EACT,KAAK,EACN,EAAE,eAAe,GAAG,WAAW,CAa/B;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1C;AAyDD;;;GAGG;AACH,wBAAsB,eAAe,CACnC,WAAW,EAAE,mBAAmB,EAChC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,GACnB,OAAO,CAAC,UAAU,CAAC,CAMrB;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAG1F"}

package/declarations/client/outlet.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=outlet.test.d.ts.map

package/declarations/client/outlet.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlet.test.d.ts","sourceRoot":"","sources":["../../src/client/outlet.test.ts"],"names":[],"mappings":""}

package/declarations/client/public-types.d.ts

@@ -23,5 +23,5 @@ export type Decorator<TArgs = StrictArgs> = DecoratorFunction<EmberRenderer, TAr
 export type Loader<TArgs = StrictArgs> = LoaderFunction<EmberRenderer, TArgs>;
 export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<EmberRenderer, TArgs>;
 export type Preview = ProjectAnnotations<EmberRenderer>;
-export { type EmberRenderer } from './types';
+export { type EmberGlobals, type EmberParameters, type EmberRenderer, type OutletMode, type OutletStub, type RouteParameters } from './types';
 //# sourceMappingURL=public-types.d.ts.map

package/declarations/client/public-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-types.d.ts","sourceRoot":"","sources":["../../src/client/public-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EACV,gBAAgB,EAChB,IAAI,EACJ,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,IAAI,mBAAmB,EACnC,UAAU,EACX,MAAM,0BAA0B,CAAC;AAElC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEvF;;;;GAIG;AACH,MAAM,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,OAAO,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,QAAQ,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACpF,MAAM,MAAM,MAAM,CAAC,KAAK,GAAG,UAAU,IAAI,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAC9E,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,UAAU,IAAI,mBAAmB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACzF,MAAM,MAAM,OAAO,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAExD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"public-types.d.ts","sourceRoot":"","sources":["../../src/client/public-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EACV,gBAAgB,EAChB,IAAI,EACJ,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,IAAI,mBAAmB,EACnC,UAAU,EACX,MAAM,0BAA0B,CAAC;AAElC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEvF;;;;GAIG;AACH,MAAM,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,OAAO,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,QAAQ,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACpF,MAAM,MAAM,MAAM,CAAC,KAAK,GAAG,UAAU,IAAI,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAC9E,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,UAAU,IAAI,mBAAmB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACzF,MAAM,MAAM,OAAO,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAExD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,SAAS,CAAC"}

package/declarations/client/render-story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-story.d.ts","sourceRoot":"","sources":["../../src/client/render-story.gts"],"names":[],"mappings":"AAoCA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAQ3C,UAAU,oBAAoB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC/B,CAAC;IACF,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC9D,MAAM;;;;;;OAaH;CASJ"}
+{"version":3,"file":"render-story.d.ts","sourceRoot":"","sources":["../../src/client/render-story.gts"],"names":[],"mappings":"AAgDA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAQ3C,UAAU,oBAAoB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC/B,CAAC;IACF,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC9D,MAAM;;;;;;OAyBH;CASJ"}

package/declarations/client/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/client/render.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAiB3E,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,aAAa,CAc7C,CAAC;AAsEF,wBAAsB,cAAc,CAClC,EACE,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACb,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,EAChE,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,uBA4F9C"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/client/render.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,aAAa,EAGb,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAiB3E,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,aAAa,CAgB7C,CAAC;AA8LF,wBAAsB,cAAc,CAClC,EACE,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACb,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,EAChE,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,uBAwI9C"}

package/declarations/client/story-result.d.ts

@@ -1,3 +1,4 @@
+import type { RouteParameters } from './types';
 type Args = Record<string, unknown>;
 /**
  * Structural shapes of `@ember/application` and `@ember/application/instance`.
@@ -17,10 +18,15 @@ export type ApplicationInstanceClass = new (...args: never[]) => object;
  * args to `render` via `originalStoryFn(args, context)` — but nothing else. To
  * make those args reach `renderToCanvas`, `render` reports them back alongside
  * the component instead of returning a bare component.
+ *
+ * `route` rides along the same way: it is the only channel by which a story
+ * rendered through `<RenderStory>` (which never sees the story context) can learn
+ * it is a route story.
  */
 export interface EmberStoryResult {
     component: object;
     args: Args;
+    route?: RouteParameters;
 }
 export declare function isEmberStoryResult(value: unknown): value is EmberStoryResult;
 /**
@@ -35,6 +41,7 @@ export declare function isEmberStoryResult(value: unknown): value is EmberStoryR
 export declare function normalizeStoryResult(result: unknown, fallbackArgs: Args): {
     component: object;
     args: Args;
+    route?: RouteParameters;
 };
 export declare function createAppResolver(params: {
     application: ApplicationClass;

package/declarations/client/story-result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"story-result.d.ts","sourceRoot":"","sources":["../../src/client/story-result.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpC;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,aAAa,IAAI,MAAM,CAAA;KAAE,CAAC;CACxE;AAED,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC;AAExE;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,gBAAgB,CAS5E;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,IAAI,GACjB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;CACZ,CAMA;AAmBD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,wBAAwB,CAAC;CAC/C,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;IAAE,WAAW,EAAE,WAAW,CAAA;CAAE,KAAK,MAAM,CA2CrE"}
+{"version":3,"file":"story-result.d.ts","sourceRoot":"","sources":["../../src/client/story-result.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpC;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,aAAa,IAAI,MAAM,CAAA;KAAE,CAAC;CACxE;AAED,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC;AAExE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,gBAAgB,CAS5E;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,EACf,YAAY,EAAE,IAAI,GACjB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAMA;AAmBD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,wBAAwB,CAAC;CAC/C,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;IAAE,WAAW,EAAE,WAAW,CAAA;CAAE,KAAK,MAAM,CA2CrE"}

package/declarations/client/types.d.ts

@@ -8,21 +8,70 @@ export interface ShowErrorArgs {
     description: string;
 }
 export type AppParamater = typeof Application | ApplicationInstance | ((options?: Record<string, unknown>) => typeof Application | ApplicationInstance);
+/**
+ * A single-level stub rendered in place of `{{outlet}}`. Ember has no named
+ * outlets anymore, so a route template has exactly one child, and a story stubs
+ * precisely that one child — deeper nesting is not modelled.
+ */
+export interface OutletStub {
+    /** Route name surfaced in the placeholder label and the debug render tree. */
+    name?: string;
+    /** Template/component rendered as the child route. Omitted => empty hole. */
+    template?: object;
+    /** Value passed to the child as `@model`. */
+    model?: unknown;
+    /** Value passed to the child as `@controller`. */
+    controller?: unknown;
+}
+/**
+ * Opt-in marker that a story renders a *route* template rather than a component.
+ *
+ * Route templates receive only `@model` and `@controller` (that is all Ember's
+ * outlet hands them), and their `{{outlet}}` is stubbed via {@link OutletStub}.
+ */
+export interface RouteParameters {
+    /** Route name for the debug render tree; falls back to the story name. */
+    name?: string;
+    /** `@model` for the route template; falls back to `args.model`. */
+    model?: unknown;
+    /** `@controller` for the route template; falls back to `args.controller`. */
+    controller?: unknown;
+    /** What `{{outlet}}` renders. Omitted => empty hole. */
+    outlet?: OutletStub;
+}
 export interface EmberParameters {
     ember?: {
         app?: AppParamater;
         configure?: (app: ApplicationInstance) => void;
         owner?: Record<`${string}:${string}`, object>;
         updateGlobals?: (globals: Record<string, unknown>, owner: Owner) => void;
+        /** Present => render through Ember's outlet root so `{{outlet}}` works. */
+        route?: RouteParameters;
     };
 }
+/**
+ * How a route story renders `{{outlet}}`, chosen from the "Ember" toolbar menu.
+ *
+ * - `hole` (default): nothing renders — like a route with no active child.
+ * - `placeholder`: a marker component renders in its place.
+ */
+export type OutletMode = 'hole' | 'placeholder';
+/**
+ * Globals the framework contributes. Declared on {@link EmberRenderer} so
+ * `initialGlobals` and `context.globals` are typed for consumers.
+ */
+export interface EmberGlobals {
+    outlet?: OutletMode;
+}
 export interface EmberRenderer extends WebRenderer {
     component: object;
     storyResult: object;
     csf4: true;
     parameters: EmberParameters;
+    globals: EmberGlobals;
 }
 export type StoryContext = DefaultStoryContext<EmberRenderer> & {
     parameters: DefaultStoryContext<EmberRenderer>['parameters'] & EmberParameters;
+    globals: DefaultStoryContext<EmberRenderer>['globals'] & EmberGlobals;
 };
 //# sourceMappingURL=types.d.ts.map

package/declarations/client/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/client/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjG,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,OAAO,WAAW,GAClB,mBAAmB,GACnB,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,WAAW,GAAG,mBAAmB,CAAC,CAAC;AAEtF,MAAM,WAAW,eAAe;IAE9B,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE,YAAY,CAAC;QACnB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;QAC9C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KAC1E,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAGhD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,GAAG;IAC9D,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;CAChF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/client/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjG,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,OAAO,WAAW,GAClB,mBAAmB,GACnB,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,WAAW,GAAG,mBAAmB,CAAC,CAAC;AAEtF;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAE9B,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE,YAAY,CAAC;QACnB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;QAC9C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;QACzE,2EAA2E;QAC3E,KAAK,CAAC,EAAE,eAAe,CAAC;KACzB,CAAC;CACH;AAED;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,aAAa,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAGhD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,GAAG;IAC9D,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;IAC/E,OAAO,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC;CACvE,CAAC"}

package/declarations/manager/ember-icon.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function EmberIcon(props: SVGProps<SVGSVGElement>): import("react").ReactSVGElement;
+//# sourceMappingURL=ember-icon.d.ts.map

package/declarations/manager/ember-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ember-icon.d.ts","sourceRoot":"","sources":["../../src/manager/ember-icon.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkBtC,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,mCAYvD"}

package/declarations/manager/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/declarations/manager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/manager/index.ts"],"names":[],"mappings":""}

package/declarations/node/docgen/docgen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docgen.d.ts","sourceRoot":"","sources":["../../../src/node/docgen/docgen.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAyC1D,wBAAsB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,CAAC,CA0BtF"}
+{"version":3,"file":"docgen.d.ts","sourceRoot":"","sources":["../../../src/node/docgen/docgen.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAyC1D,wBAAsB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,CAAC,CA+BtF"}

package/declarations/node/parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/node/parser.ts"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE1F,OAAO,EAAW,KAAK,YAAY,EAAqB,MAAM,UAAU,CAAC;AAEzE,OAAO,KAAK,EAAmB,OAAO,EAAsB,MAAM,YAAY,CAAC;AAE/E;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAExD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAW9F;AAED,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAKnF;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE;QACT;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QAEd;;;;;;;WAOG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB;;;;;WAKG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,OAAO,EAAE,CAAC,WAAW,GAAG;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;CACxD;AAkDD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAkF7E;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CA6GvE"}
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/node/parser.ts"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE1F,OAAO,EAAW,KAAK,YAAY,EAAqB,MAAM,UAAU,CAAC;AAEzE,OAAO,KAAK,EAAmB,OAAO,EAAsB,MAAM,YAAY,CAAC;AAE/E;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAExD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAW9F;AAED,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAKnF;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE;QACT;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QAEd;;;;;;;WAOG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB;;;;;WAKG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,OAAO,EAAE,CAAC,WAAW,GAAG;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;CACxD;AAkDD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAkF7E;AAqBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAwHvE"}

package/declarations/preset.d.ts

@@ -2,6 +2,7 @@ import { type StorybookConfigVite } from '@storybook/builder-vite';
 import type { StorybookConfig } from './types';
 import type { PresetProperty } from 'storybook/internal/types';
 export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
+export declare const managerEntries: (entries?: string[]) => string[];
 export declare const viteFinal: StorybookConfigVite['viteFinal'];
 export declare const experimental_indexers: StorybookConfig['experimental_indexers'];
 export declare const core: PresetProperty<'core'>;

package/declarations/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAsB,MAAM,yBAAyB,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAoB/D,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAkBnE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAkBtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,eAAe,CAAC,uBAAuB,CAE1E,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,CAcvC,CAAC"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAsB,MAAM,yBAAyB,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAoB/D,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAkBnE,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,UAAS,MAAM,EAAO,KAAG,MAAM,EAG7D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAkBtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,eAAe,CAAC,uBAAuB,CAE1E,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,CAcvC,CAAC"}

package/dist/client/config.mjs

@@ -1,12 +1,28 @@
-import { n as renderToCanvas, t as render } from "../render-D_vlc6Py.mjs";
+import { n as renderToCanvas, t as render } from "../render-jYhDmzLM.mjs";
+import { t as OUTLET_GLOBAL_KEY } from "../outlet-Dc5ySBso.mjs";
 import { enhanceArgTypes } from "storybook/internal/docs-tools";
 //#region src/client/config.ts
 const parameters = {
 	renderer: "ember",
 	docs: { story: { inline: true } }
 };
+/**
+* The "Ember" toolbar menu: how a route story should render `{{outlet}}`.
+*
+* `defaultValue` seeds the global (Storybook merges global-type defaults under
+* any project `initialGlobals`), so a project can still change the starting
+* value with `initialGlobals: { outlet: 'placeholder' }`.
+*
+* No `toolbar` here: the menu UI (with the Ember brand icon) is a custom tool
+* in `src/manager`, because Storybook 10 only resolves toolbar icons against
+* its fixed built-in icon map.
+*/
+const globalTypes = { [OUTLET_GLOBAL_KEY]: {
+	description: "How a route story renders {{outlet}}",
+	defaultValue: "hole"
+} };
 const argTypesEnhancers = [enhanceArgTypes];
 //#endregion
-export { argTypesEnhancers, parameters, render, renderToCanvas };
+export { argTypesEnhancers, globalTypes, parameters, render, renderToCanvas };
 
 //# sourceMappingURL=config.mjs.map

package/dist/client/config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.mjs","names":["enhanceArgTypes","render","renderToCanvas","parameters","renderer","docs","story","inline","argTypesEnhancers"],"sources":["../../src/client/config.ts"],"sourcesContent":["import { enhanceArgTypes } from 'storybook/internal/docs-tools';\n\nimport type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';\n\nexport { render, renderToCanvas } from './render';\n\nexport const parameters: Parameters = {\n  renderer: 'ember',\n  docs: {\n    story: { inline: true }\n  }\n};\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;AAMA,MAAaG,aAAyB;CACpCC,UAAU;CACVC,MAAM,EACJC,OAAO,EAAEC,QAAQ,KAAK,EACxB;AACF;AAEA,MAAaC,oBAAwC,CAACR,eAAe"}
+{"version":3,"file":"config.mjs","names":["enhanceArgTypes","OUTLET_GLOBAL_KEY","render","renderToCanvas","parameters","renderer","docs","story","inline","globalTypes","description","defaultValue","argTypesEnhancers"],"sources":["../../src/client/config.ts"],"sourcesContent":["import { enhanceArgTypes } from 'storybook/internal/docs-tools';\n\nimport { OUTLET_GLOBAL_KEY } from './outlet';\n\nimport type { ArgTypesEnhancer, GlobalTypes, Parameters } from 'storybook/internal/types';\n\nexport { render, renderToCanvas } from './render';\n\nexport const parameters: Parameters = {\n  renderer: 'ember',\n  docs: {\n    story: { inline: true }\n  }\n};\n\n/**\n * The \"Ember\" toolbar menu: how a route story should render `{{outlet}}`.\n *\n * `defaultValue` seeds the global (Storybook merges global-type defaults under\n * any project `initialGlobals`), so a project can still change the starting\n * value with `initialGlobals: { outlet: 'placeholder' }`.\n *\n * No `toolbar` here: the menu UI (with the Ember brand icon) is a custom tool\n * in `src/manager`, because Storybook 10 only resolves toolbar icons against\n * its fixed built-in icon map.\n */\nexport const globalTypes: GlobalTypes = {\n  [OUTLET_GLOBAL_KEY]: {\n    description: 'How a route story renders {{outlet}}',\n    defaultValue: 'hole'\n  }\n};\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;;AAQA,MAAaI,aAAyB;CACpCC,UAAU;CACVC,MAAM,EACJC,OAAO,EAAEC,QAAQ,KAAK,EACxB;AACF;;;;;;;;;;;;AAaA,MAAaC,cAA2B,GACrCR,oBAAoB;CACnBS,aAAa;CACbC,cAAc;AAChB,EACF;AAEA,MAAaC,oBAAwC,CAACZ,eAAe"}

package/dist/client/docs/config.mjs

@@ -1,10 +1,10 @@
-import { n as isEmberStoryResult } from "../../story-result-CCx6LMia.mjs";
+import { n as isEmberStoryResult } from "../../story-result-D9erht0M.mjs";
 import { n as unwrapBlockParamsShallow, t as unwrapBlockParams } from "../../block-params-wjiT2Ht6.mjs";
 import { emitTransformCode, useEffect, useRef } from "storybook/preview-api";
 import { SourceType } from "storybook/internal/docs-tools";
+import { Fragment, createElement, useContext } from "react";
 import emberData from "virtual:ember-storybook";
 import { Controls, Description, DocsContext, Heading, Primary, PureArgsTable, Stories, Subheading, Subtitle, Title, useOf } from "@storybook/addon-docs/blocks";
-import { Fragment, createElement, useContext } from "react";
 import { NAVIGATE_URL } from "storybook/internal/core-events";
 import { styled } from "storybook/theming";
 //#region src/client/docs/extractArgTypes.ts

package/dist/client/docs/renderer.mjs

@@ -1,5 +1,5 @@
-import { AnchorMdx, CodeOrSourceMdx, Docs, HeadersMdx } from "@storybook/addon-docs/blocks";
 import { Component, createElement } from "react";
+import { AnchorMdx, CodeOrSourceMdx, Docs, HeadersMdx } from "@storybook/addon-docs/blocks";
 import { renderElement, unmountElement } from "@storybook/react-dom-shim";
 //#region src/client/docs/renderer.ts
 const defaultComponents = {

package/dist/client/index.mjs

@@ -1,3 +1,4 @@
-import { n as renderToCanvas } from "../render-D_vlc6Py.mjs";
-import { n as setProjectAnnotations, t as RenderStory } from "../client-7-bGnBBX.mjs";
-export { RenderStory, renderToCanvas, setProjectAnnotations };
+import { n as renderToCanvas } from "../render-jYhDmzLM.mjs";
+import { n as setProjectAnnotations, t as RenderStory } from "../client-DMN9EyIc.mjs";
+import { t as OutletPlaceholder } from "../outlet-placeholder-DZpXQLIa.mjs";
+export { OutletPlaceholder, RenderStory, renderToCanvas, setProjectAnnotations };

package/dist/{client-7-bGnBBX.mjs → client-DMN9EyIc.mjs}

@@ -1,8 +1,9 @@
-import { r as render_exports } from "./render-D_vlc6Py.mjs";
-import { r as normalizeStoryResult } from "./story-result-CCx6LMia.mjs";
+import { r as render_exports } from "./render-jYhDmzLM.mjs";
+import "./outlet-placeholder-DZpXQLIa.mjs";
+import { r as normalizeStoryResult } from "./story-result-D9erht0M.mjs";
+import { template } from "@ember/template-compiler";
 import { setDefaultProjectAnnotations, setProjectAnnotations } from "storybook/preview-api";
 import { renderComponent } from "@ember/renderer";
-import { template } from "@ember/template-compiler";
 import Component from "@glimmer/component";
 import { getOwner } from "@ember/owner";
 import { modifier } from "ember-modifier";
@@ -37,11 +38,13 @@ function setProjectAnnotations$1(projectAnnotations) {
 //#region src/client/render-story.gts
 var RenderStory = class extends Component {
 	render = modifier((element) => {
-		const { component, args } = normalizeStoryResult(this.args.story(), this.args.args);
+		const { component, args, route } = normalizeStoryResult(this.args.story(), this.args.args);
+		const owner = getOwner(this);
+		if (route) throw new Error("ember-storybook: this story sets `parameters.ember.route`, but route stories can only be rendered by `renderToCanvas`, not through <RenderStory> (portable stories).");
 		const result = renderComponent(component, {
 			args,
 			into: element,
-			owner: getOwner(this)
+			owner
 		});
 		return () => {
 			result.destroy();
@@ -59,4 +62,4 @@ var RenderStory = class extends Component {
 //#endregion
 export { setProjectAnnotations$1 as n, RenderStory as t };
 
-//# sourceMappingURL=client-7-bGnBBX.mjs.map
+//# sourceMappingURL=client-DMN9EyIc.mjs.map

package/dist/{client-7-bGnBBX.mjs.map → client-DMN9EyIc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"client-7-bGnBBX.mjs","names":["globalThis","STORYBOOK_ENV","setDefaultProjectAnnotations","setProjectAnnotations","originalSetProjectAnnotations","INTERNAL_DEFAULT_PROJECT_ANNOTATIONS","projectAnnotations"],"sources":["../src/client/globals.ts","../src/client/portable-stories.ts","../src/client/render-story.gts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line unicorn/no-global-object-property-assignment\nglobalThis.STORYBOOK_ENV = 'ember';\n","import {\n  setDefaultProjectAnnotations,\n  setProjectAnnotations as originalSetProjectAnnotations\n} from 'storybook/preview-api';\n\nimport * as INTERNAL_DEFAULT_PROJECT_ANNOTATIONS from './render';\n\nimport type { EmberRenderer } from './types';\nimport type {\n  NamedOrDefaultProjectAnnotations,\n  NormalizedProjectAnnotations\n} from 'storybook/internal/types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/preact';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations:\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>[]\n): NormalizedProjectAnnotations<EmberRenderer> {\n  setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS);\n\n  return originalSetProjectAnnotations(projectAnnotations);\n}\n","import Component from '@glimmer/component';\nimport { getOwner } from '@ember/owner';\nimport { renderComponent } from '@ember/renderer';\n\nimport { modifier } from 'ember-modifier';\n\nimport { normalizeStoryResult } from './story-result';\n\ninterface RenderStorySignature {\n  Args: {\n    story: () => object;\n    args: Record<string, unknown>;\n  };\n  Element: HTMLDivElement;\n}\n\nexport class RenderStory extends Component<RenderStorySignature> {\n  render = modifier((element: HTMLDivElement) => {\n    const story = this.args.story();\n    const { component, args } = normalizeStoryResult(story, this.args.args);\n    const owner = getOwner(this);\n    const result = renderComponent(component, {\n      args,\n      into: element,\n      owner\n    });\n\n    return () => {\n      result.destroy();\n    };\n  });\n\n  <template>\n    <div {{this.render}}></div>\n  </template>\n}\n"],"mappings":";;;;;;;;;AAGAA,WAAWC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;AC6B3B,SAAgBE,wBACdG,oBAG6C;CAC7CJ,6BAA6BG,cAAoC;CAEjE,OAAOD,sBAA8BE,kBAAkB;AACzD;;;ACxBA,IAAa,cAAb,cAAiC,UAAU;CACzC,SAAS,UAAU,YAAS;EAE1B,MAAM,EAAE,WAAW,SAAS,qBADd,KAAK,KAAK,MACyB,GAAO,KAAK,KAAK,IAAI;EAEtE,MAAM,SAAS,gBAAgB,WAAW;GACxC;GACA,MAAM;GACN,OAJY,SAAS,IAIrB;EACF,CAAA;EAEA,aAAO;GACL,OAAO,QAAO;EAChB;CACF,CAAA;CAEA;EAAA,SAAU,+BAEV;GAAA,WAAA;GAAA,OAAA;IAAA,OAAA,KAAA,UAAA,EAAW;GAAD;EAAA,CAAA;CAAA;AACZ"}
+{"version":3,"file":"client-DMN9EyIc.mjs","names":["globalThis","STORYBOOK_ENV","setDefaultProjectAnnotations","setProjectAnnotations","originalSetProjectAnnotations","INTERNAL_DEFAULT_PROJECT_ANNOTATIONS","projectAnnotations"],"sources":["../src/client/globals.ts","../src/client/portable-stories.ts","../src/client/render-story.gts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line unicorn/no-global-object-property-assignment\nglobalThis.STORYBOOK_ENV = 'ember';\n","import {\n  setDefaultProjectAnnotations,\n  setProjectAnnotations as originalSetProjectAnnotations\n} from 'storybook/preview-api';\n\nimport * as INTERNAL_DEFAULT_PROJECT_ANNOTATIONS from './render';\n\nimport type { EmberRenderer } from './types';\nimport type {\n  NamedOrDefaultProjectAnnotations,\n  NormalizedProjectAnnotations\n} from 'storybook/internal/types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/preact';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations:\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>[]\n): NormalizedProjectAnnotations<EmberRenderer> {\n  setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS);\n\n  return originalSetProjectAnnotations(projectAnnotations);\n}\n","import Component from '@glimmer/component';\nimport { getOwner } from '@ember/owner';\nimport { renderComponent } from '@ember/renderer';\n\nimport { modifier } from 'ember-modifier';\n\nimport { normalizeStoryResult } from './story-result';\n\ninterface RenderStorySignature {\n  Args: {\n    story: () => object;\n    args: Record<string, unknown>;\n  };\n  Element: HTMLDivElement;\n}\n\nexport class RenderStory extends Component<RenderStorySignature> {\n  render = modifier((element: HTMLDivElement) => {\n    const story = this.args.story();\n    const { component, args, route } = normalizeStoryResult(story, this.args.args);\n    const owner = getOwner(this);\n\n    if (route) {\n      // `{{outlet}}` is resolved from Glimmer's dynamic scope, which only a root\n      // render can seed. Rendering it in here would nest a second outlet root\n      // inside an already-rendering tree, so route stories are canvas-only.\n      throw new Error(\n        'ember-storybook: this story sets `parameters.ember.route`, but route stories ' +\n          'can only be rendered by `renderToCanvas`, not through <RenderStory> ' +\n          '(portable stories).'\n      );\n    }\n\n    const result = renderComponent(component, {\n      args,\n      into: element,\n      owner\n    });\n\n    return () => {\n      result.destroy();\n    };\n  });\n\n  <template>\n    <div {{this.render}}></div>\n  </template>\n}\n"],"mappings":";;;;;;;;;;AAGAA,WAAWC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;AC6B3B,SAAgBE,wBACdG,oBAG6C;CAC7CJ,6BAA6BG,cAAoC;CAEjE,OAAOD,sBAA8BE,kBAAkB;AACzD;;;ACxBA,IAAa,cAAb,cAAiC,UAAU;CACzC,SAAS,UAAU,YAAS;EAE1B,MAAM,EAAE,WAAW,MAAM,UAAU,qBADrB,KAAK,KAAK,MACgC,GAAO,KAAK,KAAK,IAAI;EAC7E,MAAM,QAAQ,SAAS,IAAI;EAE3B,IAAI,OAIF,MAAM,IAAI,MACR,sKAEE;EAIN,MAAM,SAAS,gBAAgB,WAAW;GACxC;GACA,MAAM;GACN;EACF,CAAA;EAEA,aAAO;GACL,OAAO,QAAO;EAChB;CACF,CAAA;CAEA;EAAA,SAAU,+BAEV;GAAA,WAAA;GAAA,OAAA;IAAA,OAAA,KAAA,UAAA,EAAW;GAAD;EAAA,CAAA;CAAA;AACZ"}

package/dist/index.mjs

@@ -1,3 +1,4 @@
-import { n as renderToCanvas } from "./render-D_vlc6Py.mjs";
-import { n as setProjectAnnotations, t as RenderStory } from "./client-7-bGnBBX.mjs";
-export { RenderStory, renderToCanvas, setProjectAnnotations };
+import { n as renderToCanvas } from "./render-jYhDmzLM.mjs";
+import { n as setProjectAnnotations, t as RenderStory } from "./client-DMN9EyIc.mjs";
+import { t as OutletPlaceholder } from "./outlet-placeholder-DZpXQLIa.mjs";
+export { OutletPlaceholder, RenderStory, renderToCanvas, setProjectAnnotations };

package/dist/manager/index.mjs

@@ -0,0 +1,82 @@
+import { t as OUTLET_GLOBAL_KEY } from "../outlet-Dc5ySBso.mjs";
+import { createElement } from "react";
+import { Select } from "storybook/internal/components";
+import { addons, types, useGlobals } from "storybook/manager-api";
+//#region src/manager/ember-icon.ts
+/**
+* The Ember "e-circle" brand icon, embedding the markup from
+* https://github.com/ember-learn/ember-website/blob/main/public/images/brand/Ember%20Logos/Icon/e-circle-icon-4c.svg
+*
+* Storybook 10 resolves toolbar `icon` strings against a fixed manager-side
+* map, so a custom brand icon has to be a React element rendered by our own
+* toolbar tool. The fills are hardcoded brand colors on purpose: unlike
+* Storybook's monochrome icons this one must keep its red/white identity.
+*/
+const EMBER_ICON_MARKUP = `
+  <g fill="none" fill-rule="evenodd">
+    <path d="M64 0c35.346 0 64 28.654 64 64 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64C0 28.654 28.654 0 64 0z" fill="#E05C43" fill-rule="nonzero"/>
+    <path d="M65.265 24.128c8.246-.163 14.073 2.073 19.087 9.19 10.934 27.109-28.147 41.1-29.714 41.65l-.049.016s-1.18 7.363 10.028 7.08c13.793 0 28.294-10.691 33.81-15.21a3.293 3.293 0 0 1 4.468.265l4.13 4.29a3.291 3.291 0 0 1 .085 4.491c-3.59 3.997-12.014 12.203-24.696 17.504 0 0-21.16 9.798-35.42.52-8.503-5.53-10.842-12.151-11.793-19.038.005 0-10.324-.524-16.957-3.114-6.635-2.592.049-10.411.049-10.411s2.04-3.233 5.92 0c3.883 3.228 11.13 1.772 11.13 1.772.646-5.099 1.72-11.828 4.884-18.93 6.632-14.885 16.789-19.915 25.038-20.075zm4.853 14.915c-4.369-4.21-16.984 4.202-17.471 23.45 0 0 3.724 1.134 11.97-4.53 8.25-5.661 9.87-14.718 5.501-18.92z" fill="#FFFFFF"/>
+  </g>
+`;
+function EmberIcon(props) {
+	return createElement("svg", {
+		width: 14,
+		height: 14,
+		viewBox: "0 0 128 128",
+		xmlns: "http://www.w3.org/2000/svg",
+		style: {
+			display: "inline-block",
+			verticalAlign: "middle"
+		},
+		"aria-hidden": true,
+		...props,
+		dangerouslySetInnerHTML: { __html: EMBER_ICON_MARKUP }
+	});
+}
+//#endregion
+//#region src/manager/index.ts
+/**
+* The "Ember" toolbar menu: how a route story should render `{{outlet}}`.
+*
+* Registered as a custom tool (not `globalTypes.toolbar`) because Storybook 10
+* resolves toolbar `icon` strings against a fixed manager-side icon map — the
+* Ember brand icon can only be supplied through a tool's own `render`. The
+* value still lives in globals (see `globalTypes` in `client/config.ts`), so
+* the renderer and `initialGlobals` keep working unchanged.
+*/
+const ADDON_ID = "ember-storybook";
+const TITLE = "Ember";
+const DESCRIPTION = "How a route story renders {{outlet}}";
+const OUTLET_ITEMS = [{
+	value: "hole",
+	title: "Hole"
+}, {
+	value: "placeholder",
+	title: "Placeholder"
+}];
+function OutletToolbar() {
+	const [globals, updateGlobals, storyGlobals] = useGlobals();
+	return createElement(Select, {
+		defaultOptions: [globals[OUTLET_GLOBAL_KEY]],
+		options: OUTLET_ITEMS,
+		disabled: storyGlobals[OUTLET_GLOBAL_KEY] !== void 0,
+		ariaLabel: TITLE,
+		tooltip: DESCRIPTION,
+		onSelect: (selected) => {
+			updateGlobals({ [OUTLET_GLOBAL_KEY]: selected });
+		},
+		icon: createElement(EmberIcon),
+		showSelectedOptionTitle: false
+	});
+}
+addons.register(ADDON_ID, () => {
+	addons.add(`${ADDON_ID}/outlet-toolbar`, {
+		type: types.TOOL,
+		title: TITLE,
+		render: () => createElement(OutletToolbar)
+	});
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=index.mjs.map

package/dist/manager/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["createElement","EMBER_ICON_MARKUP","EmberIcon","props","width","height","viewBox","xmlns","style","display","verticalAlign","dangerouslySetInnerHTML","__html","createElement","Select","addons","types","useGlobals","OUTLET_GLOBAL_KEY","EmberIcon","ADDON_ID","TITLE","DESCRIPTION","OUTLET_ITEMS","value","title","OutletToolbar","globals","updateGlobals","storyGlobals","defaultOptions","options","disabled","undefined","ariaLabel","tooltip","onSelect","selected","icon","showSelectedOptionTitle","register","add","type","TOOL","render"],"sources":["../../src/manager/ember-icon.ts","../../src/manager/index.ts"],"sourcesContent":["import { createElement } from 'react';\n\nimport type { SVGProps } from 'react';\n\n/**\n * The Ember \"e-circle\" brand icon, embedding the markup from\n * https://github.com/ember-learn/ember-website/blob/main/public/images/brand/Ember%20Logos/Icon/e-circle-icon-4c.svg\n *\n * Storybook 10 resolves toolbar `icon` strings against a fixed manager-side\n * map, so a custom brand icon has to be a React element rendered by our own\n * toolbar tool. The fills are hardcoded brand colors on purpose: unlike\n * Storybook's monochrome icons this one must keep its red/white identity.\n */\nconst EMBER_ICON_MARKUP = `\n  <g fill=\"none\" fill-rule=\"evenodd\">\n    <path d=\"M64 0c35.346 0 64 28.654 64 64 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64C0 28.654 28.654 0 64 0z\" fill=\"#E05C43\" fill-rule=\"nonzero\"/>\n    <path d=\"M65.265 24.128c8.246-.163 14.073 2.073 19.087 9.19 10.934 27.109-28.147 41.1-29.714 41.65l-.049.016s-1.18 7.363 10.028 7.08c13.793 0 28.294-10.691 33.81-15.21a3.293 3.293 0 0 1 4.468.265l4.13 4.29a3.291 3.291 0 0 1 .085 4.491c-3.59 3.997-12.014 12.203-24.696 17.504 0 0-21.16 9.798-35.42.52-8.503-5.53-10.842-12.151-11.793-19.038.005 0-10.324-.524-16.957-3.114-6.635-2.592.049-10.411.049-10.411s2.04-3.233 5.92 0c3.883 3.228 11.13 1.772 11.13 1.772.646-5.099 1.72-11.828 4.884-18.93 6.632-14.885 16.789-19.915 25.038-20.075zm4.853 14.915c-4.369-4.21-16.984 4.202-17.471 23.45 0 0 3.724 1.134 11.97-4.53 8.25-5.661 9.87-14.718 5.501-18.92z\" fill=\"#FFFFFF\"/>\n  </g>\n`;\n\nexport function EmberIcon(props: SVGProps<SVGSVGElement>) {\n  return createElement('svg', {\n    width: 14,\n    height: 14,\n    viewBox: '0 0 128 128',\n    xmlns: 'http://www.w3.org/2000/svg',\n    style: { display: 'inline-block', verticalAlign: 'middle' },\n    'aria-hidden': true,\n    ...props,\n    // The markup mirrors the upstream brand asset; static, first-party content.\n    dangerouslySetInnerHTML: { __html: EMBER_ICON_MARKUP }\n  });\n}\n","import { createElement } from 'react';\nimport { Select } from 'storybook/internal/components';\nimport { addons, types, useGlobals } from 'storybook/manager-api';\n\nimport { OUTLET_GLOBAL_KEY } from '../client/outlet';\nimport { EmberIcon } from './ember-icon';\n\nimport type { OutletMode } from '../client/types';\n\n/**\n * The \"Ember\" toolbar menu: how a route story should render `{{outlet}}`.\n *\n * Registered as a custom tool (not `globalTypes.toolbar`) because Storybook 10\n * resolves toolbar `icon` strings against a fixed manager-side icon map — the\n * Ember brand icon can only be supplied through a tool's own `render`. The\n * value still lives in globals (see `globalTypes` in `client/config.ts`), so\n * the renderer and `initialGlobals` keep working unchanged.\n */\nconst ADDON_ID = 'ember-storybook';\n\nconst TITLE = 'Ember';\nconst DESCRIPTION = 'How a route story renders {{outlet}}';\n\nconst OUTLET_ITEMS: { value: OutletMode; title: string }[] = [\n  { value: 'hole', title: 'Hole' },\n  { value: 'placeholder', title: 'Placeholder' }\n];\n\nfunction OutletToolbar() {\n  const [globals, updateGlobals, storyGlobals] = useGlobals();\n\n  return createElement(Select, {\n    defaultOptions: [globals[OUTLET_GLOBAL_KEY]],\n    options: OUTLET_ITEMS,\n    // A story-level global override wins; don't let the toolbar fight it.\n    disabled: storyGlobals[OUTLET_GLOBAL_KEY] !== undefined,\n    ariaLabel: TITLE,\n    tooltip: DESCRIPTION,\n    onSelect: (selected: unknown) => {\n      updateGlobals({ [OUTLET_GLOBAL_KEY]: selected });\n    },\n    icon: createElement(EmberIcon),\n    // Icon-only trigger, like Storybook's own toolbar items (backgrounds,\n    // viewport, …): never swap in the selected item's title (\"Hole\").\n    showSelectedOptionTitle: false\n  });\n}\n\naddons.register(ADDON_ID, () => {\n  addons.add(`${ADDON_ID}/outlet-toolbar`, {\n    type: types.TOOL,\n    title: TITLE,\n    render: () => createElement(OutletToolbar)\n  });\n});\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMC,oBAAoB;;;;;;AAO1B,SAAgBC,UAAUC,OAAgC;CACxD,OAAOH,cAAc,OAAO;EAC1BI,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,OAAO;GAAEC,SAAS;GAAgBC,eAAe;EAAS;EAC1D,eAAe;EACf,GAAGP;EAEHQ,yBAAyB,EAAEC,QAAQX,kBAAkB;CACvD,CAAC;AACH;;;;;;;;;;;;ACdA,MAAMmB,WAAW;AAEjB,MAAMC,QAAQ;AACd,MAAMC,cAAc;AAEpB,MAAMC,eAAuD,CAC3D;CAAEC,OAAO;CAAQC,OAAO;AAAO,GAC/B;CAAED,OAAO;CAAeC,OAAO;AAAc,CAAC;AAGhD,SAASC,gBAAgB;CACvB,MAAM,CAACC,SAASC,eAAeC,gBAAgBZ,WAAW;CAE1D,OAAOJ,cAAcC,QAAQ;EAC3BgB,gBAAgB,CAACH,QAAQT,kBAAkB;EAC3Ca,SAASR;EAETS,UAAUH,aAAaX,uBAAuBe,KAAAA;EAC9CC,WAAWb;EACXc,SAASb;EACTc,WAAWC,aAAsB;GAC/BT,cAAc,GAAGV,oBAAoBmB,SAAS,CAAC;EACjD;EACAC,MAAMzB,cAAcM,SAAS;EAG7BoB,yBAAyB;CAC3B,CAAC;AACH;AAEAxB,OAAOyB,SAASpB,gBAAgB;CAC9BL,OAAO0B,IAAI,GAAGrB,SAAQ,kBAAmB;EACvCsB,MAAM1B,MAAM2B;EACZlB,OAAOJ;EACPuB,cAAc/B,cAAca,aAAa;CAC3C,CAAC;AACH,CAAC"}