@nvidia-elements/core 2.23.6 → 2.24.0

package/dist/dashboard/controllers/arrangement.controller.d.ts

@@ -0,0 +1,30 @@
+import type { DashboardAction, DashboardArrangementRequest } from '../utils/intent.types.js';
+import type { DashboardPanel } from '../panel/panel.js';
+import type { DashboardGridPlacement, DashboardLayout } from '../dashboard.types.js';
+interface DashboardArrangementHost {
+    readonly value: string;
+    readonly rearrangeable: boolean;
+    readonly autoSettle: boolean;
+    matches(selectors: string): boolean;
+}
+interface DashboardArrangementDelegate {
+    getPanels(): DashboardPanel[];
+    getOwnedPanels(): DashboardPanel[];
+    isReady(): boolean;
+    getKnown(): ReadonlySet<string>;
+    getLayout(): DashboardLayout | undefined;
+    isFullscreenActive(): boolean;
+    cancel(): void;
+    commit(layout: DashboardLayout): boolean;
+}
+/** Applies arrangement permissions and operations to the current supplied panels. */
+export declare class DashboardArrangementController {
+    #private;
+    constructor(host: DashboardArrangementHost, delegate: DashboardArrangementDelegate);
+    place(id: string, placement: DashboardGridPlacement): boolean;
+    getArrangementStateKey(): string;
+    findLayoutProposal(layout: DashboardLayout, id: string, request: DashboardArrangementRequest): DashboardLayout | undefined;
+    isActionAllowed(panel: DashboardPanel, action: DashboardAction): boolean;
+    canCommit(layout: DashboardLayout): boolean;
+}
+export {};

package/dist/dashboard/controllers/arrangement.controller.js

@@ -0,0 +1,68 @@
+import { getDashboardResizeCorner as e } from "../utils/geometry.utils.js";
+import { reconcileDashboard as t, serializeDashboardValue as n } from "../utils/layout.utils.js";
+import { planDashboardAction as r } from "../utils/action.utils.js";
+// src/dashboard/controllers/arrangement.controller.ts
+var i = class {
+	#e;
+	#t;
+	constructor(e, t) {
+		this.#e = e, this.#t = t;
+	}
+	place(e, t) {
+		this.#t.cancel();
+		let n = this.#t.getLayout();
+		if (!n) return !1;
+		let r = this.findLayoutProposal(n, e, {
+			kind: "command",
+			command: "--place",
+			placement: t
+		});
+		return r ? this.#t.commit(r) : !1;
+	}
+	getArrangementStateKey() {
+		return JSON.stringify({
+			value: this.#e.value,
+			settle: this.#e.autoSettle,
+			rearrangeable: this.#e.rearrangeable,
+			readingDirection: this.#e.matches(":dir(rtl)") ? "rtl" : "ltr",
+			panels: this.#t.getPanels().map((t) => ({
+				...t._getSpanConstraints(),
+				moveDisabled: t.moveDisabled,
+				resizeDisabled: t.resizeDisabled,
+				resizeCorner: e(t)
+			}))
+		});
+	}
+	findLayoutProposal(t, n, i) {
+		let a = this.#t.getPanels().find((e) => e.id === n);
+		if (a && this.#t.isReady()) return r({
+			layout: t,
+			id: n,
+			request: i,
+			panels: this.#t.getPanels().map((e) => e._getSpanConstraints()),
+			movable: this.isActionAllowed(a, "move"),
+			resizable: this.isActionAllowed(a, "resize"),
+			autoSettle: this.#e.autoSettle,
+			readingDirection: this.#e.matches(":dir(rtl)") ? "rtl" : "ltr",
+			resizeEdge: e(a)
+		});
+	}
+	isActionAllowed(e, t) {
+		return this.#t.isReady() && this.#t.getPanels().includes(e) && !this.#t.isFullscreenActive() && this.#e.rearrangeable && (t === "move" ? !e.moveDisabled : !e.resizeDisabled);
+	}
+	canCommit(e) {
+		return this.#n(e) && n(e) !== this.#e.value;
+	}
+	#n(e) {
+		if (!this.#t.isReady()) return !1;
+		let r = this.#t.getOwnedPanels(), i = t(e, r.map((e) => e._getSpanConstraints()), {
+			priority: this.#t.getKnown(),
+			autoSettle: this.#e.autoSettle,
+			hidden: new Set(r.filter((e) => e.hidden).map((e) => e.id))
+		});
+		return !!i && n(i) === n(e);
+	}
+};
+export { i as DashboardArrangementController };
+
+//# sourceMappingURL=arrangement.controller.js.map

