@eclipse-docks/core 0.7.122 → 0.7.125

package/dist/parts/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/parts/toolbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAEvC,OAAO,EAEH,YAAY,EAOf,MAAM,8BAA8B,CAAC;AAiCtC,qBACa,YAAa,SAAQ,YAAY;IAE1C,OAAO,CAAC,QAAQ,CAAuC;IAGvD,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAGtD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAG5C,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAG7C,WAAW,EAAE,MAAM,EAAE,CAAM;IAGpB,kBAAkB,CAAC,EAAE,GAAG,CAAa;IAGrC,mBAAmB,CAAC,EAAE,MAAM,GAAG,CAAa;IAGnD,OAAO,CAAC,aAAa,CAAsB;IAG3C,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,mBAAmB,CAA8C;IACzE,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,QAAQ,CAMd;IAEF,iBAAiB;IAMjB,oBAAoB;IAUpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQ/C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAO/E,SAAS,CAAC,UAAU;IAepB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,aAAa;IAIrB,mBAAmB,CAAC,YAAY,EAAE,YAAY;IAwB9C,MAAM;IAqBN,MAAM,CAAC,MAAM,0BAgBZ;CACJ;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAA;KAChC;CACJ"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/parts/toolbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAEvC,OAAO,EAEH,YAAY,EAOf,MAAM,8BAA8B,CAAC;AAiCtC,qBACa,YAAa,SAAQ,YAAY;IAE1C,OAAO,CAAC,QAAQ,CAAuC;IAGvD,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAGtD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAG5C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAO;IAG5B,WAAW,EAAE,MAAM,EAAE,CAAM;IAGpB,kBAAkB,CAAC,EAAE,GAAG,CAAa;IAGrC,mBAAmB,CAAC,EAAE,MAAM,GAAG,CAAa;IAGnD,OAAO,CAAC,aAAa,CAAsB;IAG3C,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,mBAAmB,CAA8C;IACzE,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,QAAQ,CAMd;IAEF,iBAAiB;IAMjB,oBAAoB;IAUpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAK/C,SAAS,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO5D,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAO/E,SAAS,CAAC,UAAU;IAcpB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,aAAa;IAIrB,mBAAmB,CAAC,YAAY,EAAE,YAAY;IAwB9C,MAAM;IAqBN,MAAM,CAAC,MAAM,0BAgBZ;CACJ;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAA;KAChC;CACJ"}

package/dist/{parts-BvITdiV3.js → parts-BRaXx8PD.js}

@@ -1,8 +1,8 @@
 import { n as defaultLogger, o as rootContext, s as uiContext, t as createLogger } from "./logger-DT0_NW3S.js";
-import { C as toastError, _ as getContributionDisabled, a as TOPIC_COMMAND_REGISTERED, b as contributionTargetMappingRegistry, f as activeTasksSignal, g as contributionRegistry, h as TOPIC_CONTRIBUTEIONS_CHANGED, l as activeEditorSignal, n as watchSignal, o as commandRegistry, p as partDirtySignal, t as DocksWidget, u as activePartSignal, v as getContributionVisible, w as toastInfo } from "./widget-DFbJNLqB.js";
+import { C as toastError, _ as getContributionDisabled, a as TOPIC_COMMAND_REGISTERED, b as contributionTargetMappingRegistry, f as activeTasksSignal, g as contributionRegistry, h as TOPIC_CONTRIBUTEIONS_CHANGED, l as activeEditorSignal, n as watchSignal, o as commandRegistry, p as partDirtySignal, t as DocksWidget, u as activePartSignal, v as getContributionVisible, w as toastInfo } from "./widget-DbLusgAH.js";
 import { n as subscribe, t as publish } from "./events-B_ZxkU_G.js";
