@floegence/redevplugin-ui 0.6.13 → 0.6.14

package/dist/surface.js

@@ -3521,7 +3521,7 @@ export class PluginSurfaceSlot {
         });
         this.#adoptOpening(lease);
         this.#opening = host;
-        setSurfaceInteractive(host.element, false);
+        setSurfacePresentation(host.element, "opening");
         this.element.append(host.element);
         try {
             await this.#openHostUntilCancelled(host, controller, lease);
@@ -3532,7 +3532,7 @@ export class PluginSurfaceSlot {
             }
             this.#opening = undefined;
             this.#active = host;
-            setSurfaceInteractive(host.element, true);
+            setSurfacePresentation(host.element, "ready");
             this.#setState("ready");
             return host;
         }
@@ -3602,7 +3602,7 @@ export class PluginSurfaceSlot {
         if (existing)
             return existing;
         this.#pendingRetirements.add(host);
-        setSurfaceInteractive(host.element, false);
+        setSurfacePresentation(host.element, "retiring");
         const closing = Promise.resolve().then(async () => {
             try {
                 const result = await host.close();
@@ -3706,10 +3706,13 @@ export class PluginSurfaceSlot {
             throw new PluginBridgeError("PLUGIN_BRIDGE_DISPOSED", "Plugin surface slot is disposed");
     }
 }
-function setSurfaceInteractive(element, interactive) {
-    element.hidden = !interactive;
-    element.inert = !interactive;
-    element.setAttribute("aria-hidden", interactive ? "false" : "true");
+function setSurfacePresentation(element, state) {
+    const ready = state === "ready";
+    element.hidden = state === "retiring";
+    element.inert = !ready;
+    element.setAttribute("aria-hidden", ready ? "false" : "true");
+    element.style.visibility = state === "opening" ? "hidden" : "";
+    element.style.pointerEvents = ready ? "" : "none";
 }
 function isSurfaceInteractionMessage(value) {
     if (!hasExactKeys(value, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/redevplugin-ui",
-  "version": "0.6.13",
+  "version": "0.6.14",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -32,7 +32,7 @@
     "dist"
   ],
   "dependencies": {
-    "@floegence/redevplugin-contracts": "0.6.13"
+    "@floegence/redevplugin-contracts": "0.6.14"
   },
   "publishConfig": {
     "access": "public"