package/dist/dashboard/controllers/arrangement.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrangement.controller.js","names":["DashboardArrangementController","#host","host","#delegate","delegate","layout","next","id","panel","getDashboardResizeCorner","candidate","planDashboardAction","action","#isProposalValid","serializeDashboardValue","panels","reconciled","reconcileDashboard"],"sources":["../../../src/dashboard/controllers/arrangement.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { planDashboardAction } from '../utils/action.utils.js';\nimport { getDashboardResizeCorner } from '../utils/geometry.utils.js';\nimport { reconcileDashboard, serializeDashboardValue } from '../utils/layout.utils.js';\n\nimport type { DashboardAction, DashboardArrangementRequest } from '../utils/intent.types.js';\n\nimport type { DashboardPanel } from '../panel/panel.js';\n\nimport type { DashboardGridPlacement, DashboardLayout } from '../dashboard.types.js';\n\ninterface DashboardArrangementHost {\n  readonly value: string;\n  readonly rearrangeable: boolean;\n  readonly autoSettle: boolean;\n  matches(selectors: string): boolean;\n}\n\ninterface DashboardArrangementDelegate {\n  getPanels(): DashboardPanel[];\n  getOwnedPanels(): DashboardPanel[];\n  isReady(): boolean;\n  getKnown(): ReadonlySet<string>;\n  getLayout(): DashboardLayout | undefined;\n  isFullscreenActive(): boolean;\n  cancel(): void;\n  commit(layout: DashboardLayout): boolean;\n}\n\n/** Applies arrangement permissions and operations to the current supplied panels. */\nexport class DashboardArrangementController {\n  readonly #host: DashboardArrangementHost;\n  readonly #delegate: DashboardArrangementDelegate;\n\n  constructor(host: DashboardArrangementHost, delegate: DashboardArrangementDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n  }\n\n  place(id: string, placement: DashboardGridPlacement): boolean {\n    this.#delegate.cancel();\n\n    const layout = this.#delegate.getLayout();\n    if (!layout) return false;\n\n    const next = this.findLayoutProposal(layout, id, { kind: 'command', command: '--place', placement });\n\n    return next ? this.#delegate.commit(next) : false;\n  }\n\n  getArrangementStateKey(): string {\n    return JSON.stringify({\n      value: this.#host.value,\n      settle: this.#host.autoSettle,\n      rearrangeable: this.#host.rearrangeable,\n      readingDirection: this.#host.matches(':dir(rtl)') ? 'rtl' : 'ltr',\n      panels: this.#delegate.getPanels().map(panel => ({\n        ...panel._getSpanConstraints(),\n        moveDisabled: panel.moveDisabled,\n        resizeDisabled: panel.resizeDisabled,\n        resizeCorner: getDashboardResizeCorner(panel)\n      }))\n    });\n  }\n\n  findLayoutProposal(layout: DashboardLayout, id: string, request: DashboardArrangementRequest) {\n    const panel = this.#delegate.getPanels().find(candidate => candidate.id === id);\n    if (!panel || !this.#delegate.isReady()) return undefined;\n\n    return planDashboardAction({\n      layout,\n      id,\n      request,\n      panels: this.#delegate.getPanels().map(candidate => candidate._getSpanConstraints()),\n      movable: this.isActionAllowed(panel, 'move'),\n      resizable: this.isActionAllowed(panel, 'resize'),\n      autoSettle: this.#host.autoSettle,\n      readingDirection: this.#host.matches(':dir(rtl)') ? 'rtl' : 'ltr',\n      resizeEdge: getDashboardResizeCorner(panel)\n    });\n  }\n\n  isActionAllowed(panel: DashboardPanel, action: DashboardAction) {\n    return (\n      this.#delegate.isReady() &&\n      this.#delegate.getPanels().includes(panel) &&\n      !this.#delegate.isFullscreenActive() &&\n      this.#host.rearrangeable &&\n      (action === 'move' ? !panel.moveDisabled : !panel.resizeDisabled)\n    );\n  }\n\n  canCommit(layout: DashboardLayout): boolean {\n    return this.#isProposalValid(layout) && serializeDashboardValue(layout) !== this.#host.value;\n  }\n\n  #isProposalValid(layout: DashboardLayout): boolean {\n    if (!this.#delegate.isReady()) return false;\n\n    const panels = this.#delegate.getOwnedPanels();\n    const reconciled = reconcileDashboard(\n      layout,\n      panels.map(panel => panel._getSpanConstraints()),\n      {\n        priority: this.#delegate.getKnown(),\n        autoSettle: this.#host.autoSettle,\n        hidden: new Set(panels.filter(panel => panel.hidden).map(panel => panel.id))\n      }\n    );\n\n    return !!reconciled && serializeDashboardValue(reconciled) === serializeDashboardValue(layout);\n  }\n}\n"],"mappings":";;;;AAgCA,IAAaA,IAAb,MAA4C;CAC1C;CACA;CAEA,YAAY,GAAgC,GAAwC;EAElF,AADA,KAAKC,KAAQC,GACb,KAAKC,KAAYC;CACnB;CAEA,MAAM,GAAY,GAA4C;EAC5D,KAAKD,GAAU,OAAO;EAEtB,IAAME,IAAS,KAAKF,GAAU,UAAU;EACxC,IAAI,CAACE,GAAQ,OAAO;EAEpB,IAAMC,IAAO,KAAK,mBAAmBD,GAAQE,GAAI;GAAE,MAAM;GAAW,SAAS;GAAW;EAAU,CAAC;EAEnG,OAAOD,IAAO,KAAKH,GAAU,OAAOG,CAAI,IAAI;CAC9C;CAEA,yBAAiC;EAC/B,OAAO,KAAK,UAAU;GACpB,OAAO,KAAKL,GAAM;GAClB,QAAQ,KAAKA,GAAM;GACnB,eAAe,KAAKA,GAAM;GAC1B,kBAAkB,KAAKA,GAAM,QAAQ,WAAW,IAAI,QAAQ;GAC5D,QAAQ,KAAKE,GAAU,UAAU,CAAC,CAAC,KAAI,OAAU;IAC/C,GAAGK,EAAM,oBAAoB;IAC7B,cAAcA,EAAM;IACpB,gBAAgBA,EAAM;IACtB,cAAcC,EAAyBD,CAAK;GAC9C,EAAE;EACJ,CAAC;CACH;CAEA,mBAAmB,GAAyB,GAAY,GAAsC;EAC5F,IAAMA,IAAQ,KAAKL,GAAU,UAAU,CAAC,CAAC,MAAK,MAAaO,EAAU,OAAOH,CAAE;EAC9E,IAAKC,KAAU,KAAKL,GAAU,QAAQ,GAEtC,OAAOQ,EAAoB;GACzB;GACA;GACA;GACA,QAAQ,KAAKR,GAAU,UAAU,CAAC,CAAC,KAAI,MAAaO,EAAU,oBAAoB,CAAC;GACnF,SAAS,KAAK,gBAAgBF,GAAO,MAAM;GAC3C,WAAW,KAAK,gBAAgBA,GAAO,QAAQ;GAC/C,YAAY,KAAKP,GAAM;GACvB,kBAAkB,KAAKA,GAAM,QAAQ,WAAW,IAAI,QAAQ;GAC5D,YAAYQ,EAAyBD,CAAK;EAC5C,CAAC;CACH;CAEA,gBAAgB,GAAuB,GAAyB;EAC9D,OACE,KAAKL,GAAU,QAAQ,KACvB,KAAKA,GAAU,UAAU,CAAC,CAAC,SAASK,CAAK,KACzC,CAAC,KAAKL,GAAU,mBAAmB,KACnC,KAAKF,GAAM,kBACVW,MAAW,SAAS,CAACJ,EAAM,eAAe,CAACA,EAAM;CAEtD;CAEA,UAAU,GAAkC;EAC1C,OAAO,KAAKK,GAAiBR,CAAM,KAAKS,EAAwBT,CAAM,MAAM,KAAKJ,GAAM;CACzF;CAEA,GAAiB,GAAkC;EACjD,IAAI,CAAC,KAAKE,GAAU,QAAQ,GAAG,OAAO;EAEtC,IAAMY,IAAS,KAAKZ,GAAU,eAAe,GACvCa,IAAaC,EACjBZ,GACAU,EAAO,KAAI,MAASP,EAAM,oBAAoB,CAAC,GAC/C;GACE,UAAU,KAAKL,GAAU,SAAS;GAClC,YAAY,KAAKF,GAAM;GACvB,QAAQ,IAAI,IAAIc,EAAO,QAAO,MAASP,EAAM,MAAM,CAAC,CAAC,KAAI,MAASA,EAAM,EAAE,CAAC;EAC7E,CACF;EAEA,OAAO,CAAC,CAACQ,KAAcF,EAAwBE,CAAU,MAAMF,EAAwBT,CAAM;CAC/F;AACF"}

package/dist/dashboard/controllers/command.controller.d.ts

@@ -0,0 +1,28 @@
+import { type ReactiveControllerHost } from 'lit';
+import type { DashboardFullscreenController } from './fullscreen.controller.js';
+import type { DashboardArrangementRequest } from '../utils/intent.types.js';
+import type { DashboardPanel } from '../panel/panel.js';
+import type { DashboardCommandContext, DashboardLayout } from '../dashboard.types.js';
+interface DashboardCommandHost extends HTMLElement, ReactiveControllerHost {
+    readonly value: string;
+}
+interface DashboardCommandDelegate {
+    getPanels(): DashboardPanel[];
+    getLayout(): DashboardLayout | undefined;
+    findLayoutProposal(layout: DashboardLayout, id: string, request: DashboardArrangementRequest): DashboardLayout | undefined;
+    canCommit(layout: DashboardLayout): boolean;
+    cancel(): void;
+    commit(layout: DashboardLayout): boolean;
+    readonly fullscreen: Pick<DashboardFullscreenController, 'canEnter' | 'canExit' | 'isSelectedPanel' | 'enter' | 'exit'>;
+}
+/** Routes Invoker commands and publishes command availability. */
+export declare class DashboardCommandController {
+    #private;
+    constructor(host: DashboardCommandHost, delegate: DashboardCommandDelegate);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    invalidate(): void;
+    flush(): void;
+    isCommandAvailable(command: string, context?: DashboardCommandContext): boolean;
+}
+export {};

package/dist/dashboard/controllers/command.controller.js

