@nvidia-elements/core 2.23.5 → 2.24.0

package/dist/dashboard/panel/panel2.js

@@ -0,0 +1,110 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { DragHandle as t } from "../../drag-handle/drag-handle2.js";
+import { IconButton as n } from "../../icon-button/icon-button2.js";
+import r from "./panel.js";
+import { attachInternals as i } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as a, html as o, isServer as s } from "lit";
+import { property as c } from "lit/decorators/property.js";
+import { scopedRegistry as l } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
+import { state as d } from "lit/decorators/state.js";
+// src/dashboard/panel/panel.ts
+var f = class extends a {
+	constructor(...e) {
+		super(...e), this.minColumnSpan = 1, this.minRowSpan = 1, this.maxColumnSpan = 1e6, this.maxRowSpan = 1e6, this.moveDisabled = !1, this.resizeDisabled = !1, this.#e = (e) => {
+			e.currentTarget instanceof HTMLElement && e.currentTarget.removeAttribute("data-pointer-focus");
+		};
+	}
+	static {
+		this.styles = u([r]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-dashboard-panel",
+			version: "2.24.0",
+			parents: ["nve-dashboard"],
+			children: [
+				"nve-dashboard-panel-header",
+				"nve-dashboard-panel-content",
+				"nve-dashboard-panel-footer"
+			]
+		};
+	}
+	static {
+		this.elementDefinitions = {
+			[t.metadata.tag]: t,
+			[n.metadata.tag]: n
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), i(this), this._internals.role = "region";
+	}
+	disconnectedCallback() {
+		for (let e of this.shadowRoot?.querySelectorAll(".grip > [data-pointer-focus]") ?? []) e.removeAttribute("data-pointer-focus");
+		this._internals.states.delete("placed"), this._internals.states.delete("fullscreen"), this._internals.states.delete("fullscreen-excluded"), super.disconnectedCallback();
+	}
+	#e;
+	_getSpanConstraints() {
+		return {
+			id: this.id,
+			minColumnSpan: this.minColumnSpan,
+			minRowSpan: this.minRowSpan,
+			maxColumnSpan: this.maxColumnSpan,
+			maxRowSpan: this.maxRowSpan
+		};
+	}
+	_configure(e) {
+		let t = this.presentation;
+		this.#n(e.fullscreen), this.#t(e.placed), e.carried ? this._internals.states.add("carried") : this._internals.states.delete("carried"), e.lifted ? this._internals.states.add("lifted") : this._internals.states.delete("lifted"), this._internals.ariaLabel = this._getLabel(), t && t.placed === e.placed && t.movable === e.movable && t.resizable === e.resizable && t.mode === e.mode && t.fullscreenControl === e.fullscreenControl && t.labels === e.labels || (this.presentation = e);
+	}
+	#t(e) {
+		e ? this._internals.states.add("placed") : this._internals.states.delete("placed");
+	}
+	#n(e) {
+		e === "selected" ? this._internals.states.add("fullscreen") : this._internals.states.delete("fullscreen"), e === "excluded" ? this._internals.states.add("fullscreen-excluded") : this._internals.states.delete("fullscreen-excluded");
+	}
+	#r() {
+		let e = this.presentation?.fullscreenControl;
+		if (!e) return null;
+		let t = e === "exit";
+		return o`<div class="fullscreen-action"><nve-icon-button part="fullscreen-button" icon-name="${t ? "minimize" : "maximize"}" container="flat" size="sm" command="--toggle-fullscreen" .commandForElement="${this}" .disabled="${e === "unavailable"}" aria-label="${this.presentation?.labels[t ? "exitFullscreen" : "enterFullscreen"]}"></nve-icon-button></div>`;
+	}
+	_getLabel() {
+		return [...this.querySelector(":scope > nve-dashboard-panel-header")?.childNodes ?? []].filter((e) => !(e instanceof Element) || !e.getAttribute("slot")).map((e) => e.textContent ?? "").join("").trim() || this.id;
+	}
+	#i(e) {
+		return e ? o`<div class="resize-edge left" data-dashboard-action="resize" data-dashboard-edge="left" aria-hidden="true"></div><div class="resize-edge right" data-dashboard-action="resize" data-dashboard-edge="right" aria-hidden="true"></div><div class="resize-edge top" data-dashboard-action="resize" data-dashboard-edge="top" aria-hidden="true"></div><div class="resize-edge bottom" data-dashboard-action="resize" data-dashboard-edge="bottom" aria-hidden="true"></div>` : null;
+	}
+	render() {
+		let e = this.presentation, t = !!e?.movable, n = !!e?.resizable, r = !s && [...this.children].some((e) => e.slot === "footer"), i = !n && !r, a = e?.labels ?? {}, c = e?.placed !== !1;
+		return o`<div internal-host ?hidden="${!c}" ?inert="${!c}"><div class="header"><div class="grip move-grip" ?inert="${!t}"><nve-drag-handle data-dashboard-action="move" @focusout="${this.#e}" part="drag-handle" draggable="false" nofocus .pressed="${e?.mode === "move"}" aria-label="${a.move}"></nve-drag-handle></div><span class="control-divider move-divider" aria-hidden="true" ?inert="${!t}"></span><slot name="header"></slot>${this.#r()}</div><div class="body" tabindex="0"><slot></slot></div><div class="footer" ?inert="${i}"><slot name="footer" @slotchange="${() => this.requestUpdate()}"></slot><span class="control-divider resize-divider" aria-hidden="true" ?inert="${!n}"></span><div class="grip resize-grip" ?inert="${!n}"><nve-icon-button type="button" data-dashboard-action="resize" @focusout="${this.#e}" class="resize" part="resize-button" icon-name="arrow-both" container="flat" size="sm" nofocus .pressed="${e?.mode === "resize"}" aria-label="${a.resize}"></nve-icon-button></div></div></div>${this.#i(n)}`;
+	}
+};
+e([c({
+	type: Number,
+	attribute: "min-column-span",
+	reflect: !0
+})], f.prototype, "minColumnSpan", void 0), e([c({
+	type: Number,
+	attribute: "min-row-span",
+	reflect: !0
+})], f.prototype, "minRowSpan", void 0), e([c({
+	type: Number,
+	attribute: "max-column-span",
+	reflect: !0
+})], f.prototype, "maxColumnSpan", void 0), e([c({
+	type: Number,
+	attribute: "max-row-span",
+	reflect: !0
+})], f.prototype, "maxRowSpan", void 0), e([c({
+	type: Boolean,
+	attribute: "move-disabled",
+	reflect: !0
+})], f.prototype, "moveDisabled", void 0), e([c({
+	type: Boolean,
+	attribute: "resize-disabled",
+	reflect: !0
+})], f.prototype, "resizeDisabled", void 0), e([d()], f.prototype, "presentation", void 0), f = e([l()], f);
+export { f as DashboardPanel };
+
+//# sourceMappingURL=panel2.js.map

