@spectrum-web-components/overlay 0.31.1-overlay.29 → 0.31.1-react.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/overlay",
-    "version": "0.31.1-overlay.29+93d3f11dd",
+    "version": "0.31.1-react.21+44f0b1df9",
     "publishConfig": {
         "access": "public"
     },
@@ -25,46 +25,19 @@
             "default": "./src/index.js"
         },
         "./package.json": "./package.json",
-        "./src/Overlay.js": {
-            "development": "./src/Overlay.dev.js",
-            "default": "./src/Overlay.js"
-        },
-        "./src/OverlayBase.js": {
-            "development": "./src/OverlayBase.dev.js",
-            "default": "./src/OverlayBase.js"
-        },
-        "./src/OverlayDialog.js": {
-            "development": "./src/OverlayDialog.dev.js",
-            "default": "./src/OverlayDialog.js"
-        },
-        "./src/OverlayNoPopover.js": {
-            "development": "./src/OverlayNoPopover.dev.js",
-            "default": "./src/OverlayNoPopover.js"
-        },
-        "./src/OverlayPopover.js": {
-            "development": "./src/OverlayPopover.dev.js",
-            "default": "./src/OverlayPopover.js"
-        },
-        "./src/OverlayStack.js": {
-            "development": "./src/OverlayStack.dev.js",
-            "default": "./src/OverlayStack.js"
+        "./src/ActiveOverlay.js": {
+            "development": "./src/ActiveOverlay.dev.js",
+            "default": "./src/ActiveOverlay.js"
         },
         "./src/OverlayTrigger.js": {
             "development": "./src/OverlayTrigger.dev.js",
             "default": "./src/OverlayTrigger.js"
         },
-        "./src/PlacementController.js": {
-            "development": "./src/PlacementController.dev.js",
-            "default": "./src/PlacementController.js"
-        },
         "./src/VirtualTrigger.js": {
             "development": "./src/VirtualTrigger.dev.js",
             "default": "./src/VirtualTrigger.js"
         },
-        "./src/fullSizePlugin.js": {
-            "development": "./src/fullSizePlugin.dev.js",
-            "default": "./src/fullSizePlugin.js"
-        },
+        "./src/active-overlay.css.js": "./src/active-overlay.css.js",
         "./src/index.js": {
             "development": "./src/index.dev.js",
             "default": "./src/index.js"
@@ -73,11 +46,14 @@
             "development": "./src/loader.dev.js",
             "default": "./src/loader.js"
         },
-        "./src/overlay-base.css.js": "./src/overlay-base.css.js",
         "./src/overlay-events.js": {
             "development": "./src/overlay-events.dev.js",
             "default": "./src/overlay-events.js"
         },
+        "./src/overlay-stack.js": {
+            "development": "./src/overlay-stack.dev.js",
+            "default": "./src/overlay-stack.js"
+        },
         "./src/overlay-timer.js": {
             "development": "./src/overlay-timer.dev.js",
             "default": "./src/overlay-timer.js"
@@ -87,13 +63,13 @@
             "development": "./src/overlay-types.dev.js",
             "default": "./src/overlay-types.js"
         },
-        "./src/placement.js": {
-            "development": "./src/placement.dev.js",
-            "default": "./src/placement.js"
+        "./src/overlay-utils.js": {
+            "development": "./src/overlay-utils.dev.js",
+            "default": "./src/overlay-utils.js"
         },
-        "./src/topLayerOverTransforms.js": {
-            "development": "./src/topLayerOverTransforms.dev.js",
-            "default": "./src/topLayerOverTransforms.js"
+        "./src/overlay.js": {
+            "development": "./src/overlay.dev.js",
+            "default": "./src/overlay.js"
         },
         "./active-overlay.js": {
             "development": "./active-overlay.dev.js",
@@ -106,10 +82,6 @@
         "./sync/overlay-trigger.js": {
             "development": "./sync/overlay-trigger.dev.js",
             "default": "./sync/overlay-trigger.js"
-        },
-        "./sp-overlay.js": {
-            "development": "./sp-overlay.dev.js",
-            "default": "./sp-overlay.js"
         }
     },
     "scripts": {
@@ -130,21 +102,20 @@
         "lit-html"
     ],
     "dependencies": {
-        "@floating-ui/dom": "1.2.1",
-        "@spectrum-web-components/action-button": "^0.31.1-overlay.29+93d3f11dd",
-        "@spectrum-web-components/base": "^0.31.1-overlay.29+93d3f11dd",
-        "@spectrum-web-components/shared": "^0.31.1-overlay.29+93d3f11dd",
-        "@spectrum-web-components/theme": "^0.31.1-overlay.29+93d3f11dd"
+        "@floating-ui/dom": "^1.2.0",
+        "@spectrum-web-components/action-button": "^0.31.1-react.21+44f0b1df9",
+        "@spectrum-web-components/base": "^0.31.1-react.21+44f0b1df9",
+        "@spectrum-web-components/shared": "^0.31.1-react.21+44f0b1df9",
+        "@spectrum-web-components/theme": "^0.31.1-react.21+44f0b1df9"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./active-overlay.js",
         "./overlay-trigger.js",
-        "./sp-overlay.js",
         "./sync/overlay-trigger.js",
         "./stories/overlay-story-components.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "93d3f11dde0f578bd1ddcf7fbb78b02916fdfbe0"
+    "gitHead": "44f0b1df9e1ea77d9e931629a63918ceee2744c2"
 }

package/src/ActiveOverlay.d.ts

@@ -0,0 +1,84 @@
+import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import type { Color, Scale, ThemeVariant } from '@spectrum-web-components/theme/src/Theme.js';
+import { OverlayOpenDetail, Placement, TriggerInteractions } from './overlay-types.js';
+import type { VirtualTrigger } from './VirtualTrigger.js';
+export interface PositionResult {
+    arrowOffsetLeft: number;
+    arrowOffsetTop: number;
+    maxHeight: number;
+    placement: string;
+    positionLeft: number;
+    positionTop: number;
+}
+declare type OverlayStateType = 'idle' | 'active' | 'hiding' | 'dispose' | 'disposed';
+declare type ContentAnimation = 'sp-overlay-fade-in' | 'sp-overlay-fade-out';
+/**
+ * @element active-overlay
+ *
+ * @slot - content to display in the overlay
+ */
+export declare class ActiveOverlay extends SpectrumElement {
+    overlayContent: HTMLElement;
+    overlayContentTip?: HTMLElement;
+    trigger: HTMLElement;
+    root?: HTMLElement;
+    virtualTrigger?: VirtualTrigger;
+    private cleanup?;
+    protected contentAnimationPromise: Promise<boolean>;
+    protected resolveContentAnimationPromise: () => void;
+    _state: OverlayStateType;
+    get state(): OverlayStateType;
+    set state(state: OverlayStateType);
+    animating: boolean;
+    placement?: Placement;
+    theme: {
+        color?: Color;
+        scale?: Scale;
+        lang?: string;
+        theme?: ThemeVariant;
+    };
+    receivesFocus?: 'auto';
+    tabbingAway: boolean;
+    private originalPlacement?;
+    private restoreContent?;
+    focus(): Promise<void>;
+    private get hasTheme();
+    offset: number;
+    skidding: number;
+    interaction: TriggerInteractions;
+    private positionAnimationFrame;
+    private timeout?;
+    static get styles(): CSSResultArray;
+    constructor();
+    private _modalRoot?;
+    get hasModalRoot(): boolean;
+    feature(): void;
+    obscure(nextOverlayInteraction: TriggerInteractions): ActiveOverlay | undefined;
+    willUpdate(): Promise<void>;
+    openCallback(lifecycleCallback: () => Promise<void> | void): Promise<void>;
+    private open;
+    private extractDetail;
+    dispose(): void;
+    private stealOverlayContent;
+    private willNotifyClosed;
+    private returnOverlayContent;
+    private initialHeight;
+    private isConstrained;
+    placeOverlay(): Promise<void>;
+    updateOverlayPosition: () => void;
+    resetOverlayPosition: () => void;
+    setOverlayPosition: () => Promise<void>;
+    hide(animated?: boolean): Promise<void>;
+    private schedulePositionUpdate;
+    private onSlotChange;
+    handleInlineTriggerKeydown: (event: KeyboardEvent) => void;
+    applyContentAnimation(animation: ContentAnimation): Promise<boolean>;
+    renderTheme(content: TemplateResult): TemplateResult;
+    render(): TemplateResult;
+    static create(details: OverlayOpenDetail): ActiveOverlay;
+    private stealOverlayContentPromise;
+    private stealOverlayContentResolver;
+    protected getUpdateComplete(): Promise<boolean>;
+    disconnectedCallback(): void;
+}
+export {};