@univerjs-pro/embed-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/types/common/embed-float-interaction-policy.d.ts

@@ -1,11 +1,9 @@
 import type { EmbedFloatingStage, EmbedInteractionFlow } from '../types/embed-ui';
 export interface IEmbedFloatInteractionPolicy {
     allowHostBodyDrag: boolean;
-    allowHostDragHandle: boolean;
     disableLiveHostPointerEvents: boolean;
     passThroughInteractionGate: boolean;
     runtimeOwnsInteraction: boolean;
-    showHostDragHandle: boolean;
 }
 export declare function resolveEmbedFloatInteractionPolicy(params: {
     stage: EmbedFloatingStage;

package/lib/types/common/embed-overlay-layers.d.ts

@@ -0,0 +1,4 @@
+/** Embed chrome sits above the embedded block while remaining below product overlays. */
+export declare const EMBED_CHROME_Z_INDEX = 800;
+/** Fullscreen covers other embed chrome while remaining below product overlays. */
+export declare const EMBED_FULLSCREEN_Z_INDEX = 810;

package/lib/types/components/EmbedFloatDomRenderer.d.ts

@@ -1,6 +1,9 @@
+import type { IDisposable } from '@univerjs/core';
 import type { Observable } from 'rxjs';
 import type { EmbedFloatingStage, EmbedInteractionFlow, IEmbedChildContainerContext } from '../types/embed-ui';
 import { UniverInstanceType } from '@univerjs/core';
+import { ILayoutService } from '@univerjs/ui';
+import { EmbedRuntimeFocusCoordinator } from '../services/embed-runtime-focus-coordinator.service';
 export declare const EMBED_FLOAT_DRAG_HANDLE_POINTER_DOWN_EVENT = "univer:embed-float-drag-handle:pointerdown";
 export interface IEmbedFloatDragHandlePointerDownDetail {
     embedId: string;
@@ -52,10 +55,14 @@ export declare function EmbedFloatDomRenderer(props: {
     resolveHostWheelGestureRoot?: (container: HTMLElement) => HTMLElement | null | undefined;
     isExternalHostInteraction?: (event: PointerEvent) => boolean;
 }): import("react").JSX.Element;
+export declare function resetEmbedChromeLayoutStyles(chrome: HTMLElement): void;
+export declare function isPointInsideFloatBlock(container: HTMLElement, event: MouseEvent): boolean;
 export declare function syncRuntimeInteractionVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, _stage: 'inactive' | 'stage1' | 'stage2'): void;
-export declare function syncChromeControlsVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, dragHandleVisible: boolean, stage: 'inactive' | 'stage1' | 'stage2'): void;
+export declare function syncChromeControlsVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, stage: 'inactive' | 'stage1' | 'stage2'): void;
 export declare function syncDocsSheetLikeChromePageArea(chrome: HTMLElement, chromeRect: DOMRect, pageRect: DOMRect): void;
 export declare function resolveChromeAnchorRect(container: HTMLElement): DOMRect;