package/dist/dashboard/panel/panel2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel2.js","names":["styles","_decorate","__decorate","panel_default","DashboardPanel","LitElement","_args","#controlFocusOut","event","useStyles","DragHandle","IconButton","attachInternals","control","previous","#configureFullscreen","presentation","#configurePlacement","placed","fullscreen","selected","node","resizable","movable","hasFooter","isServer","child","footerCollapsed","labels","#renderFullscreenControl","#renderResizeEdges","property","state","scopedRegistry"],"sources":["../../../src/dashboard/panel/panel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\n\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport { DragHandle } from '@nvidia-elements/core/drag-handle';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\n\nimport type { DashboardSpanConstraints } from '../dashboard.types.js';\n\nimport styles from './panel.css?inline';\n\ninterface DashboardPanelPresentation {\n  readonly placed: boolean;\n  readonly movable: boolean;\n  readonly resizable: boolean;\n  readonly mode?: 'move' | 'resize';\n  readonly carried?: boolean;\n  readonly lifted?: boolean;\n  readonly fullscreen?: 'selected' | 'excluded';\n  readonly fullscreenControl?: 'enter' | 'exit' | 'unavailable';\n  readonly labels: Readonly<Record<string, string>>;\n}\n\n/**\n * @element nve-dashboard-panel\n * @description A stable application surface identified by a durable panel ID.\n * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/dashboard\n * @command --enter-fullscreen - Present this panel in native fullscreen.\n * @command --exit-fullscreen - Exit native fullscreen.\n * @command --toggle-fullscreen - Toggle native fullscreen for this panel.\n * @command --place - Apply the invoking control's integer grid placement without pointer target snapping. Anchored span changes require resizing; other position changes require movement.\n * @command --move-left - Move left through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.\n * @command --move-right - Move right through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.\n * @command --move-up - Move up through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.\n * @command --move-down - Move down through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.\n * @command --move-to-start - Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip.\n * @command --increase-width - Increase width by one cell, subject to panel constraints and the containing dashboard capabilities.\n * @command --decrease-width - Decrease width by one cell, subject to panel constraints and the containing dashboard capabilities.\n * @command --increase-height - Increase height by one cell, subject to panel constraints and the containing dashboard capabilities.\n * @command --decrease-height - Decrease height by one cell, subject to panel constraints and the containing dashboard capabilities.\n * @slot - Application content in the scrolling body. Content, data, and native hidden state remain application owned.\n * @slot header - Required panel header with a title and optional application controls.\n * @slot footer - Optional status and actions outside the body.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --control-width - Width shared by the move and resize controls. Defaults to 36px.\n * @cssprop --control-height - Height shared by the move and resize controls. Defaults to 48px.\n * @cssprop --resize-target-size - Extra pointer resize reach on each side of the panel edge. Defaults to 3px; outward reach stops halfway across the cell gap. Configure on the panel. Inward reach covers application content at the edge, including on hybrid touch devices.\n * @cssprop --box-shadow\n * @csspart drag-handle - Movement control.\n * @csspart resize-button - Resize control.\n * @csspart fullscreen-button - Panel fullscreen control.\n */\n@scopedRegistry()\nexport class DashboardPanel extends LitElement {\n  static styles = useStyles([styles]);\n  static readonly metadata = {\n    tag: 'nve-dashboard-panel',\n    version: '0.0.0',\n    parents: ['nve-dashboard'],\n    children: ['nve-dashboard-panel-header', 'nve-dashboard-panel-content', 'nve-dashboard-panel-footer']\n  };\n  static elementDefinitions = { [DragHandle.metadata.tag]: DragHandle, [IconButton.metadata.tag]: IconButton };\n\n  /** Smallest width in columns. */\n  @property({ type: Number, attribute: 'min-column-span', reflect: true }) minColumnSpan = 1;\n\n  /** Smallest height in rows. */\n  @property({ type: Number, attribute: 'min-row-span', reflect: true }) minRowSpan = 1;\n\n  /** Largest width in columns. */\n  @property({ type: Number, attribute: 'max-column-span', reflect: true }) maxColumnSpan = 1_000_000;\n\n  /** Largest height in rows. */\n  @property({ type: Number, attribute: 'max-row-span', reflect: true }) maxRowSpan = 1_000_000;\n\n  /** Disables direct movement. Collision displacement remains available. */\n  @property({ type: Boolean, attribute: 'move-disabled', reflect: true }) moveDisabled = false;\n\n  /** Disables direct resizing. */\n  @property({ type: Boolean, attribute: 'resize-disabled', reflect: true }) resizeDisabled = false;\n\n  @state() private presentation?: DashboardPanelPresentation;\n\n  /** @internal */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'region';\n  }\n\n  disconnectedCallback() {\n    for (const control of this.shadowRoot?.querySelectorAll('.grip > [data-pointer-focus]') ?? []) {\n      control.removeAttribute('data-pointer-focus');\n    }\n\n    this._internals.states.delete('placed');\n    this._internals.states.delete('fullscreen');\n    this._internals.states.delete('fullscreen-excluded');\n    super.disconnectedCallback();\n  }\n\n  #controlFocusOut = (event: FocusEvent) => {\n    if (event.currentTarget instanceof HTMLElement) {\n      event.currentTarget.removeAttribute('data-pointer-focus');\n    }\n  };\n\n  /** @internal */\n  _getSpanConstraints(): DashboardSpanConstraints {\n    return {\n      id: this.id,\n      minColumnSpan: this.minColumnSpan,\n      minRowSpan: this.minRowSpan,\n      maxColumnSpan: this.maxColumnSpan,\n      maxRowSpan: this.maxRowSpan\n    };\n  }\n\n  /** @internal */\n  _configure(presentation: DashboardPanelPresentation) {\n    const previous = this.presentation;\n\n    this.#configureFullscreen(presentation.fullscreen);\n    this.#configurePlacement(presentation.placed);\n\n    if (presentation.carried) {\n      this._internals.states.add('carried');\n    } else {\n      this._internals.states.delete('carried');\n    }\n\n    if (presentation.lifted) {\n      this._internals.states.add('lifted');\n    } else {\n      this._internals.states.delete('lifted');\n    }\n\n    this._internals.ariaLabel = this._getLabel();\n\n    if (\n      !previous ||\n      previous.placed !== presentation.placed ||\n      previous.movable !== presentation.movable ||\n      previous.resizable !== presentation.resizable ||\n      previous.mode !== presentation.mode ||\n      previous.fullscreenControl !== presentation.fullscreenControl ||\n      previous.labels !== presentation.labels\n    ) {\n      this.presentation = presentation;\n    }\n  }\n\n  #configurePlacement(placed: boolean) {\n    if (placed) {\n      this._internals.states.add('placed');\n    } else {\n      this._internals.states.delete('placed');\n    }\n  }\n\n  #configureFullscreen(fullscreen: DashboardPanelPresentation['fullscreen']) {\n    if (fullscreen === 'selected') {\n      this._internals.states.add('fullscreen');\n    } else {\n      this._internals.states.delete('fullscreen');\n    }\n\n    if (fullscreen === 'excluded') {\n      this._internals.states.add('fullscreen-excluded');\n    } else {\n      this._internals.states.delete('fullscreen-excluded');\n    }\n  }\n\n  #renderFullscreenControl() {\n    const control = this.presentation?.fullscreenControl;\n    if (!control) return null;\n\n    const selected = control === 'exit';\n\n    return html`<div class=\"fullscreen-action\"><nve-icon-button\n      part=\"fullscreen-button\" icon-name=${selected ? 'minimize' : 'maximize'}\n      container=\"flat\" size=\"sm\" command=\"--toggle-fullscreen\"\n      .commandForElement=${this} .disabled=${control === 'unavailable'}\n      aria-label=${this.presentation?.labels[selected ? 'exitFullscreen' : 'enterFullscreen']}\n    ></nve-icon-button></div>`;\n  }\n\n  /** @internal */\n  _getLabel(): string {\n    const header = this.querySelector(':scope > nve-dashboard-panel-header');\n    return (\n      [...(header?.childNodes ?? [])]\n        .filter(node => !(node instanceof Element) || !node.getAttribute('slot'))\n        .map(node => node.textContent ?? '')\n        .join('')\n        .trim() || this.id\n    );\n  }\n\n  #renderResizeEdges(resizable: boolean) {\n    return resizable\n      ? html`\n        <div class=\"resize-edge left\" data-dashboard-action=\"resize\" data-dashboard-edge=\"left\" aria-hidden=\"true\"></div>\n        <div class=\"resize-edge right\" data-dashboard-action=\"resize\" data-dashboard-edge=\"right\" aria-hidden=\"true\"></div>\n        <div class=\"resize-edge top\" data-dashboard-action=\"resize\" data-dashboard-edge=\"top\" aria-hidden=\"true\"></div>\n        <div class=\"resize-edge bottom\" data-dashboard-action=\"resize\" data-dashboard-edge=\"bottom\" aria-hidden=\"true\"></div>\n      `\n      : null;\n  }\n\n  render() {\n    const presentation = this.presentation;\n    const movable = !!presentation?.movable;\n    const resizable = !!presentation?.resizable;\n    const hasFooter = !isServer && [...this.children].some(child => child.slot === 'footer');\n    const footerCollapsed = !resizable && !hasFooter;\n    const labels = presentation?.labels ?? {};\n    const placed = presentation?.placed !== false;\n\n    return html`\n      <div internal-host ?hidden=${!placed} ?inert=${!placed}>\n        <div class=\"header\">\n          <div class=\"grip move-grip\" ?inert=${!movable}>\n            <nve-drag-handle data-dashboard-action=\"move\" @focusout=${this.#controlFocusOut} part=\"drag-handle\" draggable=\"false\" nofocus .pressed=${presentation?.mode === 'move'} aria-label=${labels.move}></nve-drag-handle>\n          </div>\n          <span class=\"control-divider move-divider\" aria-hidden=\"true\" ?inert=${!movable}></span>\n          <slot name=\"header\"></slot>\n          ${this.#renderFullscreenControl()}\n        </div>\n        <div class=\"body\" tabindex=\"0\"><slot></slot></div>\n        <div class=\"footer\" ?inert=${footerCollapsed}>\n          <slot name=\"footer\" @slotchange=${() => this.requestUpdate()}></slot>\n          <span class=\"control-divider resize-divider\" aria-hidden=\"true\" ?inert=${!resizable}></span>\n          <div class=\"grip resize-grip\" ?inert=${!resizable}>\n            <nve-icon-button type=\"button\" data-dashboard-action=\"resize\" @focusout=${this.#controlFocusOut} class=\"resize\" part=\"resize-button\" icon-name=\"arrow-both\" container=\"flat\" size=\"sm\" nofocus .pressed=${presentation?.mode === 'resize'} aria-label=${labels.resize}></nve-icon-button>\n          </div>\n        </div>\n      </div>\n      ${this.#renderResizeEdges(resizable)}\n    `;\n  }\n}\n"],"mappings":"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"}

