@mtngtools/frame-vue 0.0.0-experimental.0

package/dist/components/live/LiveFrame/helpers.test.d.ts

@@ -0,0 +1,865 @@
+import { nextTick } from 'vue';
+import { VueWrapper } from '@vue/test-utils';
+import { LiveBrowserSize, LiveScenarioExpectation, MountAndRunScenariosConfig } from '../spec/test-utils/liveScenarioRunner';
+export declare class ResizeObserverMock {
+    observe(): void;
+    disconnect(): void;
+    unobserve(): void;
+}
+type BorderSide = 'top' | 'right' | 'bottom' | 'left';
+type DiffComparison = 'lt' | 'lte' | 'eq' | 'gte' | 'gt';
+type ExpectedAutoResolvedMode = 'bottom' | 'right' | 'full' | 'minimized';
+type BreakPointScenarioBucket = 'taller-than-auto-bottom' | 'wider-than-auto-right' | 'between-ratios-narrower-than-controls-overlay-only' | 'between-ratios-wider-than-side-panel-breakpoint' | 'between-ratios-between-controls-and-side-panel-breakpoints';
+interface BorderFixtureContext {
+    wrapper: VueWrapper;
+    mainElement: HTMLElement;
+    defaultContent: HTMLElement;
+    /** Present in non-minimized states; null when minimized (slot content not rendered). */
+    sidePanelContent: HTMLElement | null;
+    sidePanelFrame: HTMLElement;
+    sidePanelHeader: HTMLElement;
+}
+export interface SidePanelAvailabilityPayload {
+    availableStates: string[];
+    sidePanelMode: string;
+    sidePanelModeResolved: string;
+    overlayOnly: boolean;
+}
+export interface BreakPointScenarioSize {
+    describeLabel: string;
+    bucket: BreakPointScenarioBucket;
+    size: LiveBrowserSize;
+    expectOverlayOnly: boolean;
+    expectedAutoResolvedMode: ExpectedAutoResolvedMode;
+}
+export interface BorderFixtureAssertion {
+    label: string;
+    run: (ctx: BorderFixtureContext) => void;
+}
+export declare function expectedLocOfContentBorderVSidePanelBorderDiff(contentEdge: BorderSide, sidePanelEdge: BorderSide, comparison: DiffComparison, expected: number, options?: {
+    tolerancePx?: number;
+    label?: string;
+}): BorderFixtureAssertion;
+export declare function expectedLocOfContentBorderVSidePanelFrameDiff(contentEdge: BorderSide, sidePanelEdge: BorderSide, comparison: DiffComparison, expected: number, options?: {
+    tolerancePx?: number;
+    label?: string;
+}): BorderFixtureAssertion;
+export declare function expectBorderFixturesWithAssertions(wrapper: VueWrapper, assertions: BorderFixtureAssertion[], options?: {
+    requireSidePanelContent?: boolean;
+}): void;
+export declare function getLatestAvailabilityPayload(wrapper: VueWrapper): SidePanelAvailabilityPayload;
+/** Wait for component to emit minimized state so layout assertions run after DOM/state have updated (avoids fake-timer race where we read stale payload and no-op). */
+export declare function waitForMinimizedState(wrapper: VueWrapper, maxTicks?: number): Promise<void>;
+/** Assertion for runOncePerResolutionCheck step 3: when minimized, the header expand button (requests 'auto') is visible. */
+export declare function expectHeaderExpandButtonVisibleWhenMinimized(): LiveScenarioExpectation<VueWrapper>;
+export declare function buildBorderVisibilityAndLocationAssertions(): BorderFixtureAssertion[];
+export declare function buildScenarioExpectsFromBorderAssertions(assertions: BorderFixtureAssertion[], options?: {
+    requireSidePanelContent?: boolean;
+}): Array<LiveScenarioExpectation<VueWrapper>>;
+export declare function getControlButton(wrapper: VueWrapper, label: string): import('@vue/test-utils').DOMWrapper<HTMLButtonElement> | undefined;
+export declare function expectButtonsToBeVisible(wrapper: VueWrapper, labels: string[]): void;
+export declare function mountLiveFrame(): VueWrapper<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+        readonly mainContentAspectRatio?: string | number | undefined;
+        readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+        readonly autoRightAspectRatioBreakpoint?: number | undefined;
+        readonly sidePanelBreakpoint?: string | undefined;
+        readonly controlsOverlayOnly?: string | undefined;
+        readonly autoHideTimeout?: number | undefined;
+        readonly layoutDebounceMs?: number | undefined;
+        readonly sidePanelMinRight?: string | undefined;
+        readonly sidePanelMaxRight?: string | undefined;
+        readonly sidePanelMaxRightWide?: string | undefined;
+        readonly sidePanelMinBottom?: string | undefined;
+        readonly sidePanelMaxBottom?: string | undefined;
+        readonly sidePanelMaxBottomTall?: string | undefined;
+        readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        readonly onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    } & {
+        rootRef: HTMLElement;
+        headerRef: HTMLElement;
+        defaultRef: HTMLElement;
+    };
+    $slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    $root: import('vue').ComponentPublicInstance | null;
+    $parent: import('vue').ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
+        width: number;
+        height: number;
+    }) => void);
+    $el: HTMLElement;
+    $options: import('vue').ComponentOptionsBase<Readonly<{
+        sidePanelPosition?: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio?: string | number;
+        autoBottomAspectRatioBreakpoint?: number;
+        autoRightAspectRatioBreakpoint?: number;
+        sidePanelBreakpoint?: string;
+        controlsOverlayOnly?: string;
+        autoHideTimeout?: number;
+        layoutDebounceMs?: number;
+        sidePanelMinRight?: string;
+        sidePanelMaxRight?: string;
+        sidePanelMaxRightWide?: string;
+        sidePanelMinBottom?: string;
+        sidePanelMaxBottom?: string;
+        sidePanelMaxBottomTall?: string;
+    }> & Readonly<{
+        "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
+        sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
+        sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
+        defaultSlotResize: (payload: {
+            width: number;
+            height: number;
+        }) => any;
+    }, string, {
+        sidePanelPosition: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio: string | number;
+        autoBottomAspectRatioBreakpoint: number;
+        autoRightAspectRatioBreakpoint: number;
+        sidePanelBreakpoint: string;
+        controlsOverlayOnly: string;
+        autoHideTimeout: number;
+        layoutDebounceMs: number;
+        sidePanelMinRight: string;
+        sidePanelMaxRight: string;
+        sidePanelMaxRightWide: string;
+        sidePanelMinBottom: string;
+        sidePanelMaxBottom: string;
+        sidePanelMaxBottomTall: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+} & Readonly<{
+    sidePanelPosition: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio: string | number;
+    autoBottomAspectRatioBreakpoint: number;
+    autoRightAspectRatioBreakpoint: number;
+    sidePanelBreakpoint: string;
+    controlsOverlayOnly: string;
+    autoHideTimeout: number;
+    layoutDebounceMs: number;
+    sidePanelMinRight: string;
+    sidePanelMaxRight: string;
+    sidePanelMaxRightWide: string;
+    sidePanelMinBottom: string;
+    sidePanelMaxBottom: string;
+    sidePanelMaxBottomTall: string;
+}> & Omit<Readonly<{
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+}> & Readonly<{
+    "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        sidePanelContent?(_: {}): any;
+    };
+}, import('vue').ComponentPublicInstance<NonNullable<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, {
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+        readonly mainContentAspectRatio?: string | number | undefined;
+        readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+        readonly autoRightAspectRatioBreakpoint?: number | undefined;
+        readonly sidePanelBreakpoint?: string | undefined;
+        readonly controlsOverlayOnly?: string | undefined;
+        readonly autoHideTimeout?: number | undefined;
+        readonly layoutDebounceMs?: number | undefined;
+        readonly sidePanelMinRight?: string | undefined;
+        readonly sidePanelMaxRight?: string | undefined;
+        readonly sidePanelMaxRightWide?: string | undefined;
+        readonly sidePanelMinBottom?: string | undefined;
+        readonly sidePanelMaxBottom?: string | undefined;
+        readonly sidePanelMaxBottomTall?: string | undefined;
+        readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        readonly onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    } & {
+        rootRef: HTMLElement;
+        headerRef: HTMLElement;
+        defaultRef: HTMLElement;
+    };
+    $slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    $root: import('vue').ComponentPublicInstance | null;
+    $parent: import('vue').ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
+        width: number;
+        height: number;
+    }) => void);
+    $el: HTMLElement;
+    $options: import('vue').ComponentOptionsBase<Readonly<{
+        sidePanelPosition?: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio?: string | number;
+        autoBottomAspectRatioBreakpoint?: number;
+        autoRightAspectRatioBreakpoint?: number;
+        sidePanelBreakpoint?: string;
+        controlsOverlayOnly?: string;
+        autoHideTimeout?: number;
+        layoutDebounceMs?: number;
+        sidePanelMinRight?: string;
+        sidePanelMaxRight?: string;
+        sidePanelMaxRightWide?: string;
+        sidePanelMinBottom?: string;
+        sidePanelMaxBottom?: string;
+        sidePanelMaxBottomTall?: string;
+    }> & Readonly<{
+        "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
+        sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
+        sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
+        defaultSlotResize: (payload: {
+            width: number;
+            height: number;
+        }) => any;
+    }, string, {
+        sidePanelPosition: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio: string | number;
+        autoBottomAspectRatioBreakpoint: number;
+        autoRightAspectRatioBreakpoint: number;
+        sidePanelBreakpoint: string;
+        controlsOverlayOnly: string;
+        autoHideTimeout: number;
+        layoutDebounceMs: number;
+        sidePanelMinRight: string;
+        sidePanelMaxRight: string;
+        sidePanelMaxRightWide: string;
+        sidePanelMinBottom: string;
+        sidePanelMaxBottom: string;
+        sidePanelMaxBottomTall: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+} & Readonly<{
+    sidePanelPosition: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio: string | number;
+    autoBottomAspectRatioBreakpoint: number;
+    autoRightAspectRatioBreakpoint: number;
+    sidePanelBreakpoint: string;
+    controlsOverlayOnly: string;
+    autoHideTimeout: number;
+    layoutDebounceMs: number;
+    sidePanelMinRight: string;
+    sidePanelMaxRight: string;
+    sidePanelMaxRightWide: string;
+    sidePanelMinBottom: string;
+    sidePanelMaxBottom: string;
+    sidePanelMaxBottomTall: string;
+}> & Omit<Readonly<{
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+}> & Readonly<{
+    "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        sidePanelContent?(_: {}): any;
+    };
+} & Omit<NonNullable<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps | keyof {
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+} | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
+export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+        readonly mainContentAspectRatio?: string | number | undefined;
+        readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+        readonly autoRightAspectRatioBreakpoint?: number | undefined;
+        readonly sidePanelBreakpoint?: string | undefined;
+        readonly controlsOverlayOnly?: string | undefined;
+        readonly autoHideTimeout?: number | undefined;
+        readonly layoutDebounceMs?: number | undefined;
+        readonly sidePanelMinRight?: string | undefined;
+        readonly sidePanelMaxRight?: string | undefined;
+        readonly sidePanelMaxRightWide?: string | undefined;
+        readonly sidePanelMinBottom?: string | undefined;
+        readonly sidePanelMaxBottom?: string | undefined;
+        readonly sidePanelMaxBottomTall?: string | undefined;
+        readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        readonly onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    } & {
+        rootRef: HTMLElement;
+        headerRef: HTMLElement;
+        defaultRef: HTMLElement;
+    };
+    $slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    $root: import('vue').ComponentPublicInstance | null;
+    $parent: import('vue').ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
+        width: number;
+        height: number;
+    }) => void);
+    $el: HTMLElement;
+    $options: import('vue').ComponentOptionsBase<Readonly<{
+        sidePanelPosition?: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio?: string | number;
+        autoBottomAspectRatioBreakpoint?: number;
+        autoRightAspectRatioBreakpoint?: number;
+        sidePanelBreakpoint?: string;
+        controlsOverlayOnly?: string;
+        autoHideTimeout?: number;
+        layoutDebounceMs?: number;
+        sidePanelMinRight?: string;
+        sidePanelMaxRight?: string;
+        sidePanelMaxRightWide?: string;
+        sidePanelMinBottom?: string;
+        sidePanelMaxBottom?: string;
+        sidePanelMaxBottomTall?: string;
+    }> & Readonly<{
+        "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
+        sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
+        sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
+        defaultSlotResize: (payload: {
+            width: number;
+            height: number;
+        }) => any;
+    }, string, {
+        sidePanelPosition: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio: string | number;
+        autoBottomAspectRatioBreakpoint: number;
+        autoRightAspectRatioBreakpoint: number;
+        sidePanelBreakpoint: string;
+        controlsOverlayOnly: string;
+        autoHideTimeout: number;
+        layoutDebounceMs: number;
+        sidePanelMinRight: string;
+        sidePanelMaxRight: string;
+        sidePanelMaxRightWide: string;
+        sidePanelMinBottom: string;
+        sidePanelMaxBottom: string;
+        sidePanelMaxBottomTall: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+} & Readonly<{
+    sidePanelPosition: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio: string | number;
+    autoBottomAspectRatioBreakpoint: number;
+    autoRightAspectRatioBreakpoint: number;
+    sidePanelBreakpoint: string;
+    controlsOverlayOnly: string;
+    autoHideTimeout: number;
+    layoutDebounceMs: number;
+    sidePanelMinRight: string;
+    sidePanelMaxRight: string;
+    sidePanelMaxRightWide: string;
+    sidePanelMinBottom: string;
+    sidePanelMaxBottom: string;
+    sidePanelMaxBottomTall: string;
+}> & Omit<Readonly<{
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+}> & Readonly<{
+    "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        sidePanelContent?(_: {}): any;
+    };
+}, import('vue').ComponentPublicInstance<NonNullable<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, {
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+        readonly mainContentAspectRatio?: string | number | undefined;
+        readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+        readonly autoRightAspectRatioBreakpoint?: number | undefined;
+        readonly sidePanelBreakpoint?: string | undefined;
+        readonly controlsOverlayOnly?: string | undefined;
+        readonly autoHideTimeout?: number | undefined;
+        readonly layoutDebounceMs?: number | undefined;
+        readonly sidePanelMinRight?: string | undefined;
+        readonly sidePanelMaxRight?: string | undefined;
+        readonly sidePanelMaxRightWide?: string | undefined;
+        readonly sidePanelMinBottom?: string | undefined;
+        readonly sidePanelMaxBottom?: string | undefined;
+        readonly sidePanelMaxBottomTall?: string | undefined;
+        readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        readonly onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    } & {
+        rootRef: HTMLElement;
+        headerRef: HTMLElement;
+        defaultRef: HTMLElement;
+    };
+    $slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    $root: import('vue').ComponentPublicInstance | null;
+    $parent: import('vue').ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
+        width: number;
+        height: number;
+    }) => void);
+    $el: HTMLElement;
+    $options: import('vue').ComponentOptionsBase<Readonly<{
+        sidePanelPosition?: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio?: string | number;
+        autoBottomAspectRatioBreakpoint?: number;
+        autoRightAspectRatioBreakpoint?: number;
+        sidePanelBreakpoint?: string;
+        controlsOverlayOnly?: string;
+        autoHideTimeout?: number;
+        layoutDebounceMs?: number;
+        sidePanelMinRight?: string;
+        sidePanelMaxRight?: string;
+        sidePanelMaxRightWide?: string;
+        sidePanelMinBottom?: string;
+        sidePanelMaxBottom?: string;
+        sidePanelMaxBottomTall?: string;
+    }> & Readonly<{
+        "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+        onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+        onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+        onDefaultSlotResize?: ((payload: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
+        sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
+        sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
+        defaultSlotResize: (payload: {
+            width: number;
+            height: number;
+        }) => any;
+    }, string, {
+        sidePanelPosition: import('..').SidePanelModeSelectable;
+        mainContentAspectRatio: string | number;
+        autoBottomAspectRatioBreakpoint: number;
+        autoRightAspectRatioBreakpoint: number;
+        sidePanelBreakpoint: string;
+        controlsOverlayOnly: string;
+        autoHideTimeout: number;
+        layoutDebounceMs: number;
+        sidePanelMinRight: string;
+        sidePanelMaxRight: string;
+        sidePanelMaxRightWide: string;
+        sidePanelMinBottom: string;
+        sidePanelMaxBottom: string;
+        sidePanelMaxBottomTall: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+} & Readonly<{
+    sidePanelPosition: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio: string | number;
+    autoBottomAspectRatioBreakpoint: number;
+    autoRightAspectRatioBreakpoint: number;
+    sidePanelBreakpoint: string;
+    controlsOverlayOnly: string;
+    autoHideTimeout: number;
+    layoutDebounceMs: number;
+    sidePanelMinRight: string;
+    sidePanelMaxRight: string;
+    sidePanelMaxRightWide: string;
+    sidePanelMinBottom: string;
+    sidePanelMaxBottom: string;
+    sidePanelMaxBottomTall: string;
+}> & Omit<Readonly<{
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+}> & Readonly<{
+    "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        sidePanelContent?(_: {}): any;
+    };
+} & Omit<NonNullable<{
+    readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
+    readonly mainContentAspectRatio?: string | number | undefined;
+    readonly autoBottomAspectRatioBreakpoint?: number | undefined;
+    readonly autoRightAspectRatioBreakpoint?: number | undefined;
+    readonly sidePanelBreakpoint?: string | undefined;
+    readonly controlsOverlayOnly?: string | undefined;
+    readonly autoHideTimeout?: number | undefined;
+    readonly layoutDebounceMs?: number | undefined;
+    readonly sidePanelMinRight?: string | undefined;
+    readonly sidePanelMaxRight?: string | undefined;
+    readonly sidePanelMaxRightWide?: string | undefined;
+    readonly sidePanelMinBottom?: string | undefined;
+    readonly sidePanelMaxBottom?: string | undefined;
+    readonly sidePanelMaxBottomTall?: string | undefined;
+    readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
+    readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
+    readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
+    readonly onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps | keyof {
+    sidePanelPosition?: import('..').SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+} | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
+export declare function setSizeClickButtonExpectToSeeButtons(describeLabel: string, size: LiveBrowserSize, controlButtonType: string, expectedButtons: string[]): MountAndRunScenariosConfig<VueWrapper>;
+/** Label of the frame header expand (auto) button when minimized (SidePanelHeader default title). */
+export declare const SIDE_PANEL_HEADER_EXPAND_BUTTON_LABEL = "Submit Questions";
+/**
+ * Builds a single per-resolution config that runs the full sequence (spec steps 1–7):
+ * 1 Load at size, 2 additional assertions, 3 header expand visible when minimized (in Close step),
+ * 4 initial border (all border tests), 5 initialExpectedButtons visible (frame header auto only), 6–7 for each button click then border.
+ * First scenario has no optionButtonClick (mount behavior).
+ */
+export declare function runOncePerResolutionCheck(sizeCase: BreakPointScenarioSize, additionalAssertions: Array<LiveScenarioExpectation<VueWrapper>>, borderExpects: Array<LiveScenarioExpectation<VueWrapper>>, initialExpectedButtons: string[], expectedButtons: string[]): MountAndRunScenariosConfig<VueWrapper>;
+export declare function runBreakPointScenarioSequences(buildConfigsForSize: (sizeCase: BreakPointScenarioSize) => Array<MountAndRunScenariosConfig<VueWrapper>>): void;
+export {};
+//# sourceMappingURL=helpers.test.d.ts.map