-import { a as File, c as TOPIC_WORKSPACE_CHANGED, f as workspaceService, i as Directory, o as FileContentType, p as persistenceService } from "./fs-access-D-fDaJ8V.js";
-import "./webawesome-CJyhVNu_.js";
+import { a as File, i as Directory, l as TOPIC_WORKSPACE_CHANGED, m as persistenceService, o as FileContentType, p as workspaceService } from "./fs-access-DTXPsV1W.js";
+import "./webawesome-Y1_HnKa_.js";
 import { css, html, nothing, render } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { marked } from "marked";
@@ -1288,13 +1288,13 @@ workspaceService.registerContribution({
 	},
 	async connect(_input) {
 		const root = await getOPFSRoot();
-		const FileSysDirHandleResource = (await import("./fs-access-CnQJX8W1.js")).FileSysDirHandleResource;
+		const FileSysDirHandleResource = (await import("./fs-access-CzOh5ot8.js")).FileSysDirHandleResource;
 		return new OPFSRootDirectory(new FileSysDirHandleResource(root));
 	},
 	async restore(data) {
 		if (data && typeof data === "object" && data.opfs === true) {
 			const root = await getOPFSRoot();
-			const FileSysDirHandleResource = (await import("./fs-access-CnQJX8W1.js")).FileSysDirHandleResource;
+			const FileSysDirHandleResource = (await import("./fs-access-CzOh5ot8.js")).FileSysDirHandleResource;
 			return new OPFSRootDirectory(new FileSysDirHandleResource(root));
 		}
 	},
@@ -3080,7 +3080,7 @@ var DocksToolbar = class DocksToolbar extends DocksElement {
 		this.position = "start";
 		this.orientation = "horizontal";
 		this.align = "start";
-		this.size = "small";
+		this.size = "s";
 		this.scopeTokens = [];
 		this.partToolbarContent = void 0;
 		this.partToolbarRenderer = void 0;
@@ -3101,10 +3101,7 @@ var DocksToolbar = class DocksToolbar extends DocksElement {
 		const toolbarItems = this.shadowRoot?.querySelector(".toolbar-items");
 		if (!toolbarItems) return;
 		const trimmed = toolbarItems.scrollWidth > toolbarItems.clientWidth;
-		if (this.compact !== trimmed) {
-			this.compact = trimmed;
-			this.requestUpdate();
-		}
+		if (this.compact !== trimmed) this.compact = trimmed;
 	}
 	scheduleOverflowCheck() {
 		if (this.overflowCheckScheduled) return;
@@ -3131,6 +3128,9 @@ var DocksToolbar = class DocksToolbar extends DocksElement {
 	updated(changedProperties) {
 		super.updated?.(changedProperties);
 		if (!this.compact) this.scheduleOverflowCheck();
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate?.(changedProperties);
 		if (changedProperties.has("scopeTokens")) this.refreshContributions();
 	}
 	attributeChangedCallback(name, old, value) {
@@ -3142,10 +3142,7 @@ var DocksToolbar = class DocksToolbar extends DocksElement {
 		subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event) => {
 			const id = this.getAttribute("id");
 			if (!id) return;
-			if (this.matchesTarget(id, event.target)) {
-				this.refreshContributions();
-				this.requestUpdate();
-			}
+			if (this.matchesTarget(id, event.target)) this.refreshContributions();
 		});
 	}
 	refreshContributions() {
@@ -3267,6 +3264,29 @@ _decorate([state()], DocksToolbar.prototype, "contributions", void 0);
 _decorate([state()], DocksToolbar.prototype, "compact", void 0);
 DocksToolbar = _decorate([customElement("docks-toolbar")], DocksToolbar);
 //#endregion
+//#region src/core/dropdown-menu-utils.ts
+function visitElementTree(root, visit) {
+	if (root instanceof Element) {
+		visit(root);
+		if (root.shadowRoot) visitElementTree(root.shadowRoot, visit);
+		for (const child of root.children) visitElementTree(child, visit);
+	} else if (root instanceof DocumentFragment) for (const child of root.children) visitElementTree(child, visit);
+}
+/** Collect wa-dropdown-item elements under a menu root, including shadow DOM. */
+function collectDropdownItems(root) {
+	const items = [];
+	visitElementTree(root, (element) => {
+		if (element.localName === "wa-dropdown-item") items.push(element);
+	});
+	return items;
+}
+/** Close every open submenu except the one being activated. */
+function closeSiblingSubmenus(activeItem, menuRoot) {
+	queueMicrotask(() => {
+		for (const item of collectDropdownItems(menuRoot)) if (item !== activeItem && item.submenuOpen) item.submenuOpen = false;
+	});
+}
+//#endregion
 //#region src/components/command.ts
 var DocksCommand = class DocksCommand extends DocksWidget {
 	constructor(..._args) {
@@ -3277,7 +3297,7 @@ var DocksCommand = class DocksCommand extends DocksWidget {
 		this.disabled = false;
 		this.appearance = "plain";
 		this.variant = "neutral";
-		this.size = "small";
+		this.size = "s";
 		this.params = {};
 		this.withCaret = true;
 		this.placement = "bottom-start";
@@ -3312,27 +3332,24 @@ var DocksCommand = class DocksCommand extends DocksWidget {
 	}
 	doBeforeUI() {
 		if (this.dropdown) {
-			this.loadDropdownContributions();
+			this.dropdownContributions = contributionRegistry.getContributions(this.dropdown);
 			subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event) => {
-				if (this.dropdown && event.target === this.dropdown) {
-					this.dropdownContributions = event.contributions;
-					this.requestUpdate();
-				}
+				if (this.dropdown && event.target === this.dropdown) this.dropdownContributions = event.contributions;
 			});
 		}
 	}
-	loadDropdownContributions() {
-		if (!this.dropdown) return;
-		this.dropdownContributions = contributionRegistry.getContributions(this.dropdown);
-		this.requestUpdate();
+	willUpdate(changedProperties) {
+		super.willUpdate?.(changedProperties);
+		if (this.dropdown && changedProperties.has("dropdown")) this.dropdownContributions = contributionRegistry.getContributions(this.dropdown);
 	}
-	renderContribution(contribution) {
+	renderContribution(contribution, slot) {
 		if ("command" in contribution) {
 			const commandContribution = contribution;
 			if (!getContributionVisible(commandContribution)) return nothing;
 			const disabled = getContributionDisabled(commandContribution);
 			return html`
                 <docks-command 
+                    slot=${slot ?? nothing}
                     cmd="${commandContribution.command}"
                     icon="${commandContribution.icon || ""}"
                     .params=${commandContribution.params || {}}
@@ -3350,6 +3367,16 @@ var DocksCommand = class DocksCommand extends DocksWidget {
 	}
 	render() {
 		const keybinding = this.getKeybinding();
+		if (this.isInDropdown() && this.dropdown) return html`
+                <wa-dropdown-item ?disabled=${this.disabled}>
+                    ${icon(this.icon, {
+			label: this.title,
+			slot: "icon"
+		})}
+                    <slot></slot>
+                    ${this.dropdownContributions.map((c) => this.renderContribution(c, "submenu"))}
+                </wa-dropdown-item>
+            `;
 		if (this.isInDropdown()) return html`
                 <wa-dropdown-item 
                     ?disabled=${this.disabled}
@@ -3483,6 +3510,12 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
 		this.anchorRef = createRef();
 		this.dropdownRef = createRef();
 		this.boundHandleDocumentPointerDown = this.handleDocumentPointerDown.bind(this);
+		this.handleSubmenuOpening = (event) => {
+			const dropdown = this.dropdownRef.value;
+			const activeItem = event.detail?.item;
+			if (!dropdown || !activeItem) return;
+			closeSiblingSubmenus(activeItem, dropdown);
+		};
 	}
 	/**
 	* "Click outside to close" runs in capture phase before the target's click.
@@ -3513,8 +3546,8 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
 			}
 		});
 	}
-	updated(changedProperties) {
-		super.updated?.(changedProperties);
+	willUpdate(changedProperties) {
+		super.willUpdate?.(changedProperties);
 		if (changedProperties.has("scopeTokens")) this.refreshContributions();
 	}
 	attributeChangedCallback(name, old, value) {
@@ -3588,6 +3621,11 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
 		}
 		return element;
 	}
+	getHostPart() {
+		const root = this.getRootNode();
+		if (root instanceof ShadowRoot && root.host instanceof HTMLElement) return root.host;
+		return null;
+	}
 	/**
 	* Triggers a click on the element under the cursor to update selection before showing context menu.
 	*/
@@ -3611,17 +3649,24 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
 		}
 	}
 	/** Opens the menu at `position`. Returns false when there is nothing to show (no thin empty panel). */
-	show(position, mouseEvent) {
+	async show(position, mouseEvent) {
 		if (!this.hasMenuBody()) return false;
-		if (mouseEvent) this.triggerClickUnderCursor(mouseEvent);
+		if (mouseEvent) {
+			this.triggerClickUnderCursor(mouseEvent);
+			await this.getHostPart()?.updateComplete;
+		}
+		if (this.isOpen) {
+			this.isOpen = false;
+			await this.updateComplete;
+		}
 		this.position = position;
 		this.isOpen = true;
-		this.updateComplete.then(() => {
-			document.addEventListener("pointerdown", this.boundHandleDocumentPointerDown, { capture: true });
-		});
+		await this.updateComplete;
+		document.addEventListener("pointerdown", this.boundHandleDocumentPointerDown, { capture: true });
 		return true;
 	}
 	onClose() {
+		if (!this.isOpen) return;
 		this.isOpen = false;
 		document.removeEventListener("pointerdown", this.boundHandleDocumentPointerDown, { capture: true });
 	}
@@ -3647,12 +3692,12 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
 		return nothing;
 	}
 	render() {
-		if (!this.isOpen) return nothing;
 		const partContent = this.partContextMenuRenderer ? this.partContextMenuRenderer() : nothing;
 		return html`
             <wa-dropdown
                 ${ref(this.dropdownRef)}
                 ?open=${this.isOpen}
+                @submenu-opening=${this.handleSubmenuOpening}
                 @wa-after-hide=${this.onClose}>
                 
                 <div 
@@ -3684,9 +3729,13 @@ var DocksContextMenu = class DocksContextMenu extends DocksElement {
         }
 
         wa-dropdown {
-            pointer-events: auto;
+            pointer-events: none;
             min-width: 200px;
         }
+
+        wa-dropdown:state(open) {
+            pointer-events: auto;
+        }
         
         wa-dropdown::part(menu) {
             min-width: 200px;
@@ -3711,10 +3760,10 @@ var DocksPart = class DocksPart extends DocksContainer {
 		this.scrollMode = "scroller";
 		this.dirty = false;
 		this.isEditor = false;
-		this.onContentContextMenu = (event) => {
+		this.onContentContextMenu = async (event) => {
 			const contextMenu = this.renderRoot.querySelector("docks-contextmenu");
 			if (!contextMenu) return;
-			if (contextMenu.show({
+			if (await contextMenu.show({
 				x: event.clientX,
 				y: event.clientY
 			}, event)) event.preventDefault();
@@ -3979,7 +4028,7 @@ var DocksTabs = class DocksTabs extends DocksContainer {
 		this.iconOnly = false;
 		this.withToolbar = false;
 		this.hideTabs = false;
-		this.itemSize = "medium";
+		this.itemSize = "m";
 		this.contributions = [];
 		this.tabGroup = createRef();
 		this.containerId = null;
@@ -4357,12 +4406,12 @@ var DocksTabs = class DocksTabs extends DocksContainer {
             font-size: var(--wa-font-size-s);
         }
 
-        :host([item-size="small"]) wa-tab::part(base) {
+        :host([item-size="s"]) wa-tab::part(base) {
             padding: 2px 0.375rem;
             font-size: var(--wa-font-size-xs);
         }
 
-        :host([item-size="large"]) wa-tab::part(base) {
+        :host([item-size="l"]) wa-tab::part(base) {
             padding: var(--wa-space-s) 0.75rem;
             font-size: var(--wa-font-size-m);
         }
@@ -4375,11 +4424,11 @@ var DocksTabs = class DocksTabs extends DocksContainer {
             padding: var(--wa-space-s);
         }
 
-        :host([icon-only][item-size="small"]:is([placement="top"], [placement="bottom"])) wa-tab::part(base) {
+        :host([icon-only][item-size="s"]:is([placement="top"], [placement="bottom"])) wa-tab::part(base) {
             padding: var(--wa-space-xs);
         }
 
-        :host([icon-only][item-size="large"]:is([placement="top"], [placement="bottom"])) wa-tab::part(base) {
+        :host([icon-only][item-size="l"]:is([placement="top"], [placement="bottom"])) wa-tab::part(base) {
             padding: var(--wa-space-m);
         }
 
@@ -4388,11 +4437,11 @@ var DocksTabs = class DocksTabs extends DocksContainer {
             padding-block: var(--wa-space-s);
         }
 
-        :host([icon-only][item-size="small"]:is([placement="start"], [placement="end"])) wa-tab::part(base) {
+        :host([icon-only][item-size="s"]:is([placement="start"], [placement="end"])) wa-tab::part(base) {
             padding-block: var(--wa-space-xs);
         }
 
-        :host([icon-only][item-size="large"]:is([placement="start"], [placement="end"])) wa-tab::part(base) {
+        :host([icon-only][item-size="l"]:is([placement="start"], [placement="end"])) wa-tab::part(base) {
             padding-block: var(--wa-space-m);
         }
 
@@ -4400,11 +4449,11 @@ var DocksTabs = class DocksTabs extends DocksContainer {
             font-size: var(--wa-font-size-l);
         }
 
-        :host([icon-only][item-size="small"]) wa-tab wa-icon {
+        :host([icon-only][item-size="s"]) wa-tab wa-icon {
             font-size: var(--wa-font-size-m);
         }
 
-        :host([icon-only][item-size="large"]) wa-tab wa-icon {
+        :host([icon-only][item-size="l"]) wa-tab wa-icon {
             font-size: var(--wa-font-size-xl);
         }
 
@@ -4784,4 +4833,4 @@ DocksResizableGrid = _DocksResizableGrid = _decorate([customElement("docks-resiz
 //#endregion
 export { EDITOR_AREA_MAIN as A, TOOLBAR_BOTTOM_CENTER as B, TOPIC_SETTINGS_CHANGED as C, MouseButton as D, HIDE_DOT_RESOURCE as E, SIDEBAR_MAIN_TOOLBAR as F, TOOLBAR_MAIN as H, SYSTEM_ATTRIBUTIONS as I, SYSTEM_LAYOUTS as L, SIDEBAR_AUXILIARY as M, SIDEBAR_MAIN as N, constants_exports as O, SIDEBAR_MAIN_BOTTOM as P, SYSTEM_VIEWS as R, taskService as S, COMMAND_SAVE as T, TOOLBAR_MAIN_CENTER as U, TOOLBAR_BOTTOM_END as V, TOOLBAR_MAIN_RIGHT as W, DocksDialogContent as _, versionInfoDialog as a, extensionRegistry as b, confirmDialog as c, formDialogRequired as d, validateFormDialogFields as f, dialogService as g, deleteIndexedDbWorkspaceData as h, parseIconSpec as i, PANEL_BOTTOM as j, ABOUT_TABS as k, infoDialog as l, appLoaderService as m, DocksContainer as n, filebrowserDialog as o, promptDialog as p, icon as r, navigableInfoDialog as s, DocksPart as t, formDialog as u, DocksElement as v, appSettings as w, esmShService as x, TOPIC_EXTENSIONS_CHANGED as y, TOOLBAR_BOTTOM as z };
 
-//# sourceMappingURL=parts-BvITdiV3.js.map
+//# sourceMappingURL=parts-BRaXx8PD.js.map