@@ -0,0 +1,69 @@
+import { isServer as e } from "lit";
+// src/dashboard/controllers/command.controller.ts
+var t = class {
+	#e;
+	#t;
+	#n = !0;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	hostConnected() {
+		e || this.#e.addEventListener("command", this.#i, !0);
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("command", this.#i, !0);
+	}
+	invalidate() {
+		this.#n = !0;
+	}
+	flush() {
+		this.#n && this.#e.isConnected && (this.#n = !1, this.#e.dispatchEvent(new Event("commandavailabilitychange", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	isCommandAvailable(e, t = {}) {
+		if (!t.value) return !1;
+		let n = this.#a(e, t.value);
+		if (n !== void 0) return n;
+		let r = this.#t.getLayout();
+		if (!r) return !1;
+		let i = this.#t.findLayoutProposal(r, t.value, {
+			kind: "command",
+			command: e,
+			placement: t.placement
+		});
+		return !!i && this.#t.canCommit(i);
+	}
+	#r(e) {
+		if (!(e.defaultPrevented || e.source?.disabled || e.source?.readOnly)) return e.target === this.#e ? this.#t.getPanels().find((t) => t.id === e.source?.value) : this.#t.getPanels().find((t) => t === e.target);
+	}
+	#i = (e) => {
+		if (!e.command) return;
+		let t = this.#r(e);
+		if (!t || this.#o(e.command, t.id)) return;
+		let n = this.#t.getLayout();
+		if (!n) return;
+		let r = e.source?.placement, i = this.#t.findLayoutProposal(n, t.id, {
+			kind: "command",
+			command: e.command,
+			placement: r
+		});
+		i && (this.#t.cancel(), this.#t.commit(i));
+	};
+	#a(e, t) {
+		if (this.#t.getPanels().some((e) => e.id === t)) switch (e) {
+			case "--enter-fullscreen": return this.#t.fullscreen.canEnter(t);
+			case "--exit-fullscreen": return this.#t.fullscreen.canExit;
+			case "--toggle-fullscreen": return this.#t.fullscreen.isSelectedPanel(t) ? this.#t.fullscreen.canExit : this.#t.fullscreen.canEnter(t);
+			default: return;
+		}
+	}
+	#o(e, t) {
+		let n = this.#a(e, t);
+		return n !== void 0 && (n && (e === "--exit-fullscreen" || e === "--toggle-fullscreen" && this.#t.fullscreen.isSelectedPanel(t) ? this.#t.fullscreen.exit() : this.#t.fullscreen.enter(t)), !0);
+	}
+};
+export { t as DashboardCommandController };
+
+//# sourceMappingURL=command.controller.js.map

package/dist/dashboard/controllers/command.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.controller.js","names":["DashboardCommandController","#host","host","#delegate","delegate","isServer","#handleCommand","#dirty","context","fullscreen","#getFullscreenCommandAvailability","command","layout","next","event","panel","#findCommandPanel","#handleFullscreenCommand","placement","id","available"],"sources":["../../../src/dashboard/controllers/command.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { isServer, type ReactiveControllerHost } from 'lit';\n\nimport type { DashboardFullscreenController } from './fullscreen.controller.js';\nimport type { DashboardArrangementRequest, DashboardCommandEvent } from '../utils/intent.types.js';\n\nimport type { DashboardPanel } from '../panel/panel.js';\n\nimport type { DashboardCommandContext, DashboardLayout } from '../dashboard.types.js';\n\ninterface DashboardCommandHost extends HTMLElement, ReactiveControllerHost {\n  readonly value: string;\n}\n\ninterface DashboardCommandDelegate {\n  getPanels(): DashboardPanel[];\n  getLayout(): DashboardLayout | undefined;\n  findLayoutProposal(\n    layout: DashboardLayout,\n    id: string,\n    request: DashboardArrangementRequest\n  ): DashboardLayout | undefined;\n  canCommit(layout: DashboardLayout): boolean;\n  cancel(): void;\n  commit(layout: DashboardLayout): boolean;\n  readonly fullscreen: Pick<\n    DashboardFullscreenController,\n    'canEnter' | 'canExit' | 'isSelectedPanel' | 'enter' | 'exit'\n  >;\n}\n\n/** Routes Invoker commands and publishes command availability. */\nexport class DashboardCommandController {\n  readonly #host: DashboardCommandHost;\n  readonly #delegate: DashboardCommandDelegate;\n  #dirty = true;\n\n  constructor(host: DashboardCommandHost, delegate: DashboardCommandDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  hostConnected() {\n    if (!isServer) {\n      this.#host.addEventListener('command', this.#handleCommand, true);\n    }\n  }\n\n  hostDisconnected() {\n    this.#host.removeEventListener('command', this.#handleCommand, true);\n  }\n\n  invalidate() {\n    this.#dirty = true;\n  }\n\n  flush() {\n    if (!this.#dirty || !this.#host.isConnected) return;\n\n    this.#dirty = false;\n    this.#host.dispatchEvent(new Event('commandavailabilitychange', { bubbles: true, composed: true }));\n  }\n\n  isCommandAvailable(command: string, context: DashboardCommandContext = {}): boolean {\n    if (!context.value) return false;\n\n    const fullscreen = this.#getFullscreenCommandAvailability(command, context.value);\n    if (fullscreen !== undefined) return fullscreen;\n\n    const layout = this.#delegate.getLayout();\n    if (!layout) return false;\n\n    const next = this.#delegate.findLayoutProposal(layout, context.value, {\n      kind: 'command',\n      command,\n      placement: context.placement\n    });\n\n    return !!next && this.#delegate.canCommit(next);\n  }\n\n  #findCommandPanel(event: DashboardCommandEvent) {\n    if (event.defaultPrevented || event.source?.disabled || event.source?.readOnly) {\n      return undefined;\n    }\n    if (event.target === this.#host) return this.#delegate.getPanels().find(panel => panel.id === event.source?.value);\n\n    return this.#delegate.getPanels().find(panel => panel === event.target);\n  }\n\n  #handleCommand = (event: DashboardCommandEvent) => {\n    if (!event.command) return;\n\n    const panel = this.#findCommandPanel(event);\n    if (!panel || this.#handleFullscreenCommand(event.command, panel.id)) return;\n\n    const layout = this.#delegate.getLayout();\n    if (!layout) return;\n\n    const placement = event.source?.placement;\n    const next = this.#delegate.findLayoutProposal(layout, panel.id, {\n      kind: 'command',\n      command: event.command,\n      placement\n    });\n\n    if (next) {\n      this.#delegate.cancel();\n      this.#delegate.commit(next);\n    }\n  };\n\n  #getFullscreenCommandAvailability(command: string, id: string): boolean | undefined {\n    if (!this.#delegate.getPanels().some(panel => panel.id === id)) return undefined;\n\n    switch (command) {\n      case '--enter-fullscreen':\n        return this.#delegate.fullscreen.canEnter(id);\n      case '--exit-fullscreen':\n        return this.#delegate.fullscreen.canExit;\n      case '--toggle-fullscreen':\n        return this.#delegate.fullscreen.isSelectedPanel(id)\n          ? this.#delegate.fullscreen.canExit\n          : this.#delegate.fullscreen.canEnter(id);\n      default:\n        return undefined;\n    }\n  }\n\n  #handleFullscreenCommand(command: string, id: string): boolean {\n    const available = this.#getFullscreenCommandAvailability(command, id);\n    if (available === undefined) return false;\n\n    if (available) {\n      if (\n        command === '--exit-fullscreen' ||\n        (command === '--toggle-fullscreen' && this.#delegate.fullscreen.isSelectedPanel(id))\n      ) {\n        this.#delegate.fullscreen.exit();\n      } else {\n        this.#delegate.fullscreen.enter(id);\n      }\n    }\n\n    return true;\n  }\n}\n"],"mappings":";;AAkCA,IAAaA,IAAb,MAAwC;CACtC;CACA;CACA,KAAS;CAET,YAAY,GAA4B,GAAoC;EAG1E,AAFA,KAAKC,KAAQC,GACb,KAAKC,KAAYC,GACjBF,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAgB;EACd,AAAKG,KACH,KAAKJ,GAAM,iBAAiB,WAAW,KAAKK,IAAgB,EAAI;CAEpE;CAEA,mBAAmB;EACjB,KAAKL,GAAM,oBAAoB,WAAW,KAAKK,IAAgB,EAAI;CACrE;CAEA,aAAa;EACX,KAAKC,KAAS;CAChB;CAEA,QAAQ;EACN,AAAK,KAAKA,MAAW,KAAKN,GAAM,gBAEhC,KAAKM,KAAS,IACd,KAAKN,GAAM,cAAc,IAAI,MAAM,6BAA6B;GAAE,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CACpG;CAEA,mBAAmB,GAAiB,IAAmC,CAAC,GAAY;EAClF,IAAI,CAACO,EAAQ,OAAO,OAAO;EAE3B,IAAMC,IAAa,KAAKC,GAAkCC,GAASH,EAAQ,KAAK;EAChF,IAAIC,MAAe,KAAA,GAAW,OAAOA;EAErC,IAAMG,IAAS,KAAKT,GAAU,UAAU;EACxC,IAAI,CAACS,GAAQ,OAAO;EAEpB,IAAMC,IAAO,KAAKV,GAAU,mBAAmBS,GAAQJ,EAAQ,OAAO;GACpE,MAAM;GACN;GACA,WAAWA,EAAQ;EACrB,CAAC;EAED,OAAO,CAAC,CAACK,KAAQ,KAAKV,GAAU,UAAUU,CAAI;CAChD;CAEA,GAAkB,GAA8B;EAC9C,IAAI,IAAM,oBAAoBC,EAAM,QAAQ,YAAYA,EAAM,QAAQ,WAKtE,OAFIA,EAAM,WAAW,KAAKb,KAAc,KAAKE,GAAU,UAAU,CAAC,CAAC,MAAK,MAASY,EAAM,OAAOD,EAAM,QAAQ,KAAK,IAE1G,KAAKX,GAAU,UAAU,CAAC,CAAC,MAAK,MAASY,MAAUD,EAAM,MAAM;CACxE;CAEA,MAAkB,MAAiC;EACjD,IAAI,CAACA,EAAM,SAAS;EAEpB,IAAMC,IAAQ,KAAKC,GAAkBF,CAAK;EAC1C,IAAI,CAACC,KAAS,KAAKE,GAAyBH,EAAM,SAASC,EAAM,EAAE,GAAG;EAEtE,IAAMH,IAAS,KAAKT,GAAU,UAAU;EACxC,IAAI,CAACS,GAAQ;EAEb,IAAMM,IAAYJ,EAAM,QAAQ,WAC1BD,IAAO,KAAKV,GAAU,mBAAmBS,GAAQG,EAAM,IAAI;GAC/D,MAAM;GACN,SAASD,EAAM;GACf;EACF,CAAC;EAED,AAAID,MACF,KAAKV,GAAU,OAAO,GACtB,KAAKA,GAAU,OAAOU,CAAI;CAE9B;CAEA,GAAkC,GAAiB,GAAiC;EAClF,IAAK,KAAKV,GAAU,UAAU,CAAC,CAAC,MAAK,MAASY,EAAM,OAAOI,CAAE,GAE7D,QAAQR,GAAR;GACE,KAAK,sBACH,OAAO,KAAKR,GAAU,WAAW,SAASgB,CAAE;GAC9C,KAAK,qBACH,OAAO,KAAKhB,GAAU,WAAW;GACnC,KAAK,uBACH,OAAO,KAAKA,GAAU,WAAW,gBAAgBgB,CAAE,IAC/C,KAAKhB,GAAU,WAAW,UAC1B,KAAKA,GAAU,WAAW,SAASgB,CAAE;GAC3C,SACE;EACJ;CACF;CAEA,GAAyB,GAAiB,GAAqB;EAC7D,IAAMC,IAAY,KAAKV,GAAkCC,GAASQ,CAAE;EAcpE,OAbIC,MAAc,KAAA,MAEdA,MAEAT,MAAY,uBACXA,MAAY,yBAAyB,KAAKR,GAAU,WAAW,gBAAgBgB,CAAE,IAElF,KAAKhB,GAAU,WAAW,KAAK,IAE/B,KAAKA,GAAU,WAAW,MAAMgB,CAAE,IAI/B;CACT;AACF"}