package/dist/dashboard/panel-content/panel-content.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-dashboard-panel-content
+ * @description Provides padding for dashboard panel content.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Application content.
+ * @cssprop --padding
+ */
+export declare class DashboardPanelContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/dashboard/panel-content/panel-content.js

@@ -0,0 +1,5 @@
+// src/dashboard/panel-content/panel-content.css?inline
+var e = ":host{--padding: var(--nve-ref-space-sm);display:block;contain:none}[internal-host]{padding:var(--padding)}";
+export { e as default };
+
+//# sourceMappingURL=panel-content.js.map

package/dist/dashboard/panel-content/panel-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-content.js","names":["panel_content_default"],"sources":["../../../src/dashboard/panel-content/panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --padding: var(--nve-ref-space-sm);\n  display: block;\n  contain: none;\n}\n\n[internal-host] {\n  padding: var(--padding);\n}\n"],"mappings":""}

package/dist/dashboard/panel-content/panel-content2.js

@@ -0,0 +1,22 @@
+import e from "./panel-content.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
+// src/dashboard/panel-content/panel-content.ts
+var i = class extends t {
+	static {
+		this.styles = r([e]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-dashboard-panel-content",
+			version: "2.24.0",
+			parents: ["nve-dashboard-panel"]
+		};
+	}
+	render() {
+		return n`<div internal-host><slot></slot></div>`;
+	}
+};
+export { i as DashboardPanelContent };
+
+//# sourceMappingURL=panel-content2.js.map

