omnius 1.0.892 → 1.0.894

package/dist/tui/native/worker.js

@@ -2405,6 +2405,7 @@ var NativeCornerFrame = class {
   started = false;
   painted = false;
   geometry = "";
+  closingDecoration;
   reduced = process.env["OMNIUS_TUI_REDUCE_MOTION"] === "1" || process.env["REDUCE_MOTION"] === "1";
   get animating() {
     return !this.disposed && (this.phase === "opening" || this.phase === "closing");
@@ -2413,7 +2414,7 @@ var NativeCornerFrame = class {
     return this.phase === "closing" || this.phase === "closed";
   }
   get bounds() {
-    return this.chrome;
+    return this.closingDecoration?.bounds ?? this.chrome;
   }
   setColors(colors) {
     this.colors = colors;
@@ -2427,6 +2428,18 @@ var NativeCornerFrame = class {
     }
   };
   layout() {
+    if (this.closingDecoration && !this.disposed) {
+      const target2 = this.closingDecoration.target;
+      const width2 = Math.round(Math.min(5, target2.width) + (target2.width - Math.min(5, target2.width)) * this.progress);
+      const height2 = Math.round(Math.min(3, target2.height) + (target2.height - Math.min(3, target2.height)) * this.progress);
+      const x = target2.x + Math.floor((target2.width - width2) / 2), y = target2.y + Math.floor((target2.height - height2) / 2);
+      const geometry2 = `closing:${x}:${y}:${width2}:${height2}`;
+      if (this.geometry === geometry2) return;
+      this.geometry = geometry2;
+      this.closingDecoration.bounds = { x, y, width: width2, height: height2 };
+      this.renderer.requestRender();
+      return;
+    }
     if (this.disposed || this.panel.width < 1 || this.panel.height < 1) return;
     const target = this.panel;
     const width = Math.round(Math.min(5, target.width) + (target.width - Math.min(5, target.width)) * this.progress);
@@ -2466,10 +2479,19 @@ var NativeCornerFrame = class {
     };
     this.timer = setTimeout(advance, 16);
   }
-  close(done) {
+  paintClosingDecoration = (buffer) => {
+    if (this.closingDecoration && !this.disposed) drawCornerFrame(buffer, this.closingDecoration.bounds, this.colors, this.progress);
+  };
+  close(done, releaseInput = false) {
     if (this.closing || this.disposed) return;
     this.phase = "closing";
     this.panel.opacity = 0;
+    if (releaseInput && !this.reduced) {
+      const { x, y, width, height } = this.panel;
+      const { x: cornerX, y: cornerY, width: cornerWidth, height: cornerHeight } = this.bounds;
+      this.closingDecoration = { target: { x, y, width, height }, bounds: { x: cornerX, y: cornerY, width: cornerWidth, height: cornerHeight } };
+      this.renderer.addPostProcessFn(this.paintClosingDecoration);
+    }
     if (this.reduced) {
       this.phase = "closed";
       done();
@@ -2482,6 +2504,7 @@ var NativeCornerFrame = class {
     this.timer = void 0;
     this.panel.off(RenderableEvents2.DESTROYED, this.destroy);
     this.renderer.off(CliRenderEvents2.FRAME, this.onFrame);
+    this.renderer.removePostProcessFn(this.paintClosingDecoration);
     this.chrome.destroyRecursively();
   };
 };
@@ -3279,6 +3302,7 @@ var NativeModalStack = class {
   restoreFocus;
   views = [];
   byId = /* @__PURE__ */ new Map();
+  retiring = /* @__PURE__ */ new Map();
   pendingMedia = /* @__PURE__ */ new Set();
   trackMedia(promises) {
     for (const promise of promises) {
@@ -3308,6 +3332,8 @@ var NativeModalStack = class {
       existing.focus();
       return;
     }
+    this.retiring.get(spec.id)?.destroy();
+    this.retiring.delete(spec.id);
     if (this.active) this.active.root.visible = false;
     const view = new NativeModalView(this.context, spec, (id, result) => this.close(id, result, true));
     this.views.push(view);
@@ -3321,20 +3347,23 @@ var NativeModalStack = class {
   close(id, result, notify = false) {
     const view = this.byId.get(id);
     if (!view) return;
+    const wasActive = view === this.active;
+    this.byId.delete(id);
+    this.views = this.views.filter((candidate) => candidate !== view);
+    this.retiring.set(id, view);
     this.trackMedia(view.pauseMedia());
     view.frame.close(() => {
-      const wasActive = view === this.active;
+      if (this.retiring.get(id) === view) this.retiring.delete(id);
       view.destroy();
-      this.byId.delete(id);
-      this.views = this.views.filter((candidate) => candidate !== view);
-      if (wasActive) {
-        if (this.active) {
-          this.active.root.visible = true;
-          this.active.focus();
-        } else this.restoreFocus();
-      }
-      if (notify) this.context.emit({ type: "modal-result", id, result });
-    });
+    }, true);
+    if (!view.root.isDestroyed) view.root.visible = false;
+    if (wasActive) {
+      if (this.active) {
+        this.active.root.visible = true;
+        this.active.focus();
+      } else this.restoreFocus();
+    }
+    if (notify) this.context.emit({ type: "modal-result", id, result });
   }
   applyTheme() {
     for (const view of this.views) view.applyTheme();
@@ -3350,10 +3379,11 @@ var NativeModalStack = class {
   }
   destroy() {
     this.context.renderer.removePostProcessFn(this.dimUnderlay);
-    for (const view of this.views) {
+    for (const view of [...this.views, ...this.retiring.values()]) {
       this.trackMedia(view.pauseMedia());
       view.destroy();
     }
+    this.retiring.clear();
     this.views = [];
     this.byId.clear();
   }