+export declare function shouldRouteUnhandledWheelToHost(event: WheelEvent): boolean;
+export declare function registerEmbedStage2LayoutContainers(layoutService: Pick<ILayoutService, 'checkElementInCurrentContainers' | 'registerContainerElement'>, focusCoordinator: Pick<EmbedRuntimeFocusCoordinator, 'listElements' | 'runtimeFocusChanged$'>, embedId: string | undefined, container: HTMLElement | null, stage: EmbedFloatingStage): IDisposable | undefined;
 export declare function shouldAcquireOwnedInteractionPointerLease(options: {
     stage: EmbedFloatingStage;
     target: EventTarget | null;

package/lib/types/components/EmbedRuntimeProviders.d.ts

@@ -7,3 +7,4 @@ export interface IEmbedRuntimeProvidersProps {
     embedId?: string;
 }
 export declare function EmbedRuntimeProviders(props: IEmbedRuntimeProvidersProps): import("react").JSX.Element;
+export declare function focusEmbedRuntimePointerTarget(embedId: string, runtimeProvider: HTMLElement, target: EventTarget | null): void;

package/lib/types/products/bases/EmbedChildView.d.ts

@@ -1,13 +1,16 @@
 import type { IUniverBaseUIConfig } from '@univerjs-pro/bases-ui';
+import type { EmbedDisplayTarget, IEmbedBaseDisplayTarget } from '@univerjs-pro/embed';
 import type { BaseDataModel, Injector } from '@univerjs/core';
 import type { IEmbedChildContainerContext, IEmbedChildViewContribution } from '../../types/embed-ui';
 import { BaseEditorService, BaseUIPopupService, BaseUIStateService, IBaseUIPopupService, IBaseViewWheelScrollService } from '@univerjs-pro/bases-ui';
+import { ICommandService } from '@univerjs/core';
 export type BaseEmbedChromeMode = 'workbench' | 'content-only' | 'fullscreen';
-export declare function createBasesEmbedChildViewContribution(): IEmbedChildViewContribution;
+export declare function createBasesEmbedChildViewContribution(commandService: ICommandService): IEmbedChildViewContribution;
 export declare function isBaseCanvasRootReady(canvasRoot: HTMLElement | null): canvasRoot is HTMLElement;
 export declare function shouldActivateBasesEmbedRender(_context: Pick<IEmbedChildContainerContext, 'renderScope'>): boolean;
 export declare function createBasesEmbedChildUnitScopedInjector(context: IEmbedChildContainerContext, baseStateService: BaseUIStateService, basePopupService: IBaseUIPopupService, baseEditorService: BaseEditorService): Injector | undefined;
-export declare function initializeBasesEmbedState(stateService: BaseUIStateService, childUnit: BaseDataModel, chromeMode?: BaseEmbedChromeMode): void;
+export declare function initializeBasesEmbedState(stateService: BaseUIStateService, childUnit: BaseDataModel, chromeMode?: BaseEmbedChromeMode, displayTarget?: EmbedDisplayTarget): void;
+export declare function resolveBasesDisplayTarget(childUnit: BaseDataModel, displayTarget?: EmbedDisplayTarget): IEmbedBaseDisplayTarget;
 export declare function resolveBasesEmbedChromeMode(context: Pick<IEmbedChildContainerContext, 'renderScope'>): BaseEmbedChromeMode;
 export declare function createBasesEmbedScopedInjector(rootInjector: Injector, childScopedInjector: Injector, baseStateService: BaseUIStateService, basePopupService?: BaseUIPopupService, baseEditorService?: BaseEditorService, chromeMode?: BaseEmbedChromeMode, baseWheelScrollService?: IBaseViewWheelScrollService, readOnly?: boolean, globalPortalContainer?: HTMLElement | null): Injector;
 export declare function resolveEmbeddedBaseUIConfig(baseConfig: IUniverBaseUIConfig, chromeMode?: BaseEmbedChromeMode): IUniverBaseUIConfig;

package/lib/types/products/docs/EmbedDocsCustomBlockRenderer.d.ts

@@ -26,13 +26,7 @@ export declare function createDocsTableLikeCustomBlockStage2WheelHandler(options
 export declare function resolveDocsTableLikeCustomBlockRuntimeContentHeight(authoritativeContentHeight: number | undefined): number;
 export declare function resolveDocsCustomBlockRuntimeViewportHeight(params: {
     contentHeight: number;
-    sheetLike: boolean;
     viewportHeight?: number;
 }): number;
-export declare function resolveDocsCustomBlockRuntimeOuterHeight(params: {
-    contentHeight: number;
-    menuInsetTop: number;
-    sheetLike: boolean;
-}): number;
 export declare function resolveDocsTableLikeCustomBlockRuntimeContentWidth(authoritativeContentWidth: number | undefined, measureFallback: () => number): number;
 export declare function shouldSyncDocsTableLikeCustomBlockBleedOnScroll(root: HTMLElement, target: EventTarget | null): boolean;

package/lib/types/products/docs/docs-custom-block-layout.d.ts

@@ -0,0 +1,5 @@
+export declare const DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP = 52;
+export declare function resolveDocsCustomBlockLayoutHeight(params: {
+    contentHeight: number;
+    tableLike: boolean;
+}): number;

package/lib/types/products/sheets/EmbedBlock.d.ts

@@ -1,6 +1,9 @@
+import type { EmbedDisplayTarget } from '@univerjs-pro/embed';
+import type { ICommandService, Workbook } from '@univerjs/core';
 import type { IEmbedBlockContribution, IEmbedChildContainerContext, IEmbedChildViewContribution } from '../../types/embed-ui';
 export declare function createSheetsEmbedBlockContribution(): IEmbedBlockContribution;
-export declare function createSheetsEmbedChildViewContribution(): IEmbedChildViewContribution;
+export declare function createSheetsEmbedChildViewContribution(commandService: ICommandService): IEmbedChildViewContribution;
+export declare function applySheetDisplayTarget(workbook: Workbook, target: EmbedDisplayTarget | undefined): void;
 export declare function shouldShowEmbeddedSheetChrome(context: Pick<IEmbedChildContainerContext, 'renderScope'>): boolean;
 export declare function applyEmbeddedSheetChromeInset(canvasRoot: HTMLElement, chrome: {
     formulaBar: boolean;

package/lib/types/products/sheets/register.d.ts

@@ -1,5 +1,5 @@
-import type { Injector } from '@univerjs/core';
 import { EmbedModelService } from '@univerjs-pro/embed';
+import { type Injector } from '@univerjs/core';
 import { ISheetEmbedRuntimeService } from '@univerjs/sheets-ui';
 import { CanvasFloatDomPreviewService } from '@univerjs/ui';
 import { Subscription } from 'rxjs';

package/lib/types/products/slides/EmbedChildView.d.ts

@@ -1,3 +1,7 @@
+import type { EmbedDisplayTarget } from '@univerjs-pro/embed';
+import type { SlideModel } from '@univerjs-pro/slides';
 import type { IEmbedChildContainerContext, IEmbedChildViewContribution } from '../../types/embed-ui';
-export declare function createSlidesEmbedChildViewContribution(): IEmbedChildViewContribution;
+import { type ICommandService } from '@univerjs/core';
+export declare function createSlidesEmbedChildViewContribution(commandService: ICommandService): IEmbedChildViewContribution;
+export declare function applySlideDisplayTarget(slide: SlideModel, target: EmbedDisplayTarget | undefined): void;
 export declare function shouldUseSlideEmbedFloatingPreview(context: Pick<IEmbedChildContainerContext, 'layout' | 'renderScope'>): boolean;

package/lib/types/services/embed-activation.service.d.ts

@@ -1,7 +1,7 @@
 import type { IEmbedDescriptor } from '@univerjs-pro/embed';
 import type { IEmbedHostMenuOverride } from '../types/embed-ui';
 import { EmbedFocusOwnerService, EmbedHostAdapterRegistryService } from '@univerjs-pro/embed';
-import { IContextService, IUniverInstanceService } from '@univerjs/core';
+import { Disposable, IContextService, IUniverInstanceService } from '@univerjs/core';
 import { ILayoutService } from '@univerjs/ui';
 import { EmbedBlockRegistryService } from './embed-block-registry.service';
 import { EmbedFloatingActiveService } from './embed-floating-active.service';
@@ -10,7 +10,7 @@ import { EmbedMountService } from './embed-mount.service';
 export interface IEmbedFloatingActivationOptions {
     portalContainer?: HTMLElement | null;
 }
-export declare class EmbedActivationService {
+export declare class EmbedActivationService extends Disposable {
     private readonly _univerInstanceService;
     private readonly _focusOwnerService;
     private readonly _hostAdapterRegistry;
@@ -21,7 +21,6 @@ export declare class EmbedActivationService {
     private readonly _contextService;
     private readonly _layoutService;
     private readonly _previousChildCurrentUnits;
-    private readonly _floatingHostFocusRestorers;
     constructor(_univerInstanceService: IUniverInstanceService, _focusOwnerService: EmbedFocusOwnerService, _hostAdapterRegistry: EmbedHostAdapterRegistryService, _menuOverrideService: EmbedHostMenuOverrideService, _mountService: EmbedMountService, _blockRegistry: EmbedBlockRegistryService, _floatingActiveService: EmbedFloatingActiveService, _contextService: IContextService, _layoutService: ILayoutService);
     activateTab(descriptor: IEmbedDescriptor): IEmbedHostMenuOverride | null;
     activateFloating(descriptor: IEmbedDescriptor, stage?: 'stage1' | 'stage2', _options?: IEmbedFloatingActivationOptions): void;
@@ -36,9 +35,9 @@ export declare class EmbedActivationService {
     private _hasUnit;
     private _findFallbackUnitId;
     private _focusUnit;
+    private _restoreStage2ChildFocusWhenHostRefocuses;
+    private _scheduleFloatingChildFocus;
     private _setCurrentUnitForType;
     private _focusLayout;
-    private _preserveHostGlobalFocusForFloating;
-    private _releaseFloatingHostFocusRestorers;
     private _assertResolvedChild;
 }

package/lib/types/services/embed-display-target-sync.d.ts

@@ -0,0 +1,6 @@
+import type { IEmbedChildContainerContext } from '../types/embed-ui';
+import { type EmbedDisplayTarget } from '@univerjs-pro/embed';
+import { type ICommandService, type IDisposable } from '@univerjs/core';
+type ApplyEmbedDisplayTarget = (target: EmbedDisplayTarget | undefined) => void;
+export declare function registerEmbedDisplayTargetSync(context: Pick<IEmbedChildContainerContext, 'descriptor' | 'embedId' | 'hostUnitId'>, commandService: ICommandService, applyTarget: ApplyEmbedDisplayTarget): IDisposable;
+export {};

package/lib/types/services/embed-floating-menu-root.d.ts

@@ -1,2 +1,6 @@
 import type { IEmbedFloatingMenuMountContext } from '../types/embed-ui';
-export declare function resolveEmbedFloatingMenuRoot(context: Pick<IEmbedFloatingMenuMountContext, 'renderScope' | 'runtimeScope'>): HTMLElement;
+export declare function resolveEmbedFloatingMenuRoot(context: Pick<IEmbedFloatingMenuMountContext, 'embedId' | 'renderScope' | 'runtimeScope'>): HTMLElement;
+export declare function createEmbedFloatingMenuContainer(context: IEmbedFloatingMenuMountContext): {
+    root: HTMLElement;
+    menu: HTMLDivElement;
+};

package/lib/types/services/embed-runtime-focus-coordinator.service.d.ts

@@ -50,6 +50,7 @@ export declare class EmbedRuntimeFocusCoordinator {
     isChildUnitRuntimeEvent(unitId: string | undefined, target: EventTarget | null | undefined, event?: Event): boolean;
     shouldSuppressHostInteraction(unitId: string | undefined, target?: EventTarget | null, event?: Event, options?: IEmbedRuntimeFocusLeaseQueryOptions): boolean;
     registerElement(options: IEmbedRuntimeFocusElementRegistration): IDisposable;
+    listElements(embedId: string | undefined): HTMLElement[];
     containsElement(embedId: string | undefined, target: EventTarget | null | undefined, event?: Event): boolean;
     private _containsRegisteredElement;
     private _isBlockingLease;

package/lib/types/services/embed-runtime-scope-dom.d.ts

@@ -1,9 +1,10 @@
 import type { UniverInstanceType } from '@univerjs/core';
+import { EMBED_CHILD_UNIT_ID_ATTRIBUTE } from '@univerjs/ui';
 export declare const EMBED_FLOAT_DOM_ATTRIBUTE = "data-embed-float-dom";
 export declare const EMBED_ID_ATTRIBUTE = "data-embed-id";
 export declare const EMBED_HOST_UNIT_ID_ATTRIBUTE = "data-embed-host-unit-id";
-export declare const EMBED_CHILD_UNIT_ID_ATTRIBUTE = "data-embed-child-unit-id";
 export declare const EMBED_CHILD_TYPE_ATTRIBUTE = "data-embed-child-type";
+export { EMBED_CHILD_UNIT_ID_ATTRIBUTE };
 export interface IEmbedRuntimeDomScope {
     embedId: string;
     hostUnitId?: string;

package/lib/types/types/embed-ui.d.ts

@@ -92,6 +92,7 @@ export interface IEmbedHostContainerContribution {
 export interface IEmbedChildViewContribution {
     childType: UniverInstanceType;
     supportedLayouts: EmbedLayout[];
+    canvasRootClassName?: string;
     beforeDeactivate?: (context: IEmbedChildContainerContext) => void;
     mount?: (context: IEmbedChildContainerContext) => IDisposable | void;
 }