package/dist/dashboard/controllers/composition.controller.d.ts

@@ -0,0 +1,61 @@
+import { type ReactiveControllerHost } from 'lit';
+import { DashboardPanel } from '../panel/panel.js';
+import type { DashboardFullscreenController } from './fullscreen.controller.js';
+import type { DashboardPointerPresentation } from './interaction.controller.js';
+import type { DashboardMetrics } from '../utils/geometry.utils.js';
+import type { DashboardAction } from '../utils/intent.types.js';
+import type { DashboardItem, DashboardLayout } from '../dashboard.types.js';
+interface DashboardCompositionHost extends HTMLElement, ReactiveControllerHost {
+    readonly value: string;
+    readonly sizing: 'fit' | 'fixed';
+    readonly container?: 'inset' | 'flat' | 'full';
+    readonly fullscreenable: boolean;
+    readonly updateComplete: Promise<boolean>;
+}
+interface DashboardCompositionDelegate {
+    getLayout(): DashboardLayout | undefined;
+    getCanonicalLayout(): DashboardLayout | undefined;
+    getPreview(): DashboardLayout | undefined;
+    getPointerPresentation(): DashboardPointerPresentation | undefined;
+    getMetrics(): DashboardMetrics | undefined;
+    getLabels(): Readonly<Record<string, string>>;
+    isActionAllowed(panel: DashboardPanel, action: DashboardAction): boolean;
+    readonly fullscreen: DashboardFullscreenController;
+    measure(): void;
+    changed(catalogue: boolean): void;
+}
+interface DashboardPresentationSnapshot {
+    layout?: DashboardLayout;
+    panels: WeakMap<DashboardPanel, DashboardItem>;
+    fullscreenTargetId?: string;
+    metrics?: DashboardMetrics;
+    value: string;
+    sizing: 'fit' | 'fixed';
+    width: number;
+    height: number;
+}
+/** Presents stable panels and observes their supplied composition. */
+export declare class DashboardCompositionController {
+    #private;
+    constructor(host: DashboardCompositionHost, delegate: DashboardCompositionDelegate);
+    get ghostCorners(): Record<string, string>;
+    captureCorners(panel?: DashboardPanel): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    get ready(): boolean;
+    get catalogueReady(): boolean;
+    get pendingPresentation(): DashboardPresentationSnapshot | undefined;
+    get panels(): DashboardPanel[];
+    get hiddenPanelIds(): ReadonlySet<string>;
+    get ownedPanels(): DashboardPanel[];
+    hasPresentablePanel(id: string): boolean;
+    get viewport(): HTMLElement | undefined;
+    present(): void;
+    getPanelLabel(id: string): string;
+    revealKeyboardControl(layout: DashboardLayout, control: {
+        panel: DashboardPanel;
+        element: HTMLElement;
+        action: DashboardAction;
+    }): Promise<void>;
+}
+export {};

package/dist/dashboard/controllers/composition.controller.js

