@nvidia-elements/core 2.22.5 → 2.23.0

package/dist/range/range2.js

@@ -17,7 +17,7 @@ var d = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	connectedCallback() {

package/dist/resize-handle/resize-handle2.js

@@ -5,10 +5,10 @@ import r from "./resize-handle.js";
 import { LitElement as i, html as a } from "lit";
 import { property as o } from "lit/decorators/property.js";
 import { I18nController as s } from "@nvidia-elements/foundations/internal/i18n";
-import { FormControlMixin as c } from "@nvidia-elements/forms/mixins";
-import { ifDefined as l } from "lit/directives/if-defined.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+import { FormControlMixin as l } from "@nvidia-elements/forms/mixins";
 // src/resize-handle/resize-handle.ts
-var u = { resize: "resize" }, d = class extends c(i) {
+var u = { resize: "resize" }, d = class extends l(i) {
 	static {
 		this.styles = t([r]);
 	}
@@ -18,7 +18,7 @@ var u = { resize: "resize" }, d = class extends c(i) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.22.5",
+			version: "2.23.0",
 			valueSchema: { type: "number" }
 		};
 	}
@@ -27,7 +27,7 @@ var u = { resize: "resize" }, d = class extends c(i) {
 	#r;
 	#i;
 	render() {
-		return a`<div internal-host><div class="line" part="_line"></div><input aria-label="${l(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#f(e.target.valueAsNumber)}" @change="${(e) => this.#p(e.target.valueAsNumber)}" step="${this.step}"></div>`;
+		return a`<div internal-host><div class="line" part="_line"></div><input aria-label="${c(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#f(e.target.valueAsNumber)}" @change="${(e) => this.#p(e.target.valueAsNumber)}" step="${this.step}"></div>`;
 	}
 	constructor() {
 		super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new s(this, u), this.i18n = this.#t.i18n, this.#i = 0, this.#o = (e) => {

package/dist/search/search2.js

@@ -1,20 +1,20 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./search.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/search/search.ts
-var l = class extends r {
+var l = class extends i {
 	constructor(...e) {
 		super(...e), this.rounded = !1;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get prefixContent() {
 		return s`<nve-icon-button part="icon-button" icon-name="search" container="inline" aria-hidden="true" readonly="readonly"></nve-icon-button>`;

package/dist/select/select2.js

@@ -30,7 +30,7 @@ var S = {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/skeleton/skeleton2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-skeleton",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	render() {

package/dist/sort-button/sort-button2.js

@@ -19,7 +19,7 @@ var u = { sort: "sort" }, d = {
 	static {
 		this.metadata = {
 			tag: "nve-sort-button",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/sparkline/sparkline2.js

@@ -21,7 +21,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	render() {

package/dist/star-rating/star-rating2.js

@@ -18,7 +18,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-star-rating",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/steps/steps2.js

@@ -11,19 +11,19 @@ import l from "./steps.js";
 import { ProgressRing as u } from "../progress-ring/progress-ring2.js";
 import { LitElement as d, html as f } from "lit";
 import { property as p } from "lit/decorators/property.js";
-import { state as m } from "lit/decorators/state.js";
-import { ButtonFormControlMixin as h } from "@nvidia-elements/forms/mixins";
+import { ButtonFormControlMixin as m } from "@nvidia-elements/forms/mixins";
+import { state as h } from "lit/decorators/state.js";
 import { queryAssignedElements as g } from "lit/decorators/query-assigned-elements.js";
 import { when as _ } from "lit/directives/when.js";
 // src/steps/steps.ts
-var v = class extends h(d) {
+var v = class extends m(d) {
 	static {
 		this.styles = a([c]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-steps"]
 		};
 	}
@@ -52,7 +52,7 @@ o([p({
 })], v.prototype, "status", void 0), o([p({
 	type: String,
 	reflect: !0
-})], v.prototype, "container", void 0), o([m()], v.prototype, "index", void 0), v = o([
+})], v.prototype, "container", void 0), o([h()], v.prototype, "index", void 0), v = o([
 	e(),
 	i(),
 	r()
@@ -69,7 +69,7 @@ var y = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: ["nve-steps-item"]
 		};
 	}

package/dist/switch/switch-group2.js

@@ -11,7 +11,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-switch-group",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/switch/switch2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-switch",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: [
 				"label",
 				"input",

package/dist/tabs/tabs-group2.js

@@ -34,7 +34,7 @@ var h, g = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: ["nve-tabs"]
 		};
 	}

package/dist/tabs/tabs-item-group2.js

@@ -15,7 +15,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item-group",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-tabs"],
 			children: ["nve-tabs-item"]
 		};

package/dist/tabs/tabs2.js

@@ -21,7 +21,7 @@ var y = class extends _(m) {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-tabs", "nve-tabs-item-group"]
 		};
 	}
@@ -65,7 +65,7 @@ var b = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-tabs",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: ["nve-tabs-item", "nve-tabs-item-group"]
 		};
 	}

package/dist/tag/tag2.js

@@ -7,17 +7,17 @@ import o from "./tag.js";
 import { LitElement as s, html as c } from "lit";
 import { property as l } from "lit/decorators/property.js";
 import { I18nController as u } from "@nvidia-elements/foundations/internal/i18n";
-import { ButtonFormControlMixin as d } from "@nvidia-elements/forms/mixins";
-import { ifDefined as f } from "lit/directives/if-defined.js";
+import { ifDefined as d } from "lit/directives/if-defined.js";
+import { ButtonFormControlMixin as f } from "@nvidia-elements/forms/mixins";
 // src/tag/tag.ts
-var p = { close: "close" }, m = class extends d(s) {
+var p = { close: "close" }, m = class extends f(s) {
 	static {
 		this.styles = r([n, o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {
@@ -26,7 +26,7 @@ var p = { close: "close" }, m = class extends d(s) {
 	#e;
 	#t;
 	render() {
-		return c`<div internal-host interaction-state focus-within><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>${this.closable ? c`<nve-icon part="icon" @click="${() => this.#t.close()}" container="flat" name="cancel" size="sm" role="img" aria-label="${f(this.i18n.close)}"></nve-icon>` : ""}</div>`;
+		return c`<div internal-host interaction-state focus-within><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>${this.closable ? c`<nve-icon part="icon" @click="${() => this.#t.close()}" container="flat" name="cancel" size="sm" role="img" aria-label="${d(this.i18n.close)}"></nve-icon>` : ""}</div>`;
 	}
 	constructor() {
 		super(), this.closable = !1, this.#e = new u(this, p), this.i18n = this.#e.i18n, this.#t = new e(this), this.type = "button";

package/dist/textarea/textarea2.js

@@ -16,7 +16,7 @@ var i = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-textarea",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 };

package/dist/time/time2.js

@@ -1,20 +1,20 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./time.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/time/time.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-time",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="clock" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/toast/toast2.js

@@ -29,7 +29,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-toast",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/toggletip/toggletip-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-footer",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-header",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip2.js

@@ -24,7 +24,7 @@ var g = { close: "close" }, _ = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/toolbar/toolbar2.js

@@ -21,7 +21,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/tooltip/tooltip2.js

@@ -19,7 +19,7 @@ var d = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-tooltip",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	render() {

package/dist/tree/tree-node2.js

@@ -47,7 +47,7 @@ var O = { expand: "expand" }, k = class extends b {
 	static {
 		this.metadata = {
 			tag: "nve-tree-node",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-tree", "nve-tree-node"]
 		};
 	}

package/dist/tree/tree2.js

@@ -22,7 +22,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-tree",
-			version: "2.22.5",
+			version: "2.23.0",
 			children: ["nve-tree-node"]
 		};
 	}

package/dist/week/week2.js

@@ -1,20 +1,20 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./week.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/week/week.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-week",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button exportparts="icon:icon-button-icon" part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/workspace/controllers/workspace-command.controller.d.ts

@@ -0,0 +1,34 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceCommandContext, WorkspacePlacementIntent } from '../utils/interaction/command.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspacePanel } from '../panel/panel.js';
+type WorkspaceCommandHost = HTMLElement & ReactiveControllerHost & {
+    readonly closable: boolean;
+    readonly rearrangeable: boolean;
+};
+interface WorkspaceCommandDelegate {
+    readonly getState: () => {
+        panels: WorkspacePanel[];
+        layout?: WorkspaceLayout;
+    };
+    readonly isRearrangementAllowed: () => boolean;
+    readonly isPlacementAvailable: (source: string[], intent: WorkspacePlacementIntent) => boolean;
+    readonly canEnterFullscreen: (targetPanelId: string) => boolean;
+    readonly canExitFullscreen: () => boolean;
+    readonly isFullscreenGroup: (targetPanelId: string) => boolean;
+    readonly enterFullscreen: (targetPanelId: string) => void;
+    readonly exitFullscreen: () => void;
+    readonly activatePanel: (anchor: string, operation: 'open' | 'select') => void;
+    readonly closePanel: (anchor: string) => void;
+    readonly placePanel: (source: string[], intent: WorkspacePlacementIntent) => void;
+}
+export declare class WorkspaceCommandController {
+    #private;
+    constructor(host: WorkspaceCommandHost, delegate: WorkspaceCommandDelegate);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    isCommandAvailable(command: string, context?: WorkspaceCommandContext): boolean;
+    invalidateAvailability(): void;
+    flushAvailability(): void;
+}
+export {};

package/dist/workspace/controllers/workspace-command.controller.js

@@ -0,0 +1,87 @@
+import { findWorkspaceCommandPanel as e, isWorkspaceCommandAvailable as t, isWorkspacePlacement as n, resolveWorkspacePlacement as r } from "../utils/interaction/command.utils.js";
+// src/workspace/controllers/workspace-command.controller.ts
+var i = class {
+	#e;
+	#t;
+	#n = !1;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	hostConnected() {
+		this.#e.addEventListener("command", this.#r, !0), this.invalidateAvailability();
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("command", this.#r, !0), this.#n = !1;
+	}
+	isCommandAvailable(e, n = {}) {
+		if (e === "--place" && !this.#t.isRearrangementAllowed()) return !1;
+		let r = this.#t.getState();
+		return t({
+			command: e,
+			context: n,
+			...r,
+			closable: this.#e.closable,
+			rearrangeable: this.#e.rearrangeable,
+			available: r.panels.map((e) => e.id),
+			placementAvailable: this.#t.isPlacementAvailable,
+			canEnterFullscreen: this.#t.canEnterFullscreen,
+			canExitFullscreen: this.#t.canExitFullscreen,
+			isFullscreenGroup: this.#t.isFullscreenGroup
+		});
+	}
+	invalidateAvailability() {
+		this.#n = !0, this.#e.requestUpdate();
+	}
+	flushAvailability() {
+		this.#n && this.#e.isConnected && (this.#n = !1, this.#e.dispatchEvent(new Event("commandavailabilitychange", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	#r = (t) => {
+		if (!t.command || !this.#a(t)) return;
+		let n = e(this.#e, this.#t.getState().panels, t);
+		n && (t.command === "--place" ? this.#i(n.id, t.source?.placement) : this.isCommandAvailable(t.command, {
+			value: n.id,
+			placement: t.source?.placement
+		}) && this.#o(t.command, n.id));
+	};
+	#i(e, t) {
+		if (!this.#e.rearrangeable || !this.#t.isRearrangementAllowed() || !n(t)) return;
+		let { layout: i, panels: a } = this.#t.getState();
+		if (!i) return;
+		let o = r({
+			layout: i,
+			available: a.map((e) => e.id),
+			anchor: e,
+			placement: t
+		});
+		o && this.#t.placePanel(o.source, o.intent);
+	}
+	#a(e) {
+		return !e.defaultPrevented && !e.source?.disabled && !e.source?.readOnly;
+	}
+	#o(e, t) {
+		switch (e) {
+			case "--open":
+				this.#t.activatePanel(t, "open");
+				break;
+			case "--select":
+				this.#t.activatePanel(t, "select");
+				break;
+			case "--close":
+				this.#t.closePanel(t);
+				break;
+			case "--enter-fullscreen":
+				this.#t.enterFullscreen(t);
+				break;
+			case "--exit-fullscreen":
+				this.#t.exitFullscreen();
+				break;
+			case "--toggle-fullscreen": this.#t.isFullscreenGroup(t) ? this.#t.exitFullscreen() : this.#t.enterFullscreen(t);
+		}
+	}
+};
+export { i as WorkspaceCommandController };
+
+//# sourceMappingURL=workspace-command.controller.js.map

package/dist/workspace/controllers/workspace-command.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-command.controller.js","names":["WorkspaceCommandController","#host","host","#delegate","delegate","#command","#availabilityInvalid","command","state","isWorkspaceCommandAvailable","panel","event","#allowsCommand","findWorkspaceCommandPanel","#place","#dispatch","isWorkspacePlacement","placement","layout","request","resolveWorkspacePlacement","panels","anchor"],"sources":["../../../src/workspace/controllers/workspace-command.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveControllerHost } from 'lit';\n\nimport {\n  findWorkspaceCommandPanel,\n  isWorkspaceCommandAvailable,\n  isWorkspacePlacement,\n  resolveWorkspacePlacement\n} from '../utils/interaction/command.utils.js';\n\nimport type {\n  WorkspaceCommandContext,\n  WorkspaceCommandEvent,\n  WorkspacePlacementIntent\n} from '../utils/interaction/command.utils.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\n\nimport type { WorkspacePanel } from '../panel/panel.js';\n\ntype WorkspaceCommandHost = HTMLElement &\n  ReactiveControllerHost & {\n    readonly closable: boolean;\n    readonly rearrangeable: boolean;\n  };\n\ninterface WorkspaceCommandDelegate {\n  readonly getState: () => {\n    panels: WorkspacePanel[];\n    layout?: WorkspaceLayout;\n  };\n  readonly isRearrangementAllowed: () => boolean;\n  readonly isPlacementAvailable: (source: string[], intent: WorkspacePlacementIntent) => boolean;\n  readonly canEnterFullscreen: (targetPanelId: string) => boolean;\n  readonly canExitFullscreen: () => boolean;\n  readonly isFullscreenGroup: (targetPanelId: string) => boolean;\n  readonly enterFullscreen: (targetPanelId: string) => void;\n  readonly exitFullscreen: () => void;\n  readonly activatePanel: (anchor: string, operation: 'open' | 'select') => void;\n  readonly closePanel: (anchor: string) => void;\n  readonly placePanel: (source: string[], intent: WorkspacePlacementIntent) => void;\n}\n\nexport class WorkspaceCommandController {\n  readonly #host: WorkspaceCommandHost;\n  readonly #delegate: WorkspaceCommandDelegate;\n  #availabilityInvalid = false;\n\n  constructor(host: WorkspaceCommandHost, delegate: WorkspaceCommandDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  hostConnected() {\n    this.#host.addEventListener('command', this.#command, true);\n    this.invalidateAvailability();\n  }\n\n  hostDisconnected() {\n    this.#host.removeEventListener('command', this.#command, true);\n    this.#availabilityInvalid = false;\n  }\n\n  isCommandAvailable(command: string, context: WorkspaceCommandContext = {}): boolean {\n    if (command === '--place' && !this.#delegate.isRearrangementAllowed()) {\n      return false;\n    }\n\n    const state = this.#delegate.getState();\n    return isWorkspaceCommandAvailable({\n      command,\n      context,\n      ...state,\n      closable: this.#host.closable,\n      rearrangeable: this.#host.rearrangeable,\n      available: state.panels.map(panel => panel.id),\n      placementAvailable: this.#delegate.isPlacementAvailable,\n      canEnterFullscreen: this.#delegate.canEnterFullscreen,\n      canExitFullscreen: this.#delegate.canExitFullscreen,\n      isFullscreenGroup: this.#delegate.isFullscreenGroup\n    });\n  }\n\n  invalidateAvailability() {\n    this.#availabilityInvalid = true;\n    this.#host.requestUpdate();\n  }\n\n  flushAvailability() {\n    if (!this.#availabilityInvalid || !this.#host.isConnected) return;\n    this.#availabilityInvalid = false;\n    this.#host.dispatchEvent(new Event('commandavailabilitychange', { bubbles: true, composed: true }));\n  }\n\n  #command = (event: WorkspaceCommandEvent) => {\n    if (!event.command || !this.#allowsCommand(event)) return;\n    const panel = findWorkspaceCommandPanel(this.#host, this.#delegate.getState().panels, event);\n    if (!panel) return;\n    if (event.command === '--place') {\n      this.#place(panel.id, event.source?.placement);\n      return;\n    }\n    if (!this.isCommandAvailable(event.command, { value: panel.id, placement: event.source?.placement })) return;\n    this.#dispatch(event.command, panel.id);\n  };\n\n  #place(anchor: string, placement: unknown) {\n    if (!this.#host.rearrangeable || !this.#delegate.isRearrangementAllowed() || !isWorkspacePlacement(placement)) {\n      return;\n    }\n    const { layout, panels } = this.#delegate.getState();\n    if (!layout) {\n      return;\n    }\n    const request = resolveWorkspacePlacement({\n      layout,\n      available: panels.map(panel => panel.id),\n      anchor,\n      placement\n    });\n    if (request) {\n      this.#delegate.placePanel(request.source, request.intent);\n    }\n  }\n\n  #allowsCommand(event: WorkspaceCommandEvent) {\n    return !event.defaultPrevented && !event.source?.disabled && !event.source?.readOnly;\n  }\n\n  #dispatch(command: string, anchor: string) {\n    switch (command) {\n      case '--open':\n        this.#delegate.activatePanel(anchor, 'open');\n        break;\n      case '--select':\n        this.#delegate.activatePanel(anchor, 'select');\n        break;\n      case '--close':\n        this.#delegate.closePanel(anchor);\n        break;\n      case '--enter-fullscreen':\n        this.#delegate.enterFullscreen(anchor);\n        break;\n      case '--exit-fullscreen':\n        this.#delegate.exitFullscreen();\n        break;\n      case '--toggle-fullscreen':\n        if (this.#delegate.isFullscreenGroup(anchor)) {\n          this.#delegate.exitFullscreen();\n        } else {\n          this.#delegate.enterFullscreen(anchor);\n        }\n        break;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/workspace/controllers/workspace-composition.controller.d.ts

@@ -0,0 +1,54 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceDragPreview } from '../utils/interaction/drag-preview.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspacePresentedGroup } from '../utils/presentation/groups.utils.js';
+import type { WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';
+import type { WorkspacePanelHeader } from '../panel-header/panel-header.js';
+import type { WorkspacePanel } from '../panel/panel.js';
+export interface WorkspacePanelTransitionTargets {
+    element: WorkspacePanel;
+    header: ReturnType<WorkspacePanelHeader['_getTransitionTargets']> | undefined;
+}
+export interface WorkspaceTransitionTargets {
+    panels: ReadonlyMap<string, WorkspacePanelTransitionTargets>;
+    groups: {
+        element: HTMLElement;
+        tabs: ReadonlyMap<string, HTMLElement>;
+    }[];
+    gutters: ReadonlyMap<string, HTMLElement>;
+}
+interface WorkspaceCompositionDelegate {
+    readonly getPanels: () => WorkspacePanel[];
+    readonly getGroups: () => WorkspacePresentedGroup[];
+    readonly getLayout: () => WorkspaceLayout | undefined;
+    readonly getPreview: () => WorkspaceDragPreview | undefined;
+    readonly scrollChanged: () => void;
+}
+interface WorkspaceCompositionPresentation {
+    groups: WorkspacePresentedGroup[];
+    extent: {
+        width: number;
+        height: number;
+    };
+    container?: 'inset' | 'flat' | 'full';
+    measurements: WorkspaceMeasurements;
+    closable: boolean;
+    animate: boolean;
+    source: string[];
+    scroll(group: WorkspacePresentedGroup): number;
+}
+/** Synchronizes supplied panels and projected headers with their computed group presentation. */
+export declare class WorkspaceCompositionController {
+    #private;
+    constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceCompositionDelegate);
+    hostDisconnected(): void;
+    captureFocus(): void;
+    applyPresentation(input: WorkspaceCompositionPresentation): void;
+    sync(): void;
+    getTransitionTargets(): WorkspaceTransitionTargets;
+    getGroupIdentity(group: WorkspacePresentedGroup): string;
+    findTabStrip(group: WorkspacePresentedGroup): HTMLElement | null | undefined;
+    handleScroll(group: WorkspacePresentedGroup, event: Event): void;
+    setHeaderHovered(id: string, hovered: boolean): void;
+}
+export {};