@ai-ecoverse/slicc-spectrum 1.112.0 → 1.112.1

package/dist/slicc-ui.js

@@ -61,7 +61,7 @@ import {
 } from "./chunk-6A6NIESE.js";
 import {
   define
-} from "./chunk-KYIEFCEE.js";
+} from "./chunk-G7UZNWLW.js";
 import {
   isPolicyPaused,
   isVaultFailure,
@@ -57946,6 +57946,7 @@ var MutableDisposable = class {
 };
 var Event2;
 (function(_Event) {
+  _Event.map = (event2, fn) => (listener) => event2((e128) => listener(fn(e128)));
   _Event.any = (...children) => {
     return (listener) => {
       const disposables = children.map((child) => child(listener));
@@ -58095,21 +58096,25 @@ var AsapEvent = class {
   constructor() {
     this._onFired = new Emitter2();
     this._currentFireCount = 0;
+    this._pending = /* @__PURE__ */ new Set();
     this._queued = false;
-    this.onEvent = (e128) => {
+    this.onEvent = (listener) => {
       const fireCountAtTimeOfEventSubscription = this._currentFireCount;
-      return this._onFired.event(() => {
-        if (this._currentFireCount > fireCountAtTimeOfEventSubscription) e128();
+      return this._onFired.event((values) => {
+        if (this._currentFireCount > fireCountAtTimeOfEventSubscription) listener(values);
       });
     };
   }
-  fire() {
+  fire(value) {
     this._currentFireCount++;
+    this._pending.add(value);
     if (this._queued) return;
     this._queued = true;
     queueMicrotask(() => {
       this._queued = false;
-      this._onFired.fire();
+      const values = this._pending;
+      this._pending = /* @__PURE__ */ new Set();
+      this._onFired.fire(values);
     });
   }
   dispose() {
@@ -58531,9 +58536,16 @@ var PopoutWindow = class extends CompositeDisposable {
     this._onDidClose = new Emitter2();
     this.onDidClose = this._onDidClose.event;
     this._window = null;
-    this.addDisposables(this._onWillClose, this._onDidClose, { dispose: () => {
-      this.close();
-    } });
+    this.addDisposables(this._onWillClose, this._onDidClose);
+  }
+  /**
+  * Close before `super.dispose()` kills the close emitters, so an explicit
+  * dispose still fires `onWillClose` / `onDidClose` (the component's
+  * per-window teardown hangs off them). A closed window is a no-op.
+  */
+  dispose() {
+    this.close();
+    super.dispose();
   }
   dimensions() {
     if (!this._window) return null;
@@ -59716,7 +59728,8 @@ function cloneNode(node2, size4, orthogonalSize) {
     const result = new BranchNode(node2.orientation, node2.proportionalLayout, node2.styles, size4, orthogonalSize, node2.disabled, node2.margin);
     for (let i26 = node2.children.length - 1; i26 >= 0; i26--) {
       const child = node2.children[i26];
-      result.addChild(cloneNode(child, child.size, child.orthogonalSize), childSizing(node2, i26, child.size), 0, true);
+      const childSize = child instanceof BranchNode ? child.orthogonalSize : child.size;
+      result.addChild(cloneNode(child, child.size, child.orthogonalSize), childSizing(node2, i26, childSize), 0, true);
     }
     return result;
   } else return new LeafNode(node2.view, node2.orientation, orthogonalSize);
@@ -60184,10 +60197,11 @@ var Gridview = class {
     const sizes = grandParent.children.map((_size, i26) => grandParent.getChildSize(i26));
     grandParent.removeChild(parentIndex, sizing).dispose();
     if (sibling instanceof BranchNode) {
-      sizes.splice(parentIndex, 1, ...sibling.children.map((c29) => c29.size));
+      const childSizes = sibling.children.map((c29) => c29 instanceof BranchNode ? c29.orthogonalSize : c29.size);
+      sizes.splice(parentIndex, 1, ...childSizes);
       for (let i26 = 0; i26 < sibling.children.length; i26++) {
         const child = sibling.children[i26];
-        const childSize = childSizing(sibling, i26, child.size);
+        const childSize = childSizing(sibling, i26, childSizes[i26]);
         grandParent.addChild(child, !isSiblingVisible && typeof childSize === "number" ? Sizing.Invisible(childSize) : childSize, parentIndex + i26);
       }
       while (sibling.children.length > 0) sibling.removeChild(0);
@@ -60341,7 +60355,7 @@ var BaseGrid = class extends Resizable {
     this._onDidActiveChange = new Emitter2();
     this.onDidActiveChange = this._onDidActiveChange.event;
     this._bufferOnDidLayoutChange = new AsapEvent();
-    this.onDidLayoutChange = this._bufferOnDidLayoutChange.onEvent;
+    this.onDidLayoutChange = Event2.map(this._bufferOnDidLayoutChange.onEvent, (reasons) => ({ reasons }));
     this._onDidViewVisibilityChangeMicroTaskQueue = new AsapEvent();
     this.onDidViewVisibilityChangeMicroTaskQueue = this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
     this.element.style.height = "100%";
@@ -60363,14 +60377,18 @@ var BaseGrid = class extends Resizable {
     }), Disposable.from(() => {
       this.element.remove();
     }), this.gridview.onDidChange(() => {
-      this._bufferOnDidLayoutChange.fire();
-    }), Event2.any(this.onDidAdd, this.onDidRemove, this.onDidActiveChange)(() => {
-      this._bufferOnDidLayoutChange.fire();
+      this._bufferOnDidLayoutChange.fire("geometry");
+    }), Event2.any(this.onDidAdd, this.onDidRemove)(() => {
+      this._bufferOnDidLayoutChange.fire("structure");
+    }), this.onDidActiveChange(() => {
+      this._bufferOnDidLayoutChange.fire("activePanel");
+    }), this.onDidMaximizedChange(() => {
+      this._bufferOnDidLayoutChange.fire("geometry");
     }), this._onDidMaximizedChange, this._onDidViewVisibilityChangeMicroTaskQueue, this._bufferOnDidLayoutChange);
   }
   setVisible(panel, visible3) {
     this.gridview.setViewVisible(getGridLocation(panel.element), visible3);
-    this._bufferOnDidLayoutChange.fire();
+    this._bufferOnDidLayoutChange.fire("geometry");
   }
   isVisible(panel) {
     return this.gridview.isViewVisible(getGridLocation(panel.element));
@@ -60684,6 +60702,7 @@ var DockviewApi = class {
   }
   /**
   * Invoked when any layout change occures, an aggregation of many events.
+  * The event carries the `reasons` for the change.
   */
   get onDidLayoutChange() {
     return this.component.onDidLayoutChange;
@@ -62267,7 +62286,9 @@ var PointerDragSource = class extends CompositeDisposable {
     var _this$_startEvent, _this$options$onDragS, _this$options2, _this$options$createG, _this$options3;
     const startEvent = (_this$_startEvent = this._startEvent) !== null && _this$_startEvent !== void 0 ? _this$_startEvent : triggerEvent;
     this._cancelPending();
+    const wasPrevented = startEvent.defaultPrevented;
     (_this$options$onDragS = (_this$options2 = this.options).onDragStart) === null || _this$options$onDragS === void 0 || _this$options$onDragS.call(_this$options2, startEvent);
+    if (startEvent.defaultPrevented && !wasPrevented) return;
     const ghost = (_this$options$createG = (_this$options3 = this.options).createGhost) === null || _this$options$createG === void 0 ? void 0 : _this$options$createG.call(_this$options3, startEvent);
     PointerDragController.getInstance().beginDrag({
       pointerEvent: triggerEvent,
@@ -62341,17 +62362,19 @@ var Html5DragSource = class extends CompositeDisposable {
     this._pointerEventsDisposable = new MutableDisposable();
     this._disabled = !!opts.disabled;
     this.addDisposables(this._dataDisposable, this._pointerEventsDisposable, addDisposableListener(this.el, "dragstart", (event2) => {
-      var _this$opts$isCancelle, _this$opts, _this$el$ownerDocumen, _this$opts$createGhos, _this$opts2, _this$opts$onDragStar, _this$opts3;
+      var _this$opts$isCancelle, _this$opts, _this$opts$onDragStar, _this$opts2, _this$el$ownerDocumen, _this$opts$createGhos, _this$opts3;
       if (event2.defaultPrevented || this._disabled || ((_this$opts$isCancelle = (_this$opts = this.opts).isCancelled) === null || _this$opts$isCancelle === void 0 ? void 0 : _this$opts$isCancelle.call(_this$opts, event2))) {
         event2.preventDefault();
         return;
       }
+      (_this$opts$onDragStar = (_this$opts2 = this.opts).onDragStart) === null || _this$opts$onDragStar === void 0 || _this$opts$onDragStar.call(_this$opts2, event2);
+      if (event2.defaultPrevented) return;
       const iframes = disableIframePointEvents((_this$el$ownerDocumen = this.el.ownerDocument) !== null && _this$el$ownerDocumen !== void 0 ? _this$el$ownerDocumen : document);
       this._pointerEventsDisposable.value = { dispose: () => iframes.release() };
       this.el.classList.add("dv-dragged");
       setTimeout(() => this.el.classList.remove("dv-dragged"), 0);
       this._dataDisposable.value = this.opts.getData(event2);
-      const ghost = (_this$opts$createGhos = (_this$opts2 = this.opts).createGhost) === null || _this$opts$createGhos === void 0 ? void 0 : _this$opts$createGhos.call(_this$opts2, event2);
+      const ghost = (_this$opts$createGhos = (_this$opts3 = this.opts).createGhost) === null || _this$opts$createGhos === void 0 ? void 0 : _this$opts$createGhos.call(_this$opts3, event2);
       if (ghost && event2.dataTransfer) {
         var _ghost$offsetX, _ghost$offsetY, _this$el$ownerDocumen2;
         addGhostImage(event2.dataTransfer, ghost.element, {
@@ -62369,7 +62392,6 @@ var Html5DragSource = class extends CompositeDisposable {
         event2.dataTransfer.effectAllowed = "move";
         if (event2.dataTransfer.items.length === 0) event2.dataTransfer.setData("text/plain", "");
       }
-      (_this$opts$onDragStar = (_this$opts3 = this.opts).onDragStart) === null || _this$opts$onDragStar === void 0 || _this$opts$onDragStar.call(_this$opts3, event2);
     }), addDisposableListener(this.el, "dragend", (event2) => {
       var _this$opts$onDragEnd, _this$opts4;
       this._pointerEventsDisposable.dispose();
@@ -62575,7 +62597,7 @@ var BasePanelView = class extends CompositeDisposable {
       height
     });
     if (this.part) {
-      if (this._params) this.part.update(this._params.params);
+      if (this._params) this.part.update({ params: this._params.params });
     }
   }
   init(parameters) {
@@ -63011,7 +63033,7 @@ var Tab = class extends CompositeDisposable {
       onDragStart: (event2) => {
         var _this$accessor$option2;
         this._onDragStart.fire(event2);
-        if (!(event2 instanceof PointerEvent) && ((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") requestAnimationFrame(() => {
+        if (!event2.defaultPrevented && !(event2 instanceof PointerEvent) && ((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") requestAnimationFrame(() => {
           toggleClass(this.element, "dv-tab--dragging", true);
         });
       },
@@ -63283,8 +63305,10 @@ var GroupDragSource = class extends CompositeDisposable {
       },
       onDragStart: (event2) => {
         var _this$getFloatingOver;
-        (_this$getFloatingOver = this.getFloatingOverlay()) === null || _this$getFloatingOver === void 0 || _this$getFloatingOver.cancelPendingDrag();
+        const wasPrevented = event2.defaultPrevented;
         this._onDragStart.fire(event2);
+        if (event2.defaultPrevented && !wasPrevented) return;
+        (_this$getFloatingOver = this.getFloatingOverlay()) === null || _this$getFloatingOver === void 0 || _this$getFloatingOver.cancelPendingDrag();
       }
     }));
     const overlayMoveSub = new MutableDisposable();
@@ -66087,10 +66111,12 @@ var Tabs = class extends CompositeDisposable {
       value: tab,
       disposable: new CompositeDisposable(tab.onDragStart((event2) => {
         var _this$accessor$option2;
+        const wasPrevented = event2.defaultPrevented;
         this._onTabDragStart.fire({
           nativeEvent: event2,
           panel
         });
+        if (event2.defaultPrevented && !wasPrevented) return;
         if (((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") {
           const tabSize = mainAxisSize(tab.element.getBoundingClientRect(), this._direction);
           const sourceIndex = this._tabs.findIndex((x5) => x5.value === tab);
@@ -69553,7 +69579,7 @@ var FloatingGroupService = class {
     floatingGroupPanel.addDisposables(group.api.onDidActivePanelChange(() => updateDialogLabel()), overlay.onDidChange(() => {
       gridview.layout(gridview.width, gridview.height);
     }), overlay.onDidChangeEnd(() => {
-      this._host.fireLayoutChange();
+      this._host.fireLayoutChange("geometry");
     }), group.onDidChange((event2) => {
       overlay.setBounds({
         height: typeof (event2 === null || event2 === void 0 ? void 0 : event2.height) === "number" ? event2.height + overlay.headerHeight : event2 === null || event2 === void 0 ? void 0 : event2.height,
@@ -72326,8 +72352,9 @@ var DockviewComponent = class extends BaseGrid {
   hasVisibleGridGroup() {
     return this.groups.some((group) => group.api.location.type === "grid" && group.api.isVisible);
   }
-  fireLayoutChange() {
-    this._bufferOnDidLayoutChange.fire();
+  /** Ping `onDidLayoutChange` (coalesced) with why the layout changed. */
+  fireLayoutChange(reason) {
+    this._bufferOnDidLayoutChange.fire(reason);
   }
   /**
   * Promise that resolves when all popout groups from the last fromJSON call are restored.
@@ -72473,8 +72500,10 @@ var DockviewComponent = class extends BaseGrid {
       (_this$floatingDropTar = this.floatingDropTargetContainer.model) === null || _this$floatingDropTar === void 0 || _this$floatingDropTar.clear();
     }, true), this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidPanelPinnedChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onWillMutateLayout, this._onDidMutateLayout, this._onDidMovePanel, this._onDidMovePanel.event(() => {
       this.debouncedUpdateAllPositions();
-    }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidEdgeGroupAutoHideChange, this._onDidActiveGroupChange, this._onUnhandledDragOver, this._onDidMaximizedGroupChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidAddPopoutGroup, this._onDidRemovePopoutGroup, this._onDidChangePopouts, this._onDidAddPopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidRemovePopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidOpenPopoutWindowFail, this._onDidStartFloatingGroupDrag, this._onDidEndFloatingGroupDrag, this._onDidCreateTabGroup, this._onDidDestroyTabGroup, this._onDidAddPanelToTabGroup, this._onDidRemovePanelFromTabGroup, this._onDidTabGroupChange, this._onDidTabGroupCollapsedChange, Event2.any(this.onDidPopoutGroupSizeChange, this.onDidPopoutGroupPositionChange, this.onDidCreateTabGroup, this.onDidDestroyTabGroup, this.onDidAddPanelToTabGroup, this.onDidRemovePanelFromTabGroup, this.onDidTabGroupChange, this.onDidTabGroupCollapsedChange)(() => {
-      this.fireLayoutChange();
+    }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidEdgeGroupAutoHideChange, this._onDidActiveGroupChange, this._onUnhandledDragOver, this._onDidMaximizedGroupChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidAddPopoutGroup, this._onDidRemovePopoutGroup, this._onDidChangePopouts, this._onDidAddPopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidRemovePopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidOpenPopoutWindowFail, this._onDidStartFloatingGroupDrag, this._onDidEndFloatingGroupDrag, this._onDidCreateTabGroup, this._onDidDestroyTabGroup, this._onDidAddPanelToTabGroup, this._onDidRemovePanelFromTabGroup, this._onDidTabGroupChange, this._onDidTabGroupCollapsedChange, Event2.any(this.onDidPopoutGroupSizeChange, this.onDidPopoutGroupPositionChange)(() => {
+      this.fireLayoutChange("geometry");
+    }), Event2.any(this.onDidCreateTabGroup, this.onDidDestroyTabGroup, this.onDidAddPanelToTabGroup, this.onDidRemovePanelFromTabGroup, this.onDidTabGroupChange, this.onDidTabGroupCollapsedChange)(() => {
+      this.fireLayoutChange("structure");
     }), this._onDidOptionsChange, this.onDidAdd((event2) => {
       if (!this._moving) this._onDidAddGroup.fire(event2);
     }), this.onDidRemove((event2) => {
@@ -72486,8 +72515,10 @@ var DockviewComponent = class extends BaseGrid {
         group: event2.panel,
         isMaximized: event2.isMaximized
       });
-    }), Event2.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidAddGroup, this.onDidRemove, this.onDidRemoveGroup, this.onDidMovePanel, this.onDidActivePanelChange)(() => {
-      this._bufferOnDidLayoutChange.fire();
+    }), Event2.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidAddGroup, this.onDidRemove, this.onDidRemoveGroup, this.onDidMovePanel)(() => {
+      this._bufferOnDidLayoutChange.fire("structure");
+    }), this.onDidActivePanelChange(() => {
+      this._bufferOnDidLayoutChange.fire("activePanel");
     }), Disposable.from(() => {
       var _this$_shellManager2;
       this._moduleRegistry.dispose();
@@ -72849,10 +72880,13 @@ var DockviewComponent = class extends BaseGrid {
   }
   /**
   * Teardown for a popout window's `popoutWindowDisposable`. Runs when the
-  * window closes (by user, by `removeGroup`, or by component disposal):
-  * relocates every member group back to the main grid (or to a floating
-  * window when the anchor came from one), then disposes the nested gridview.
-  * `closeResult.returnedGroup` is read by the entry's `dispose()` contract.
+  * window closes (by user, by `removeGroup` / `moveGroup`, or by component
+  * disposal). On a genuine close it relocates every member group back to
+  * the main grid (or to a floating window when the anchor came from one),
+  * then disposes the nested gridview. On an explicit removal it only hands
+  * the anchor back and disposes the nested gridview: the remover places the
+  * group itself. `closeResult.returnedGroup` is read by the entry's
+  * `dispose()` contract.
   */
   disposePopoutWindow(params) {
     var _this$_popoutWindowSe7;
@@ -72865,8 +72899,17 @@ var DockviewComponent = class extends BaseGrid {
     const members = this.groups.filter((candidate) => popoutGridview.element.contains(candidate.element));
     const anchorPresent = members.includes(group);
     const anchorIsSoleMember = anchorPresent && members.length === 1;
+    if (!genuineClose) {
+      if (anchorPresent && this.getPanel(group.id)) {
+        group.model.renderContainer = this.overlayRenderContainer;
+        group.model.dropTargetContainer = this.rootDropTargetContainer;
+        closeResult.returnedGroup = group;
+      }
+      disposePopoutGridview();
+      return;
+    }
     const movedPanels = [];
-    if (genuineClose) for (const member of members) {
+    for (const member of members) {
       if (member === group) continue;
       this.movingLock(() => {
         this.doRemoveGroup(member, {
@@ -72897,10 +72940,6 @@ var DockviewComponent = class extends BaseGrid {
       group.model.renderContainer = this.overlayRenderContainer;
       group.model.dropTargetContainer = this.rootDropTargetContainer;
       closeResult.returnedGroup = group;
-      if (!genuineClose) {
-        disposePopoutGridview();
-        return;
-      }
       if (floatingBox && anchorIsSoleMember) this.addFloatingGroup(group, {
         height: floatingBox.height,
         width: floatingBox.width,
@@ -73629,11 +73668,13 @@ var DockviewComponent = class extends BaseGrid {
     } catch (err) {
       var _this$_floatingGroupS6;
       console.error("dockview: failed to deserialize layout. Reverting changes", err);
-      for (const group of this.groups) for (const panel of group.panels) this.removePanel(panel, {
+      for (const group of this.groups) for (const panel of group.panels.slice()) this.removePanel(panel, {
         removeEmptyGroup: false,
         skipDispose: false
       });
       for (const group of this.groups) {
+        var _this$_edgeGroupServi9;
+        if ((_this$_edgeGroupServi9 = this._edgeGroupService) === null || _this$_edgeGroupServi9 === void 0 ? void 0 : _this$_edgeGroupServi9.includes(group)) continue;
         group.dispose();
         this._groups.delete(group.id);
         this._onDidRemoveGroup.fire(group);
@@ -73788,8 +73829,8 @@ var DockviewComponent = class extends BaseGrid {
     const groups2 = Array.from(this._groups.values()).map((_7) => _7.value);
     const hasActiveGroup = !!this.activeGroup;
     for (const group of groups2) {
-      var _this$_edgeGroupServi9;
-      if ((_this$_edgeGroupServi9 = this._edgeGroupService) === null || _this$_edgeGroupServi9 === void 0 ? void 0 : _this$_edgeGroupServi9.includes(group)) {
+      var _this$_edgeGroupServi10;
+      if ((_this$_edgeGroupServi10 = this._edgeGroupService) === null || _this$_edgeGroupServi10 === void 0 ? void 0 : _this$_edgeGroupServi10.includes(group)) {
         const panels = [...group.panels];
         for (const panel of panels) this.removePanel(panel, { removeEmptyGroup: false });
         continue;
@@ -74220,8 +74261,8 @@ var DockviewComponent = class extends BaseGrid {
     }
   }
   doRemoveGroup(group, options3) {
-    var _this$_edgeGroupServi10;
-    if ((_this$_edgeGroupServi10 = this._edgeGroupService) === null || _this$_edgeGroupServi10 === void 0 ? void 0 : _this$_edgeGroupServi10.includes(group)) return group;
+    var _this$_edgeGroupServi11;
+    if ((_this$_edgeGroupServi11 = this._edgeGroupService) === null || _this$_edgeGroupServi11 === void 0 ? void 0 : _this$_edgeGroupServi11.includes(group)) return group;
     const panels = [...group.panels];
     if (!(options3 === null || options3 === void 0 ? void 0 : options3.skipDispose)) for (const panel of panels) {
       var _options$skipDispose;
@@ -74858,8 +74899,10 @@ var DockviewComponent = class extends BaseGrid {
         if (this._moving) return;
         if (event2.panel !== this.activePanel) return;
         if (((_this$_onDidActivePan3 = this._onDidActivePanelChange.value) === null || _this$_onDidActivePan3 === void 0 ? void 0 : _this$_onDidActivePan3.panel) !== event2.panel) this.fireActivePanelChange(event2.panel);
-      }), Event2.any(view.model.onDidPanelTitleChange, view.model.onDidPanelParametersChange)(() => {
-        this._bufferOnDidLayoutChange.fire();
+      }), view.model.onDidPanelTitleChange(() => {
+        this._bufferOnDidLayoutChange.fire("panelTitle");
+      }), view.model.onDidPanelParametersChange(() => {
+        this._bufferOnDidLayoutChange.fire("panelParameters");
       }));
       this._groups.set(view.id, {
         value: view,
@@ -84946,7 +84989,7 @@ lit-html/static.js:
 dockview-core/dist/package/main.esm.mjs:
   (**
    * dockview-core
-   * @version 8.7.1
+   * @version 8.8.0
    * @link https://github.com/dockview/dockview
    * @license MIT
    *)