@@ -0,0 +1,285 @@
+import { getActiveElement as e } from "../../internal/utils/focus.js";
+import { getCustomElementRegistry as t, matchesElementName as n } from "../../internal/utils/dom.js";
+import { getDashboardClientRect as r, getDashboardPixelPlacement as i, getDashboardPlacementClientRect as a, getProjectedControlRect as o, getRevealScrollDelta as s, haveSameGridPitch as c } from "../utils/geometry.utils.js";
+import { serializeDashboardValue as l } from "../utils/layout.utils.js";
+import { DashboardPanel as u } from "../panel/panel2.js";
+import { isDashboardCatalogueMutation as d, isDashboardTitleMutation as f } from "../utils/mutation.utils.js";
+import { isServer as p } from "lit";
+// src/dashboard/controllers/composition.controller.ts
+var m = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a = {};
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	get ghostCorners() {
+		return this.#a;
+	}
+	captureCorners(e) {
+		if (!e || this.#t.getPointerPresentation()?.panel === e) return;
+		let t = e.shadowRoot?.querySelector("[internal-host]"), n = getComputedStyle(t ?? e);
+		this.#a = {
+			borderTopLeftRadius: n.borderTopLeftRadius,
+			borderTopRightRadius: n.borderTopRightRadius,
+			borderBottomRightRadius: n.borderBottomRightRadius,
+			borderBottomLeftRadius: n.borderBottomLeftRadius
+		};
+	}
+	hostConnected() {
+		p || (t(this.#e)?.whenDefined(u.metadata.tag).then(() => {
+			this.#e.isConnected && this.#e.requestUpdate();
+		}), this.#n = new MutationObserver((e) => {
+			let t = e.some((e) => d(this.#e, e)), n = e.some((e) => f(this.#e, e));
+			(t || n) && this.#t.changed(t);
+		}), this.#n.observe(this.#e, {
+			childList: !0,
+			characterData: !0,
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: [
+				"id",
+				"slot",
+				"hidden",
+				"min-column-span",
+				"max-column-span",
+				"min-row-span",
+				"max-row-span",
+				"move-disabled",
+				"resize-disabled"
+			]
+		}), this.#e.addEventListener("focusin", this.#C));
+	}
+	hostDisconnected() {
+		this.#n?.disconnect(), this.#e.removeEventListener("focusin", this.#C), this.#r = void 0, this.#i = void 0;
+	}
+	get #o() {
+		return [...this.#e.children].filter((e) => n(e, u) && !e.getAttribute("slot"));
+	}
+	get ready() {
+		return this.#o.length === this.ownedPanels.length;
+	}
+	get catalogueReady() {
+		if (!this.ready) return !1;
+		let e = this.ownedPanels, t = new Set(e.map((e) => e.id));
+		return !t.has("") && t.size === e.length;
+	}
+	get pendingPresentation() {
+		if (!p) return this.catalogueReady && this.#t.getLayout() ? void 0 : this.#i;
+	}
+	get panels() {
+		return this.ownedPanels.filter((e) => !e.hidden);
+	}
+	get hiddenPanelIds() {
+		return new Set(this.ownedPanels.filter((e) => e.hidden).map((e) => e.id));
+	}
+	get ownedPanels() {
+		return this.#o.filter((e) => "_getSpanConstraints" in e && typeof e._getSpanConstraints == "function" && "_configure" in e && typeof e._configure == "function" && "_getLabel" in e && typeof e._getLabel == "function");
+	}
+	hasPresentablePanel(e) {
+		let t = this.panels.filter((t) => t.id === e), n = this.#i;
+		return t.some((e) => n?.panels.has(e)) ? !0 : t.length > 0 && this.catalogueReady && !!this.#t.getCanonicalLayout();
+	}
+	get viewport() {
+		return this.#e.shadowRoot?.querySelector(".viewport") ?? void 0;
+	}
+	present() {
+		if (this.catalogueReady && this.#t.getLayout()) this.#h(this.panels), this.#s(this.#l());
+		else if (this.#r = void 0, this.#i) this.#s(this.#c(this.#i));
+		else for (let e of this.panels) this.#g(e, { placed: !1 });
+	}
+	#s(e) {
+		let t = this.#i?.fullscreenTargetId, n = this.panels, r = this.#u(e);
+		r && this.#d(n, "0ms");
+		try {
+			this.#f(n, e), r && this.#e.shadowRoot?.querySelector(".canvas")?.getBoundingClientRect(), this.#i = e;
+		} finally {
+			r && this.#d(n);
+		}
+		this.#x(t, e.fullscreenTargetId);
+	}
+	#c(e) {
+		let { width: t, height: n } = this.#e.getBoundingClientRect();
+		return {
+			...e,
+			width: t,
+			height: n,
+			metrics: this.#t.getMetrics() ?? e.metrics,
+			fullscreenTargetId: this.#t.fullscreen.targetPanelId
+		};
+	}
+	#l() {
+		let { width: e, height: t } = this.#e.getBoundingClientRect(), n = this.#t.getLayout(), r = this.#t.getMetrics(), i = /* @__PURE__ */ new WeakMap();
+		for (let e of this.panels) {
+			let t = n?.items.find((t) => t.id === e.id);
+			t && r && i.set(e, t);
+		}
+		return {
+			layout: n,
+			panels: i,
+			metrics: r,
+			value: this.#e.value,
+			sizing: this.#e.sizing,
+			width: e,
+			height: t,
+			fullscreenTargetId: this.#t.fullscreen.targetPanelId
+		};
+	}
+	#u(e) {
+		let t = this.#i;
+		return e.fullscreenTargetId !== t?.fullscreenTargetId || !!t && (e.width !== t.width || e.height !== t.height) && !c(e.metrics, t.metrics) && e.value === t.value && e.sizing === t.sizing;
+	}
+	#d(e, t) {
+		for (let n of e) t === void 0 ? n.style.removeProperty("--_geometry-animation-duration") : n.style.setProperty("--_geometry-animation-duration", t);
+	}
+	#f(e, t) {
+		let n = this.#t.getPreview() ?? this.#t.getLayout(), r = t.metrics;
+		for (let i of e) {
+			let e = this.#t.getPointerPresentation()?.panel === i ? this.#t.getPointerPresentation() : void 0, a = n ? n.items.find((e) => e.id === i.id) : t.panels.get(i), o = !!a && !!r;
+			a && r && this.#p({
+				panel: i,
+				item: a,
+				metrics: r,
+				active: e
+			}), this.#g(i, {
+				placed: o,
+				active: e
+			});
+		}
+	}
+	#p(e) {
+		let { panel: t, item: n, metrics: r, active: i } = e, a = this.#m(n, r, i);
+		t.style.setProperty("--_dashboard-inline-start", `${a.inlineStart}px`), Object.assign(t.style, {
+			top: `${a.top}px`,
+			width: `${a.width}px`,
+			height: `${a.height}px`
+		});
+	}
+	#m(e, t, n) {
+		let r = this.viewport;
+		return e.id === this.#t.fullscreen.targetPanelId && r ? {
+			inlineStart: 0,
+			top: 0,
+			width: r.clientWidth,
+			height: r.clientHeight
+		} : n?.canvasPlacement ?? i(e, t);
+	}
+	#h(e) {
+		let t = this.#r;
+		if (t?.value === this.#e.value && t.panels.length === e.length && e.every((e, n) => e === t.panels[n])) return;
+		this.#r = {
+			value: this.#e.value,
+			panels: e
+		};
+		let n = this.#t.getLayout();
+		if (!n) return;
+		let r = e.flatMap((e, t) => {
+			let r = n.items.find((t) => t.id === e.id);
+			return r ? [{
+				panel: e,
+				index: t,
+				item: r
+			}] : [];
+		});
+		r.sort((e, t) => {
+			let r = e.item.column - t.item.column, i = e.item.row - t.item.row;
+			return (n.grid.flow === "vertical" ? i || r : r || i) || e.index - t.index;
+		}), r.forEach(({ panel: e }, t) => e.style.setProperty("--_reading-order", `${t}`));
+	}
+	#g(e, t) {
+		let { placed: n, active: r } = t;
+		this.#e.container && e.getAttribute("container") !== this.#e.container ? e.setAttribute("container", this.#e.container) : this.#e.container || e.removeAttribute("container");
+		let i = n ? {
+			fullscreenControl: this.#y(e.id),
+			fullscreen: this.#v(e.id)
+		} : {};
+		e._configure({
+			placed: n,
+			...this.#_(e, n),
+			mode: r?.preview ? r.action : void 0,
+			carried: !!r?.canvasPlacement,
+			lifted: !!r?.canvasPlacement && r.preview,
+			...i,
+			labels: this.#t.getLabels()
+		});
+	}
+	#_(e, t) {
+		return !t || !this.#t.getLayout() ? {
+			movable: !1,
+			resizable: !1
+		} : {
+			movable: this.#t.isActionAllowed(e, "move"),
+			resizable: this.#t.isActionAllowed(e, "resize")
+		};
+	}
+	#v(e) {
+		if (this.#t.fullscreen.active) return this.#t.fullscreen.targetPanelId === e ? "selected" : "excluded";
+	}
+	#y(e) {
+		if (this.#t.fullscreen.isSelectedPanel(e)) return "exit";
+		if (this.#e.fullscreenable) return this.#t.fullscreen.canEnter(e) ? "enter" : "unavailable";
+	}
+	getPanelLabel(e) {
+		return this.panels.find((t) => t.id === e)?._getLabel() || e;
+	}
+	async revealKeyboardControl(e, t) {
+		await this.#e.updateComplete;
+		let { panel: n, element: r, action: i } = t;
+		if (!this.#e.isConnected || this.#t.getPointerPresentation()?.canvasPlacement || !this.panels.includes(n) || n.shadowRoot?.activeElement !== r || !this.#t.isActionAllowed(n, i)) return;
+		let a = this.#t.getCanonicalLayout();
+		a && l(a) === l(e) && (this.#t.measure(), this.#b({
+			panel: n,
+			control: r,
+			action: i,
+			layout: a
+		}));
+	}
+	#b(e) {
+		let { panel: t, control: n, action: s, layout: c } = e, l = this.viewport, u = this.#e.shadowRoot?.querySelector(".canvas"), d = c.items.find((e) => e.id === t.id), f = this.#t.getMetrics();
+		if (!l || !u || !d || !f) return;
+		let p = u.getBoundingClientRect(), m = i(d, f), h = o({
+			control: r(n),
+			current: r(t),
+			target: a(m, {
+				x: p.left,
+				y: p.top,
+				width: p.width,
+				height: p.height
+			}, this.#e.matches(":dir(rtl)") ? "rtl" : "ltr")
+		}, {
+			right: s === "resize" ? !t.matches(":dir(rtl)") : t.matches(":dir(rtl)"),
+			bottom: s === "resize"
+		});
+		this.#S(h);
+	}
+	#x(t, n) {
+		if (!t || n) return;
+		let i = e(this.#e.ownerDocument);
+		i instanceof HTMLElement && i.isConnected && this.panels.some((e) => e.matches(":focus-within")) && this.#S(r(i));
+	}
+	#S(e) {
+		let t = this.viewport;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = s(e, {
+			x: n.left,
+			y: n.top,
+			width: t.clientWidth,
+			height: t.clientHeight
+		});
+		t.scrollBy(r.x, r.y);
+	}
+	#C = (e) => {
+		if (this.#t.getPointerPresentation()?.canvasPlacement) return;
+		let t = e.composedPath();
+		t.some((e) => e instanceof HTMLElement && this.panels.some((t) => t === e)) && t.find((e) => e instanceof HTMLElement)?.scrollIntoView({
+			block: "nearest",
+			inline: "nearest"
+		});
+	};
+};
+export { m as DashboardCompositionController };
+
+//# sourceMappingURL=composition.controller.js.map