package/dist/dashboard/panel-content/panel-content2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-content2.js","names":["styles","panel_content_default","DashboardPanelContent","LitElement","useStyles"],"sources":["../../../src/dashboard/panel-content/panel-content.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\n\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-content.css?inline';\n\n/**\n * @element nve-dashboard-panel-content\n * @description Provides padding for dashboard panel content.\n * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/dashboard\n * @slot - Application content.\n * @cssprop --padding\n */\nexport class DashboardPanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-dashboard-panel-content', version: '0.0.0', parents: ['nve-dashboard-panel'] };\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAA2CC,EAAW;;EACpC,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA+B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAEpH,SAAS;EACP,OAAO,CAAI;CAGb;AACF"}

package/dist/dashboard/panel-footer/panel-footer.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-dashboard-panel-footer
+ * @description Provides dashboard panel status and actions outside the scrolling body.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Status and supporting content in a bounded scrolling area.
+ * @slot suffix - Application actions in a bounded scrolling area before the reserved resize control.
+ * @cssprop --padding
+ * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.
+ * @cssprop --gap
+ */
+export declare class DashboardPanelFooter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+    };
+    /** @private */
+    slot: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/dashboard/panel-footer/panel-footer.js

@@ -0,0 +1,5 @@
+// src/dashboard/panel-footer/panel-footer.css?inline
+var e = ":host{--padding: var(--nve-ref-space-sm);--suffix-padding: var(--nve-ref-size-100);--gap: var(--nve-ref-space-xs);display:block;contain:none}[internal-host]{display:flex;align-items:stretch;height:100%}.content{align-self:center;padding:var(--padding);box-sizing:border-box;flex:1;min-width:0;overflow:auto}slot[name=suffix]{display:flex;align-items:center;flex:0 1 auto;min-width:0;overflow-x:auto;gap:var(--gap)}slot[name=suffix]::slotted(*){flex:none}.suffix{display:flex;align-items:center;flex:0 1 auto;min-width:0;padding:var(--suffix-padding);box-sizing:border-box;border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}.suffix[data-empty]{display:none}";
+export { e as default };
+
+//# sourceMappingURL=panel-footer.js.map

package/dist/dashboard/panel-footer/panel-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-footer.js","names":["panel_footer_default"],"sources":["../../../src/dashboard/panel-footer/panel-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --padding: var(--nve-ref-space-sm);\n  --suffix-padding: var(--nve-ref-size-100);\n  --gap: var(--nve-ref-space-xs);\n  display: block;\n  contain: none;\n}\n\n[internal-host] {\n  display: flex;\n  align-items: stretch;\n  height: 100%;\n}\n\n.content {\n  align-self: center;\n  padding: var(--padding);\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  overflow: auto;\n}\n\nslot[name='suffix'] {\n  display: flex;\n  align-items: center;\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n  gap: var(--gap);\n}\n\nslot[name='suffix']::slotted(*) {\n  flex: none;\n}\n\n.suffix {\n  display: flex;\n  align-items: center;\n  flex: 0 1 auto;\n  min-width: 0;\n  padding: var(--suffix-padding);\n  box-sizing: border-box;\n  border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n.suffix[data-empty] {\n  display: none;\n}\n"],"mappings":""}

package/dist/dashboard/panel-footer/panel-footer2.js

@@ -0,0 +1,28 @@
+import { hostAttr as e } from "../../internal/decorators/host-attr.js";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./panel-footer.js";
+import { LitElement as r, html as i, isServer as a } from "lit";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
+// src/dashboard/panel-footer/panel-footer.ts
+var s = class extends r {
+	constructor(...e) {
+		super(...e), this.slot = "footer";
+	}
+	static {
+		this.styles = o([n]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-dashboard-panel-footer",
+			version: "2.24.0",
+			parents: ["nve-dashboard-panel"]
+		};
+	}
+	render() {
+		return i`<div internal-host><div class="content"><slot></slot></div><div class="suffix" ?data-empty="${!a && !this.querySelector(":scope > [slot=\"suffix\"]")}"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div>`;
+	}
+};
+t([e()], s.prototype, "slot", void 0);
+export { s as DashboardPanelFooter };
+
+//# sourceMappingURL=panel-footer2.js.map

package/dist/dashboard/panel-footer/panel-footer2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-footer2.js","names":["styles","_decorate","__decorate","panel_footer_default","DashboardPanelFooter","LitElement","_args","useStyles","isServer","hostAttr"],"sources":["../../../src/dashboard/panel-footer/panel-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\n\nimport { hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-footer.css?inline';\n\n/**\n * @element nve-dashboard-panel-footer\n * @description Provides dashboard panel status and actions outside the scrolling body.\n * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/dashboard\n * @slot - Status and supporting content in a bounded scrolling area.\n * @slot suffix - Application actions in a bounded scrolling area before the reserved resize control.\n * @cssprop --padding\n * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.\n * @cssprop --gap\n */\nexport class DashboardPanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-dashboard-panel-footer', version: '0.0.0', parents: ['nve-dashboard-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host><div class=\"content\"><slot></slot></div><div class=\"suffix\" ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div></div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAuBA,IAAaI,IAAb,cAA0CC,EAAW;;EAMhC,A,aAAA,KAAA,OAAA;;;EALH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA8B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAKnH,SAAS;EACP,OAAO,CAAI,+FACoF,CAACQ,KAAY,CAAC,KAAK,cAAc,4BAA0B,EAAE,2CAAyC,KAAK,cAAc,EAAE;CAE5N;AACF;AAPGP,EAAA,CAAAQ,EAAS,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/dashboard/panel-header/panel-header.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-dashboard-panel-header
+ * @description Supplies the required dashboard panel title and application controls.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.
+ * @slot prefix - Title decoration.
+ * @slot suffix - Application controls.
+ * @cssprop --padding
+ * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.
+ * @cssprop --gap
+ * @cssprop --min-height
+ */
+export declare class DashboardPanelHeader extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+    };
+    /** @private */
+    slot: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/dashboard/panel-header/panel-header.js

@@ -0,0 +1,5 @@
+// src/dashboard/panel-header/panel-header.css?inline
+var e = ":host{--padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--suffix-padding: var(--nve-ref-size-100);--gap: var(--nve-ref-space-xs);--min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));display:block;min-width:0;contain:none}[internal-host]{display:flex;align-items:stretch;box-sizing:border-box;height:100%;min-height:var(--min-height)}.title-group{display:flex;align-items:center;flex:1;min-width:0;gap:var(--gap);padding:var(--padding);box-sizing:border-box}slot[name=prefix]{display:flex;align-items:center;flex:none;gap:var(--gap)}.suffix[data-empty],slot[data-empty]{display:none}.suffix{display:flex;align-items:center;flex:0 1 auto;min-width:0;padding:var(--suffix-padding);box-sizing:border-box;border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}.title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}slot[name=suffix]{display:flex;flex:0 1 auto;min-width:0;overflow-x:auto;align-items:center;gap:var(--gap)}slot[name=suffix]::slotted(*){flex:none}";
+export { e as default };
+
+//# sourceMappingURL=panel-header.js.map

package/dist/dashboard/panel-header/panel-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-header.js","names":["panel_header_default"],"sources":["../../../src/dashboard/panel-header/panel-header.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --suffix-padding: var(--nve-ref-size-100);\n  --gap: var(--nve-ref-space-xs);\n  --min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));\n  display: block;\n  min-width: 0;\n  contain: none;\n}\n\n[internal-host] {\n  display: flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--min-height);\n}\n\n.title-group {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  gap: var(--gap);\n  padding: var(--padding);\n  box-sizing: border-box;\n}\n\nslot[name='prefix'] {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: var(--gap);\n}\n\n.suffix[data-empty],\nslot[data-empty] {\n  display: none;\n}\n\n.suffix {\n  display: flex;\n  align-items: center;\n  flex: 0 1 auto;\n  min-width: 0;\n  padding: var(--suffix-padding);\n  box-sizing: border-box;\n  border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n.title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nslot[name='suffix'] {\n  display: flex;\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n  align-items: center;\n  gap: var(--gap);\n}\n\nslot[name='suffix']::slotted(*) {\n  flex: none;\n}\n"],"mappings":""}

package/dist/dashboard/panel-header/panel-header2.js

@@ -0,0 +1,28 @@
+import { hostAttr as e } from "../../internal/decorators/host-attr.js";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./panel-header.js";
+import { LitElement as r, html as i, isServer as a } from "lit";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
+// src/dashboard/panel-header/panel-header.ts
+var s = class extends r {
+	constructor(...e) {
+		super(...e), this.slot = "header";
+	}
+	static {
+		this.styles = o([n]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-dashboard-panel-header",
+			version: "2.24.0",
+			parents: ["nve-dashboard-panel"]
+		};
+	}
+	render() {
+		return i`<div internal-host><div class="title-group"><slot name="prefix" ?data-empty="${!a && !this.querySelector(":scope > [slot=\"prefix\"]")}" @slotchange="${() => this.requestUpdate()}"></slot><div class="title"><slot></slot></div></div><div class="suffix" ?data-empty="${!a && !this.querySelector(":scope > [slot=\"suffix\"]")}"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div>`;
+	}
+};
+t([e()], s.prototype, "slot", void 0);
+export { s as DashboardPanelHeader };
+
+//# sourceMappingURL=panel-header2.js.map

package/dist/dashboard/panel-header/panel-header2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-header2.js","names":["styles","_decorate","__decorate","panel_header_default","DashboardPanelHeader","LitElement","_args","useStyles","isServer","hostAttr"],"sources":["../../../src/dashboard/panel-header/panel-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\n\nimport { hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-header.css?inline';\n\n/**\n * @element nve-dashboard-panel-header\n * @description Supplies the required dashboard panel title and application controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/dashboard\n * @slot - Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.\n * @slot prefix - Title decoration.\n * @slot suffix - Application controls.\n * @cssprop --padding\n * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.\n * @cssprop --gap\n * @cssprop --min-height\n */\nexport class DashboardPanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n  static readonly metadata = { tag: 'nve-dashboard-panel-header', version: '0.0.0', parents: ['nve-dashboard-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`<div internal-host>\n      <div class=\"title-group\"><slot name=\"prefix\" ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"prefix\"]')} @slotchange=${() => this.requestUpdate()}></slot><div class=\"title\"><slot></slot></div></div>\n      <div class=\"suffix\" ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div>\n    </div>`;\n  }\n}\n"],"mappings":";;;;;;AAyBA,IAAaI,IAAb,cAA0CC,EAAW;;EAKhC,A,aAAA,KAAA,OAAA;;;EAJH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EACP,KAAA,WAAA;GAAE,KAAK;GAA8B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAKnH,SAAS;EACP,OAAO,CAAI,gFACkD,CAACQ,KAAY,CAAC,KAAK,cAAc,4BAA0B,EAAE,uBAAqB,KAAK,cAAc,EAAE,wFAChI,CAACA,KAAY,CAAC,KAAK,cAAc,4BAA0B,EAAE,2CAAyC,KAAK,cAAc,EAAE;CAEjK;AACF;AARGP,EAAA,CAAAQ,EAAS,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/dashboard/utils/action.utils.d.ts