package/dist/dashboard/controllers/composition.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition.controller.js","names":["DashboardCompositionController","#host","host","#delegate","delegate","#ghostCorners","panel","surface","style","isServer","getCustomElementRegistry","DashboardPanel","#observer","catalogue","records","isDashboardCatalogueMutation","record","titles","isDashboardTitleMutation","#focus","#readingOrderSource","#presentedGeometry","#panelElements","matchesElementName","panels","ids","matching","id","previous","#updateReadingOrder","#presentSnapshot","#getPresentationSnapshot","#getRetainedSnapshot","#configurePanel","previousFullscreen","recalibrating","#requiresImmediateGeometry","context","#setGeometryDuration","#presentPanels","#revealFocusedContent","layout","metrics","item","candidate","haveSameGridPitch","duration","active","placed","#presentPanelGeometry","input","box","#getPanelPixelPlacement","viewport","getDashboardPixelPlacement","index","entries","columnOrder","a","b","rowOrder","rank","presentation","fullscreen","#getFullscreenControl","#getFullscreenView","#getPanelCapabilities","control","element","action","current","serializeDashboardValue","#revealControl","canvas","origin","target","rect","getProjectedControlRect","getDashboardClientRect","getDashboardPlacementClientRect","#scrollViewportTo","previousTargetId","targetId","getActiveElement","bounds","delta","getRevealScrollDelta","path","event","node"],"sources":["../../../src/dashboard/controllers/composition.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { isServer, type ReactiveControllerHost } from 'lit';\n\nimport {\n  getActiveElement,\n  getCustomElementRegistry,\n  matchesElementName,\n  type Rect\n} from '@nvidia-elements/core/internal';\n\nimport {\n  getDashboardClientRect,\n  getDashboardPixelPlacement,\n  getDashboardPlacementClientRect,\n  getProjectedControlRect,\n  getRevealScrollDelta,\n  haveSameGridPitch\n} from '../utils/geometry.utils.js';\nimport { serializeDashboardValue } from '../utils/layout.utils.js';\nimport { isDashboardCatalogueMutation, isDashboardTitleMutation } from '../utils/mutation.utils.js';\n\nimport { DashboardPanel } from '../panel/panel.js';\n\nimport type { DashboardFullscreenController } from './fullscreen.controller.js';\nimport type { DashboardPointerPresentation } from './interaction.controller.js';\nimport type { DashboardMetrics, DashboardPixelPlacement } from '../utils/geometry.utils.js';\nimport type { DashboardAction } from '../utils/intent.types.js';\n\nimport type { DashboardItem, DashboardLayout } from '../dashboard.types.js';\n\ninterface DashboardCompositionHost extends HTMLElement, ReactiveControllerHost {\n  readonly value: string;\n  readonly sizing: 'fit' | 'fixed';\n  readonly container?: 'inset' | 'flat' | 'full';\n  readonly fullscreenable: boolean;\n  readonly updateComplete: Promise<boolean>;\n}\n\ninterface DashboardCompositionDelegate {\n  getLayout(): DashboardLayout | undefined;\n  getCanonicalLayout(): DashboardLayout | undefined;\n  getPreview(): DashboardLayout | undefined;\n  getPointerPresentation(): DashboardPointerPresentation | undefined;\n  getMetrics(): DashboardMetrics | undefined;\n  getLabels(): Readonly<Record<string, string>>;\n  isActionAllowed(panel: DashboardPanel, action: DashboardAction): boolean;\n  readonly fullscreen: DashboardFullscreenController;\n  measure(): void;\n  changed(catalogue: boolean): void;\n}\n\ninterface DashboardPresentationSnapshot {\n  layout?: DashboardLayout;\n  panels: WeakMap<DashboardPanel, DashboardItem>;\n  fullscreenTargetId?: string;\n  metrics?: DashboardMetrics;\n  value: string;\n  sizing: 'fit' | 'fixed';\n  width: number;\n  height: number;\n}\n\n/** Presents stable panels and observes their supplied composition. */\nexport class DashboardCompositionController {\n  readonly #host: DashboardCompositionHost;\n  readonly #delegate: DashboardCompositionDelegate;\n  #observer?: MutationObserver;\n  #readingOrderSource?: { value: string; panels: readonly DashboardPanel[] };\n  #presentedGeometry?: DashboardPresentationSnapshot;\n  #ghostCorners: Record<string, string> = {};\n\n  constructor(host: DashboardCompositionHost, delegate: DashboardCompositionDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  get ghostCorners() {\n    return this.#ghostCorners;\n  }\n\n  captureCorners(panel?: DashboardPanel) {\n    if (!panel || this.#delegate.getPointerPresentation()?.panel === panel) return;\n\n    const surface = panel.shadowRoot?.querySelector('[internal-host]');\n    const style = getComputedStyle(surface ?? panel);\n\n    this.#ghostCorners = {\n      borderTopLeftRadius: style.borderTopLeftRadius,\n      borderTopRightRadius: style.borderTopRightRadius,\n      borderBottomRightRadius: style.borderBottomRightRadius,\n      borderBottomLeftRadius: style.borderBottomLeftRadius\n    };\n  }\n\n  hostConnected() {\n    if (isServer) return;\n\n    void getCustomElementRegistry(this.#host)\n      ?.whenDefined(DashboardPanel.metadata.tag)\n      .then(() => {\n        if (this.#host.isConnected) {\n          this.#host.requestUpdate();\n        }\n      });\n    this.#observer = new MutationObserver(records => {\n      const catalogue = records.some(record => isDashboardCatalogueMutation(this.#host, record));\n      const titles = records.some(record => isDashboardTitleMutation(this.#host, record));\n\n      if (catalogue || titles) {\n        this.#delegate.changed(catalogue);\n      }\n    });\n    this.#observer.observe(this.#host, {\n      childList: true,\n      characterData: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\n        'id',\n        'slot',\n        'hidden',\n        'min-column-span',\n        'max-column-span',\n        'min-row-span',\n        'max-row-span',\n        'move-disabled',\n        'resize-disabled'\n      ]\n    });\n    this.#host.addEventListener('focusin', this.#focus);\n  }\n\n  hostDisconnected() {\n    this.#observer?.disconnect();\n    this.#host.removeEventListener('focusin', this.#focus);\n    this.#readingOrderSource = undefined;\n    this.#presentedGeometry = undefined;\n  }\n\n  get #panelElements() {\n    return [...this.#host.children].filter(\n      panel => matchesElementName(panel, DashboardPanel) && !panel.getAttribute('slot')\n    );\n  }\n\n  get ready() {\n    return this.#panelElements.length === this.ownedPanels.length;\n  }\n\n  get catalogueReady(): boolean {\n    if (!this.ready) return false;\n\n    const panels = this.ownedPanels;\n    const ids = new Set(panels.map(panel => panel.id));\n\n    return !ids.has('') && ids.size === panels.length;\n  }\n\n  get pendingPresentation() {\n    if (isServer) return undefined;\n\n    return this.catalogueReady && this.#delegate.getLayout() ? undefined : this.#presentedGeometry;\n  }\n\n  get panels(): DashboardPanel[] {\n    return this.ownedPanels.filter(panel => !panel.hidden);\n  }\n\n  get hiddenPanelIds(): ReadonlySet<string> {\n    return new Set(this.ownedPanels.filter(panel => panel.hidden).map(panel => panel.id));\n  }\n\n  get ownedPanels(): DashboardPanel[] {\n    return this.#panelElements.filter(\n      (panel): panel is DashboardPanel =>\n        '_getSpanConstraints' in panel &&\n        typeof panel._getSpanConstraints === 'function' &&\n        '_configure' in panel &&\n        typeof panel._configure === 'function' &&\n        '_getLabel' in panel &&\n        typeof panel._getLabel === 'function'\n    );\n  }\n\n  hasPresentablePanel(id: string): boolean {\n    const panels = this.panels;\n    const matching = panels.filter(panel => panel.id === id);\n    const previous = this.#presentedGeometry;\n\n    if (matching.some(panel => previous?.panels.has(panel))) return true;\n\n    return matching.length > 0 && this.catalogueReady && !!this.#delegate.getCanonicalLayout();\n  }\n\n  get viewport(): HTMLElement | undefined {\n    return this.#host.shadowRoot?.querySelector<HTMLElement>('.viewport') ?? undefined;\n  }\n\n  present() {\n    if (this.catalogueReady && this.#delegate.getLayout()) {\n      this.#updateReadingOrder(this.panels);\n      this.#presentSnapshot(this.#getPresentationSnapshot());\n      return;\n    }\n\n    this.#readingOrderSource = undefined;\n\n    if (this.#presentedGeometry) {\n      this.#presentSnapshot(this.#getRetainedSnapshot(this.#presentedGeometry));\n      return;\n    }\n\n    for (const panel of this.panels) {\n      this.#configurePanel(panel, { placed: false });\n    }\n  }\n\n  #presentSnapshot(context: DashboardPresentationSnapshot) {\n    const previousFullscreen = this.#presentedGeometry?.fullscreenTargetId;\n    const panels = this.panels;\n    const recalibrating = this.#requiresImmediateGeometry(context);\n\n    if (recalibrating) {\n      this.#setGeometryDuration(panels, '0ms');\n    }\n\n    try {\n      this.#presentPanels(panels, context);\n\n      if (recalibrating) {\n        this.#host.shadowRoot?.querySelector<HTMLElement>('.canvas')?.getBoundingClientRect();\n      }\n\n      this.#presentedGeometry = context;\n    } finally {\n      if (recalibrating) {\n        this.#setGeometryDuration(panels);\n      }\n    }\n\n    this.#revealFocusedContent(previousFullscreen, context.fullscreenTargetId);\n  }\n\n  #getRetainedSnapshot(previous: DashboardPresentationSnapshot): DashboardPresentationSnapshot {\n    const { width, height } = this.#host.getBoundingClientRect();\n\n    return {\n      ...previous,\n      width,\n      height,\n      metrics: this.#delegate.getMetrics() ?? previous.metrics,\n      fullscreenTargetId: this.#delegate.fullscreen.targetPanelId\n    };\n  }\n\n  #getPresentationSnapshot(): DashboardPresentationSnapshot {\n    const { width, height } = this.#host.getBoundingClientRect();\n    const layout = this.#delegate.getLayout();\n    const metrics = this.#delegate.getMetrics();\n    const panels = new WeakMap<DashboardPanel, DashboardItem>();\n\n    for (const panel of this.panels) {\n      const item = layout?.items.find(candidate => candidate.id === panel.id);\n      if (item && metrics) panels.set(panel, item);\n    }\n\n    return {\n      layout,\n      panels,\n      metrics,\n      value: this.#host.value,\n      sizing: this.#host.sizing,\n      width,\n      height,\n      fullscreenTargetId: this.#delegate.fullscreen.targetPanelId\n    };\n  }\n\n  #requiresImmediateGeometry(context: DashboardPresentationSnapshot): boolean {\n    const previous = this.#presentedGeometry;\n    if (context.fullscreenTargetId !== previous?.fullscreenTargetId) return true;\n\n    return (\n      !!previous &&\n      (context.width !== previous.width || context.height !== previous.height) &&\n      !haveSameGridPitch(context.metrics, previous.metrics) &&\n      context.value === previous.value &&\n      context.sizing === previous.sizing\n    );\n  }\n\n  #setGeometryDuration(panels: readonly DashboardPanel[], duration?: string) {\n    for (const panel of panels) {\n      if (duration === undefined) {\n        panel.style.removeProperty('--_geometry-animation-duration');\n      } else {\n        panel.style.setProperty('--_geometry-animation-duration', duration);\n      }\n    }\n  }\n\n  #presentPanels(panels: readonly DashboardPanel[], context: DashboardPresentationSnapshot) {\n    const layout = this.#delegate.getPreview() ?? this.#delegate.getLayout();\n    const metrics = context.metrics;\n\n    for (const panel of panels) {\n      const active =\n        this.#delegate.getPointerPresentation()?.panel === panel ? this.#delegate.getPointerPresentation() : undefined;\n      const item = layout ? layout.items.find(candidate => candidate.id === panel.id) : context.panels.get(panel);\n      const placed = !!item && !!metrics;\n\n      if (item && metrics) {\n        this.#presentPanelGeometry({ panel, item, metrics, active });\n      }\n\n      this.#configurePanel(panel, { placed, active });\n    }\n  }\n\n  #presentPanelGeometry(input: {\n    panel: DashboardPanel;\n    item: DashboardItem;\n    metrics: DashboardMetrics;\n    active?: DashboardPointerPresentation;\n  }) {\n    const { panel, item, metrics, active } = input;\n    const box = this.#getPanelPixelPlacement(item, metrics, active);\n\n    panel.style.setProperty('--_dashboard-inline-start', `${box.inlineStart}px`);\n    Object.assign(panel.style, {\n      top: `${box.top}px`,\n      width: `${box.width}px`,\n      height: `${box.height}px`\n    });\n  }\n\n  #getPanelPixelPlacement(\n    item: DashboardLayout['items'][number],\n    metrics: DashboardMetrics,\n    active?: DashboardPointerPresentation\n  ): DashboardPixelPlacement {\n    const viewport = this.viewport;\n    if (item.id === this.#delegate.fullscreen.targetPanelId && viewport) {\n      return { inlineStart: 0, top: 0, width: viewport.clientWidth, height: viewport.clientHeight };\n    }\n\n    return active?.canvasPlacement ?? getDashboardPixelPlacement(item, metrics);\n  }\n\n  #updateReadingOrder(panels: readonly DashboardPanel[]) {\n    const previous = this.#readingOrderSource;\n    if (\n      previous?.value === this.#host.value &&\n      previous.panels.length === panels.length &&\n      panels.every((panel, index) => panel === previous.panels[index])\n    ) {\n      return;\n    }\n\n    this.#readingOrderSource = { value: this.#host.value, panels };\n\n    const layout = this.#delegate.getLayout();\n    if (!layout) return;\n\n    const entries = panels.flatMap((panel, index) => {\n      const item = layout.items.find(candidate => candidate.id === panel.id);\n      return item ? [{ panel, index, item }] : [];\n    });\n\n    entries.sort((a, b) => {\n      const columnOrder = a.item.column - b.item.column;\n      const rowOrder = a.item.row - b.item.row;\n\n      return (layout.grid.flow === 'vertical' ? rowOrder || columnOrder : columnOrder || rowOrder) || a.index - b.index;\n    });\n\n    entries.forEach(({ panel }, rank) => panel.style.setProperty('--_reading-order', `${rank}`));\n  }\n\n  #configurePanel(panel: DashboardPanel, presentation: { placed: boolean; active?: DashboardPointerPresentation }) {\n    const { placed, active } = presentation;\n\n    if (this.#host.container && panel.getAttribute('container') !== this.#host.container) {\n      panel.setAttribute('container', this.#host.container);\n    } else if (!this.#host.container) {\n      panel.removeAttribute('container');\n    }\n\n    const fullscreen = placed\n      ? { fullscreenControl: this.#getFullscreenControl(panel.id), fullscreen: this.#getFullscreenView(panel.id) }\n      : {};\n\n    panel._configure({\n      placed,\n      ...this.#getPanelCapabilities(panel, placed),\n      mode: active?.preview ? active.action : undefined,\n      carried: !!active?.canvasPlacement,\n      lifted: !!active?.canvasPlacement && active.preview,\n      ...fullscreen,\n      labels: this.#delegate.getLabels()\n    });\n  }\n\n  #getPanelCapabilities(panel: DashboardPanel, placed: boolean) {\n    if (!placed || !this.#delegate.getLayout()) return { movable: false, resizable: false };\n\n    return {\n      movable: this.#delegate.isActionAllowed(panel, 'move'),\n      resizable: this.#delegate.isActionAllowed(panel, 'resize')\n    };\n  }\n\n  #getFullscreenView(id: string): 'selected' | 'excluded' | undefined {\n    if (!this.#delegate.fullscreen.active) return undefined;\n\n    return this.#delegate.fullscreen.targetPanelId === id ? 'selected' : 'excluded';\n  }\n\n  #getFullscreenControl(id: string): 'enter' | 'exit' | 'unavailable' | undefined {\n    if (this.#delegate.fullscreen.isSelectedPanel(id)) return 'exit';\n    if (!this.#host.fullscreenable) return undefined;\n\n    return this.#delegate.fullscreen.canEnter(id) ? 'enter' : 'unavailable';\n  }\n\n  getPanelLabel(id: string) {\n    return this.panels.find(panel => panel.id === id)?._getLabel() || id;\n  }\n\n  async revealKeyboardControl(\n    layout: DashboardLayout,\n    control: {\n      panel: DashboardPanel;\n      element: HTMLElement;\n      action: DashboardAction;\n    }\n  ) {\n    await this.#host.updateComplete;\n\n    const { panel, element, action } = control;\n    if (!this.#host.isConnected || this.#delegate.getPointerPresentation()?.canvasPlacement) return;\n    if (!this.panels.includes(panel) || panel.shadowRoot?.activeElement !== element) return;\n    if (!this.#delegate.isActionAllowed(panel, action)) return;\n\n    const current = this.#delegate.getCanonicalLayout();\n    if (!current || serializeDashboardValue(current) !== serializeDashboardValue(layout)) return;\n\n    this.#delegate.measure();\n    this.#revealControl({ panel, control: element, action, layout: current });\n  }\n\n  #revealControl(input: {\n    panel: DashboardPanel;\n    control: HTMLElement;\n    action: DashboardAction;\n    layout: DashboardLayout;\n  }) {\n    const { panel, control, action, layout } = input;\n    const viewport = this.viewport;\n    const canvas = this.#host.shadowRoot?.querySelector<HTMLElement>('.canvas');\n    const item = layout.items.find(candidate => candidate.id === panel.id);\n    const metrics = this.#delegate.getMetrics();\n    if (!viewport || !canvas || !item || !metrics) {\n      return;\n    }\n\n    const origin = canvas.getBoundingClientRect();\n    const target = getDashboardPixelPlacement(item, metrics);\n    const rect = getProjectedControlRect(\n      {\n        control: getDashboardClientRect(control),\n        current: getDashboardClientRect(panel),\n        target: getDashboardPlacementClientRect(\n          target,\n          { x: origin.left, y: origin.top, width: origin.width, height: origin.height },\n          this.#host.matches(':dir(rtl)') ? 'rtl' : 'ltr'\n        )\n      },\n      {\n        right: action === 'resize' ? !panel.matches(':dir(rtl)') : panel.matches(':dir(rtl)'),\n        bottom: action === 'resize'\n      }\n    );\n\n    this.#scrollViewportTo(rect);\n  }\n\n  #revealFocusedContent(previousTargetId: string | undefined, targetId: string | undefined) {\n    if (!previousTargetId || targetId) return;\n\n    const active = getActiveElement(this.#host.ownerDocument);\n    if (\n      !(active instanceof HTMLElement) ||\n      !active.isConnected ||\n      !this.panels.some(panel => panel.matches(':focus-within'))\n    ) {\n      return;\n    }\n\n    this.#scrollViewportTo(getDashboardClientRect(active));\n  }\n\n  #scrollViewportTo(rect: Rect) {\n    const viewport = this.viewport;\n    if (!viewport) return;\n\n    const bounds = viewport.getBoundingClientRect();\n    const delta = getRevealScrollDelta(rect, {\n      x: bounds.left,\n      y: bounds.top,\n      width: viewport.clientWidth,\n      height: viewport.clientHeight\n    });\n\n    viewport.scrollBy(delta.x, delta.y);\n  }\n\n  #focus = (event: FocusEvent) => {\n    if (this.#delegate.getPointerPresentation()?.canvasPlacement) return;\n\n    const path = event.composedPath();\n    if (!path.some(node => node instanceof HTMLElement && this.panels.some(panel => panel === node))) {\n      return;\n    }\n\n    path\n      .find((node): node is HTMLElement => node instanceof HTMLElement)\n      ?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n  };\n}\n"],"mappings":"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"}