@@ -0,0 +1,17 @@
+import type { DashboardReadingDirection, DashboardResizeEdge } from './geometry.utils.js';
+import type { DashboardArrangementRequest } from './intent.types.js';
+import type { DashboardLayout, DashboardSpanConstraints } from '../dashboard.types.js';
+interface DashboardActionInput {
+    readonly layout: DashboardLayout;
+    readonly panels: readonly DashboardSpanConstraints[];
+    readonly id: string;
+    readonly request: DashboardArrangementRequest;
+    readonly movable: boolean;
+    readonly resizable: boolean;
+    readonly autoSettle: boolean;
+    readonly readingDirection: DashboardReadingDirection;
+    readonly resizeEdge: DashboardResizeEdge;
+}
+/** Applies movement and resize permissions before planning a layout proposal. */
+export declare function planDashboardAction(input: DashboardActionInput): DashboardLayout | undefined;
+export {};

package/dist/dashboard/utils/action.utils.js

@@ -0,0 +1,144 @@
+import { getDashboardResizeBoundaries as e, preservesDashboardResizeAnchors as t } from "./geometry.utils.js";
+import { isDashboardGridPlacement as n, placeDashboard as r } from "./layout.utils.js";
+// src/dashboard/utils/action.utils.ts
+var i = {
+	"--move-left": {
+		kind: "move",
+		column: -1,
+		row: 0
+	},
+	"--move-right": {
+		kind: "move",
+		column: 1,
+		row: 0
+	},
+	"--move-up": {
+		kind: "move",
+		column: 0,
+		row: -1
+	},
+	"--move-down": {
+		kind: "move",
+		column: 0,
+		row: 1
+	},
+	"--increase-width": {
+		kind: "resize",
+		column: 1,
+		row: 0
+	},
+	"--decrease-width": {
+		kind: "resize",
+		column: -1,
+		row: 0
+	},
+	"--increase-height": {
+		kind: "resize",
+		column: 0,
+		row: 1
+	},
+	"--decrease-height": {
+		kind: "resize",
+		column: 0,
+		row: -1
+	}
+}, a = [
+	"left",
+	"right",
+	"top",
+	"bottom",
+	"bottom-right",
+	"bottom-left"
+];
+function o(e) {
+	let { layout: t, panels: i, id: a, movable: o, resizable: c, request: l } = e, u = t.items.find((e) => e.id === a);
+	if (!u || !i.some((e) => e.id === a)) return;
+	let d = s(e, u);
+	if (d && n(d.geometry) && (d.kind === "start" || l.kind === "anchored-resize" || f(u, d.geometry, {
+		movable: o,
+		resizable: c,
+		readingDirection: e.readingDirection
+	}))) return r(t, i, {
+		id: a,
+		intent: d,
+		autoSettle: e.autoSettle
+	});
+}
+function s(e, n) {
+	let { request: r, resizable: i } = e;
+	switch (r.kind) {
+		case "pointer": return r;
+		case "start": return d(e, n, r.geometry);
+		case "anchored-resize": return i && t(n, r.geometry, {
+			edge: r.edge,
+			readingDirection: e.readingDirection
+		}) ? {
+			kind: "resize",
+			geometry: r.geometry
+		} : void 0;
+		case "command": return c(e, n, r);
+		default: return r;
+	}
+}
+function c(t, n, r) {
+	if (r.command === "--move-to-start" || r.command === "--place") return u(t, n, r);
+	let i = l(r.command, t.readingDirection);
+	if (!i) return;
+	let a = e(t.resizeEdge, t.readingDirection);
+	return i.kind === "move" ? {
+		kind: "advance",
+		geometry: {
+			...n,
+			column: n.column + i.column,
+			row: n.row + i.row
+		},
+		step: {
+			column: i.column,
+			row: i.row
+		}
+	} : {
+		kind: "resize",
+		geometry: {
+			...n,
+			column: n.column - (a.column === "minimum" ? i.column : 0),
+			columnSpan: n.columnSpan + i.column,
+			rowSpan: n.rowSpan + i.row
+		}
+	};
+}
+function l(e, t) {
+	let n = i[e];
+	return n?.kind !== "move" || t !== "rtl" ? n : {
+		...n,
+		column: -n.column
+	};
+}
+function u(e, t, r) {
+	let i = r.placement;
+	if (i === void 0 || n(i)) return r.command === "--move-to-start" ? d(e, t, i) : i && {
+		kind: "coordinate",
+		geometry: i
+	};
+}
+function d(e, t, n) {
+	if (e.movable) return {
+		kind: "start",
+		geometry: {
+			column: n?.column ?? t.column,
+			row: n?.row ?? t.row,
+			columnSpan: t.columnSpan,
+			rowSpan: t.rowSpan,
+			[e.layout.grid.flow === "vertical" ? "row" : "column"]: 0
+		}
+	};
+}
+function f(e, n, r) {
+	let i = e.column !== n.column || e.row !== n.row, o = e.columnSpan !== n.columnSpan || e.rowSpan !== n.rowSpan, s = o && r.resizable && a.some((i) => t(e, n, {
+		edge: i,
+		readingDirection: r.readingDirection
+	}));
+	return (!i || r.movable || s) && (!o || r.resizable);
+}
+export { o as planDashboardAction };
+
+//# sourceMappingURL=action.utils.js.map

package/dist/dashboard/utils/action.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.utils.js","names":["exhaustive","actions","resizeEdges","planDashboardAction","input","source","layout","item","id","panels","panel","intent","createRequestIntent","isDashboardGridPlacement","request","isPlacementAllowed","placeDashboard","createStartIntent","resizable","preservesDashboardResizeAnchors","createCommandIntent","createPlacementIntent","action","getCommandAction","boundaries","getDashboardResizeBoundaries","command","readingDirection","supplied","moving","geometry","resizing","anchoredResize","permissions"],"sources":["../../../src/dashboard/utils/action.utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getDashboardResizeBoundaries, preservesDashboardResizeAnchors } from './geometry.utils.js';\nimport { isDashboardGridPlacement, placeDashboard } from './layout.utils.js';\n\nimport type { DashboardReadingDirection, DashboardResizeEdge } from './geometry.utils.js';\nimport type { DashboardArrangementRequest, DashboardIntent } from './intent.types.js';\n\nimport type {\n  DashboardGridPlacement,\n  DashboardItem,\n  DashboardLayout,\n  DashboardSpanConstraints\n} from '../dashboard.types.js';\n\nconst actions: Readonly<Record<string, { kind: 'move' | 'resize'; column: number; row: number }>> = {\n  '--move-left': { kind: 'move', column: -1, row: 0 },\n  '--move-right': { kind: 'move', column: 1, row: 0 },\n  '--move-up': { kind: 'move', column: 0, row: -1 },\n  '--move-down': { kind: 'move', column: 0, row: 1 },\n  '--increase-width': { kind: 'resize', column: 1, row: 0 },\n  '--decrease-width': { kind: 'resize', column: -1, row: 0 },\n  '--increase-height': { kind: 'resize', column: 0, row: 1 },\n  '--decrease-height': { kind: 'resize', column: 0, row: -1 }\n};\n\nconst resizeEdges: readonly DashboardResizeEdge[] = ['left', 'right', 'top', 'bottom', 'bottom-right', 'bottom-left'];\n\ninterface DashboardActionInput {\n  readonly layout: DashboardLayout;\n  readonly panels: readonly DashboardSpanConstraints[];\n  readonly id: string;\n  readonly request: DashboardArrangementRequest;\n  readonly movable: boolean;\n  readonly resizable: boolean;\n  readonly autoSettle: boolean;\n  readonly readingDirection: DashboardReadingDirection;\n  readonly resizeEdge: DashboardResizeEdge;\n}\n\n/** Applies movement and resize permissions before planning a layout proposal. */\nexport function planDashboardAction(input: DashboardActionInput): DashboardLayout | undefined {\n  const { layout, panels, id, movable, resizable, request } = input;\n  const source = layout.items.find(item => item.id === id);\n  if (!source || !panels.some(panel => panel.id === id)) return undefined;\n\n  const intent = createRequestIntent(input, source);\n  if (!intent || !isDashboardGridPlacement(intent.geometry)) return undefined;\n\n  const explicit = intent.kind === 'start' || request.kind === 'anchored-resize';\n  if (\n    !explicit &&\n    !isPlacementAllowed(source, intent.geometry, { movable, resizable, readingDirection: input.readingDirection })\n  ) {\n    return undefined;\n  }\n\n  return placeDashboard(layout, panels, { id, intent, autoSettle: input.autoSettle });\n}\n\nfunction createRequestIntent(input: DashboardActionInput, source: DashboardItem): DashboardIntent | undefined {\n  const { request, resizable } = input;\n\n  switch (request.kind) {\n    case 'pointer':\n      return request;\n    case 'start':\n      return createStartIntent(input, source, request.geometry);\n    case 'anchored-resize':\n      return resizable &&\n        preservesDashboardResizeAnchors(source, request.geometry, {\n          edge: request.edge,\n          readingDirection: input.readingDirection\n        })\n        ? { kind: 'resize', geometry: request.geometry }\n        : undefined;\n    case 'command':\n      return createCommandIntent(input, source, request);\n    default: {\n      const exhaustive: never = request;\n      return exhaustive;\n    }\n  }\n}\n\nfunction createCommandIntent(\n  input: DashboardActionInput,\n  source: DashboardItem,\n  request: Extract<DashboardArrangementRequest, { kind: 'command' }>\n): DashboardIntent | undefined {\n  if (request.command === '--move-to-start' || request.command === '--place') {\n    return createPlacementIntent(input, source, request);\n  }\n\n  const action = getCommandAction(request.command, input.readingDirection);\n  if (!action) return undefined;\n\n  const boundaries = getDashboardResizeBoundaries(input.resizeEdge, input.readingDirection);\n\n  return action.kind === 'move'\n    ? {\n        kind: 'advance',\n        geometry: { ...source, column: source.column + action.column, row: source.row + action.row },\n        step: { column: action.column, row: action.row }\n      }\n    : {\n        kind: 'resize',\n        geometry: {\n          ...source,\n          column: source.column - (boundaries.column === 'minimum' ? action.column : 0),\n          columnSpan: source.columnSpan + action.column,\n          rowSpan: source.rowSpan + action.row\n        }\n      };\n}\n\nfunction getCommandAction(command: string, readingDirection: DashboardActionInput['readingDirection']) {\n  const action = actions[command];\n  if (action?.kind !== 'move' || readingDirection !== 'rtl') return action;\n\n  return { ...action, column: -action.column };\n}\n\nfunction createPlacementIntent(\n  input: DashboardActionInput,\n  source: DashboardItem,\n  request: Extract<DashboardArrangementRequest, { kind: 'command' }>\n): DashboardIntent | undefined {\n  const supplied = request.placement;\n  if (supplied !== undefined && !isDashboardGridPlacement(supplied)) return undefined;\n\n  return request.command === '--move-to-start'\n    ? createStartIntent(input, source, supplied)\n    : supplied && { kind: 'coordinate', geometry: supplied };\n}\n\nfunction createStartIntent(\n  input: DashboardActionInput,\n  source: DashboardItem,\n  supplied?: DashboardGridPlacement\n): DashboardIntent | undefined {\n  if (!input.movable) return undefined;\n\n  const geometry = {\n    column: supplied?.column ?? source.column,\n    row: supplied?.row ?? source.row,\n    columnSpan: source.columnSpan,\n    rowSpan: source.rowSpan,\n    [input.layout.grid.flow === 'vertical' ? 'row' : 'column']: 0\n  };\n\n  return { kind: 'start', geometry };\n}\n\nfunction isPlacementAllowed(\n  source: DashboardGridPlacement,\n  geometry: DashboardGridPlacement,\n  permissions: { movable: boolean; resizable: boolean; readingDirection: DashboardReadingDirection }\n): boolean {\n  const moving = source.column !== geometry.column || source.row !== geometry.row;\n  const resizing = source.columnSpan !== geometry.columnSpan || source.rowSpan !== geometry.rowSpan;\n  const anchoredResize =\n    resizing &&\n    permissions.resizable &&\n    resizeEdges.some(edge =>\n      preservesDashboardResizeAnchors(source, geometry, { edge, readingDirection: permissions.readingDirection })\n    );\n\n  return (!moving || permissions.movable || anchoredResize) && (!resizing || permissions.resizable);\n}\n"],"mappings":"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"}