@nvidia-elements/core 2.23.3 → 2.23.5

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

@@ -1 +1 @@
-{"version":3,"file":"panel-footer2.js","names":["styles","_decorate","__decorate","panel_footer_default","WorkspacePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/workspace/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, LitElement } from 'lit';\n\nimport { hostAttr, useStyles } from '@nvidia-elements/core/internal';\n\nimport styles from './panel-footer.css?inline';\n\n/**\n * @element nve-workspace-panel-footer\n * @description Provides workspace panel status and actions outside the scrolling body.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Status and actions.\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n */\nexport class WorkspacePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-footer', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAqBA,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;CAGb;AACF;AAPGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"panel-footer2.js","names":["styles","_decorate","__decorate","panel_footer_default","WorkspacePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/workspace/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, 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-workspace-panel-footer\n * @description Provides workspace panel status and actions outside the scrolling body.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Status and actions.\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n */\nexport class WorkspacePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-footer', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAsBA,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;CAGb;AACF;AAPGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}

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

@@ -1,13 +1,13 @@
-import { attachInternals as e } from "../../internal/utils/a11y.js";
-import { hostAttr as t } from "../../internal/decorators/host-attr.js";
-import { useStyles as n } from "../../internal/styles/index.js";
-import r from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { sameHeaderConfiguration as i } from "../utils/presentation/header-configuration.utils.js";
-import a from "./panel-header.js";
-import { LitElement as o, html as s, isServer as c } from "lit";
+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 { sameHeaderConfiguration as n } from "../utils/presentation/header-configuration.utils.js";
+import r from "./panel-header.js";
+import { attachInternals as i } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as a, html as o, isServer as s } from "lit";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 import { state as l } from "lit/decorators/state.js";
 // src/workspace/panel-header/panel-header.ts
-var u = class extends o {
+var u = class extends a {
 	constructor(...e) {
 		super(...e), this.slot = "header", this.configuration = {
 			selected: !1,
@@ -21,12 +21,12 @@ var u = class extends o {
 		}, this.#t = 0;
 	}
 	static {
-		this.styles = n([a]);
+		this.styles = c([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-header",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-workspace-panel"]
 		};
 	}
@@ -34,7 +34,7 @@ var u = class extends o {
 	#t;
 	#n;
 	connectedCallback() {
-		super.connectedCallback(), e(this);
+		super.connectedCallback(), i(this);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._bindScroll(void 0, 0);
@@ -43,8 +43,8 @@ var u = class extends o {
 		this.#i();
 	}
 	render() {
-		let { selected: e, offset: t, animate: n, tabWidth: r, headerHeight: i, suffixEnd: a, clipLeft: o, clipWidth: l } = this.configuration;
-		return s`<div internal-host><div class="label-viewport" aria-hidden="true" style="${`left:${o}px;width:${l}px;height:${i}px`}"><div class="label-track"><div class="label" ?data-animate="${n}" style="${`left:${t - o}px;width:${r}px;height:${i}px`}"><span class="label-content"><slot name="prefix" ?data-empty="${!c && !this.querySelector(":scope > [slot=\"prefix\"]")}" @slotchange="${() => this.requestUpdate()}"></slot><span class="title-content"><slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#a() ? null : this.parentElement?.id}</span></span></div></div></div>${e ? s`<div class="separator" style="${`top:${i}px`}" aria-hidden="true"></div>` : null}<div class="suffix" ?data-group-actions="${a > 0}" style="${`height:${i}px;right:${a}px`}" aria-hidden="${!e}" ?inert="${!e}" ?data-inactive="${!e}" ?data-empty="${!c && !this.querySelector(":scope > [slot=\"suffix\"]")}"><div class="suffix-content"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div></div>`;
+		let { selected: e, offset: t, animate: n, tabWidth: r, headerHeight: i, suffixEnd: a, clipLeft: c, clipWidth: l } = this.configuration;
+		return o`<div internal-host><div class="label-viewport" aria-hidden="true" style="${`left:${c}px;width:${l}px;height:${i}px`}"><div class="label-track"><div class="label" ?data-animate="${n}" style="${`left:${t - c}px;width:${r}px;height:${i}px`}"><span class="label-content"><slot name="prefix" ?data-empty="${!s && !this.querySelector(":scope > [slot=\"prefix\"]")}" @slotchange="${() => this.requestUpdate()}"></slot><span class="title-content"><slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#a() ? null : this.parentElement?.id}</span></span></div></div></div>${e ? o`<div class="separator" style="${`top:${i}px`}" aria-hidden="true"></div>` : null}<div class="suffix" ?data-group-actions="${a > 0}" style="${`height:${i}px;right:${a}px`}" aria-hidden="${!e}" ?inert="${!e}" ?data-inactive="${!e}" ?data-empty="${!s && !this.querySelector(":scope > [slot=\"suffix\"]")}"><div class="suffix-content"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div></div>`;
 	}
 	_getMeasurementTargets() {
 		return {
@@ -64,7 +64,7 @@ var u = class extends o {
 		e ? this._internals.states.add("tab-hover") : this._internals.states.delete("tab-hover");
 	}
 	_configure({ scrollLeft: e, ...t }) {
-		this._scroll(e), !i(this.configuration, t) && (t.selected ? this._internals.states.add("selected") : this._internals.states.delete("selected"), this.configuration = t);
+		this._scroll(e), !n(this.configuration, t) && (t.selected ? this._internals.states.add("selected") : this._internals.states.delete("selected"), this.configuration = t);
 	}
 	_scroll(e) {
 		this.#n || this.style.setProperty("--_workspace-tab-scroll", `${-e}px`);
@@ -90,10 +90,10 @@ var u = class extends o {
 		}));
 	}
 	#a() {
-		return c ? !0 : [...this.childNodes].some((e) => (!(e instanceof Element) || !e.hasAttribute("slot")) && !!e.textContent?.trim());
+		return s ? !0 : [...this.childNodes].some((e) => (!(e instanceof Element) || !e.hasAttribute("slot")) && !!e.textContent?.trim());
 	}
 };
-r([t()], u.prototype, "slot", void 0), r([l()], u.prototype, "configuration", void 0);
+t([e()], u.prototype, "slot", void 0), t([l()], u.prototype, "configuration", void 0);
 function d(e) {
 	return [{ transform: "translateX(0px)" }, { transform: `translateX(${-e}px)` }];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"panel-header2.js","names":["styles","_decorate","__decorate","panel_header_default","WorkspacePanelHeader","LitElement","_args","#scrollExtent","useStyles","attachInternals","#bindScrollAnimation","clipLeft","clipWidth","headerHeight","animate","offset","tabWidth","isServer","#hasTitle","selected","suffixEnd","hovered","configuration","scrollLeft","#scrollAnimation","source","#scrollSource","extent","#updateScrollExtent","effect","scrollKeyframes","track","node","hostAttr","state"],"sources":["../../../src/workspace/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';\nimport { state } from 'lit/decorators/state.js';\n\nimport { attachInternals, hostAttr, useStyles } from '@nvidia-elements/core/internal';\n\nimport { sameHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport styles from './panel-header.css?inline';\n\n/**\n * @element nve-workspace-panel-header\n * @description Supplies a workspace panel title, decoration, and application controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Noninteractive panel title.\n * @slot prefix - Noninteractive title decoration.\n * @slot suffix - Application controls for the selected panel.\n * @cssprop --min-height\n * @cssprop --padding - Padding around the title.\n * @cssprop --prefix-padding - Padding around title decoration.\n * @cssprop --prefix-border - Border after title decoration.\n * @cssprop --suffix-padding - Override the shared inset around header controls.\n * @cssprop --suffix-border - Border before header controls.\n * @cssprop --gap\n * @cssprop --border-bottom\n */\nexport class WorkspacePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-header', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @state() private configuration: WorkspaceHeaderConfiguration = {\n    selected: false,\n    offset: 0,\n    animate: false,\n    tabWidth: 0,\n    headerHeight: 0,\n    suffixEnd: 0,\n    clipLeft: 0,\n    clipWidth: 0\n  };\n\n  #scrollSource?: HTMLElement;\n  #scrollExtent = 0;\n  #scrollAnimation?: Animation;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._bindScroll(undefined, 0);\n  }\n\n  protected updated() {\n    this.#bindScrollAnimation();\n  }\n\n  render() {\n    const { selected, offset, animate, tabWidth, headerHeight, suffixEnd, clipLeft, clipWidth } = this.configuration;\n    return html`\n      <div internal-host>\n        <div\n          class=\"label-viewport\"\n          aria-hidden=\"true\"\n          style=${`left:${clipLeft}px;width:${clipWidth}px;height:${headerHeight}px`}>\n          <div class=\"label-track\">\n            <div\n              class=\"label\"\n              ?data-animate=${animate}\n              style=${`left:${offset - clipLeft}px;width:${tabWidth}px;height:${headerHeight}px`}>\n              <span class=\"label-content\">\n                <slot\n                  name=\"prefix\"\n                  ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"prefix\"]')}\n                  @slotchange=${() => this.requestUpdate()}></slot>\n                <span class=\"title-content\"><slot @slotchange=${() => this.requestUpdate()}></slot>${this.#hasTitle() ? null : this.parentElement?.id}</span>\n              </span>\n            </div>\n          </div>\n        </div>\n        ${\n          selected\n            ? html`\n              <div class=\"separator\" style=${`top:${headerHeight}px`} aria-hidden=\"true\"></div>\n            `\n            : null\n        }\n        <div\n          class=\"suffix\"\n          ?data-group-actions=${suffixEnd > 0}\n          style=${`height:${headerHeight}px;right:${suffixEnd}px`}\n          aria-hidden=${!selected}\n          ?inert=${!selected}\n          ?data-inactive=${!selected}\n          ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}>\n          <div class=\"suffix-content\"><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _getMeasurementTargets() {\n    return {\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label-content') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix-content') ?? null\n    };\n  }\n\n  /** @internal */\n  _getTransitionTargets() {\n    return {\n      labelViewport: this.shadowRoot?.querySelector<HTMLElement>('.label-viewport') ?? null,\n      labelTrack: this.shadowRoot?.querySelector<HTMLElement>('.label-track') ?? null,\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix') ?? null\n    };\n  }\n\n  /** @internal */\n  _hover(hovered: boolean) {\n    if (hovered) this._internals.states.add('tab-hover');\n    else this._internals.states.delete('tab-hover');\n  }\n\n  /** @internal */\n  _configure({ scrollLeft, ...configuration }: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this._scroll(scrollLeft);\n    if (sameHeaderConfiguration(this.configuration, configuration)) return;\n    if (configuration.selected) this._internals.states.add('selected');\n    else this._internals.states.delete('selected');\n    this.configuration = configuration;\n  }\n\n  /** @internal */\n  _scroll(scrollLeft: number) {\n    // ScrollTimeline fallback; remove after wider adoption of Firefox 159.\n    if (!this.#scrollAnimation) this.style.setProperty('--_workspace-tab-scroll', `${-scrollLeft}px`);\n  }\n\n  /** @internal */\n  _bindScroll(source: HTMLElement | undefined, extent: number) {\n    if (source === this.#scrollSource && extent === this.#scrollExtent) return;\n    if (this.#updateScrollExtent(source, extent)) return;\n    this.#scrollAnimation?.cancel();\n    this.#scrollAnimation = undefined;\n    this.#scrollSource = source;\n    this.#scrollExtent = extent;\n    this.#bindScrollAnimation();\n    if (!this.#scrollAnimation) this._scroll(source?.scrollLeft ?? 0);\n  }\n\n  #updateScrollExtent(source: HTMLElement | undefined, extent: number) {\n    if (source !== this.#scrollSource || extent <= 0) return false;\n    const effect = this.#scrollAnimation?.effect;\n    if (!(effect instanceof KeyframeEffect)) return false;\n    this.#scrollExtent = extent;\n    effect.setKeyframes(scrollKeyframes(extent));\n    return true;\n  }\n\n  #bindScrollAnimation() {\n    if (\n      this.#scrollAnimation ||\n      !this.#scrollSource ||\n      this.#scrollExtent <= 0 ||\n      typeof ScrollTimeline === 'undefined'\n    )\n      return;\n    const track = this.shadowRoot?.querySelector<HTMLElement>('.label-track');\n    if (!track) return;\n    this.#scrollAnimation = track.animate(scrollKeyframes(this.#scrollExtent), {\n      timeline: new ScrollTimeline({ source: this.#scrollSource, axis: 'x' }),\n      fill: 'both',\n      easing: 'linear'\n    });\n  }\n\n  #hasTitle() {\n    if (isServer) return true;\n    return [...this.childNodes].some(\n      node => (!(node instanceof Element) || !node.hasAttribute('slot')) && !!node.textContent?.trim()\n    );\n  }\n}\n\nfunction scrollKeyframes(extent: number) {\n  return [{ transform: 'translateX(0px)' }, { transform: `translateX(${-extent}px)` }];\n}\n"],"mappings":"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"}
+{"version":3,"file":"panel-header2.js","names":["styles","_decorate","__decorate","panel_header_default","WorkspacePanelHeader","LitElement","_args","#scrollExtent","useStyles","attachInternals","#bindScrollAnimation","clipLeft","clipWidth","headerHeight","animate","offset","tabWidth","isServer","#hasTitle","selected","suffixEnd","hovered","configuration","scrollLeft","#scrollAnimation","source","#scrollSource","extent","#updateScrollExtent","effect","scrollKeyframes","track","node","hostAttr","state"],"sources":["../../../src/workspace/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';\nimport { state } from 'lit/decorators/state.js';\n\nimport { hostAttr } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport { sameHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport styles from './panel-header.css?inline';\n\n/**\n * @element nve-workspace-panel-header\n * @description Supplies a workspace panel title, decoration, and application controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Noninteractive panel title.\n * @slot prefix - Noninteractive title decoration.\n * @slot suffix - Application controls for the selected panel.\n * @cssprop --min-height\n * @cssprop --padding - Padding around the title.\n * @cssprop --prefix-padding - Padding around title decoration.\n * @cssprop --prefix-border - Border after title decoration.\n * @cssprop --suffix-padding - Override the shared inset around header controls.\n * @cssprop --suffix-border - Border before header controls.\n * @cssprop --gap\n * @cssprop --border-bottom\n */\nexport class WorkspacePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-header', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @state() private configuration: WorkspaceHeaderConfiguration = {\n    selected: false,\n    offset: 0,\n    animate: false,\n    tabWidth: 0,\n    headerHeight: 0,\n    suffixEnd: 0,\n    clipLeft: 0,\n    clipWidth: 0\n  };\n\n  #scrollSource?: HTMLElement;\n  #scrollExtent = 0;\n  #scrollAnimation?: Animation;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._bindScroll(undefined, 0);\n  }\n\n  protected updated() {\n    this.#bindScrollAnimation();\n  }\n\n  render() {\n    const { selected, offset, animate, tabWidth, headerHeight, suffixEnd, clipLeft, clipWidth } = this.configuration;\n    return html`\n      <div internal-host>\n        <div\n          class=\"label-viewport\"\n          aria-hidden=\"true\"\n          style=${`left:${clipLeft}px;width:${clipWidth}px;height:${headerHeight}px`}>\n          <div class=\"label-track\">\n            <div\n              class=\"label\"\n              ?data-animate=${animate}\n              style=${`left:${offset - clipLeft}px;width:${tabWidth}px;height:${headerHeight}px`}>\n              <span class=\"label-content\">\n                <slot\n                  name=\"prefix\"\n                  ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"prefix\"]')}\n                  @slotchange=${() => this.requestUpdate()}></slot>\n                <span class=\"title-content\"><slot @slotchange=${() => this.requestUpdate()}></slot>${this.#hasTitle() ? null : this.parentElement?.id}</span>\n              </span>\n            </div>\n          </div>\n        </div>\n        ${\n          selected\n            ? html`\n              <div class=\"separator\" style=${`top:${headerHeight}px`} aria-hidden=\"true\"></div>\n            `\n            : null\n        }\n        <div\n          class=\"suffix\"\n          ?data-group-actions=${suffixEnd > 0}\n          style=${`height:${headerHeight}px;right:${suffixEnd}px`}\n          aria-hidden=${!selected}\n          ?inert=${!selected}\n          ?data-inactive=${!selected}\n          ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}>\n          <div class=\"suffix-content\"><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _getMeasurementTargets() {\n    return {\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label-content') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix-content') ?? null\n    };\n  }\n\n  /** @internal */\n  _getTransitionTargets() {\n    return {\n      labelViewport: this.shadowRoot?.querySelector<HTMLElement>('.label-viewport') ?? null,\n      labelTrack: this.shadowRoot?.querySelector<HTMLElement>('.label-track') ?? null,\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix') ?? null\n    };\n  }\n\n  /** @internal */\n  _hover(hovered: boolean) {\n    if (hovered) this._internals.states.add('tab-hover');\n    else this._internals.states.delete('tab-hover');\n  }\n\n  /** @internal */\n  _configure({ scrollLeft, ...configuration }: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this._scroll(scrollLeft);\n    if (sameHeaderConfiguration(this.configuration, configuration)) return;\n    if (configuration.selected) this._internals.states.add('selected');\n    else this._internals.states.delete('selected');\n    this.configuration = configuration;\n  }\n\n  /** @internal */\n  _scroll(scrollLeft: number) {\n    // ScrollTimeline fallback; remove after wider adoption of Firefox 159.\n    if (!this.#scrollAnimation) this.style.setProperty('--_workspace-tab-scroll', `${-scrollLeft}px`);\n  }\n\n  /** @internal */\n  _bindScroll(source: HTMLElement | undefined, extent: number) {\n    if (source === this.#scrollSource && extent === this.#scrollExtent) return;\n    if (this.#updateScrollExtent(source, extent)) return;\n    this.#scrollAnimation?.cancel();\n    this.#scrollAnimation = undefined;\n    this.#scrollSource = source;\n    this.#scrollExtent = extent;\n    this.#bindScrollAnimation();\n    if (!this.#scrollAnimation) this._scroll(source?.scrollLeft ?? 0);\n  }\n\n  #updateScrollExtent(source: HTMLElement | undefined, extent: number) {\n    if (source !== this.#scrollSource || extent <= 0) return false;\n    const effect = this.#scrollAnimation?.effect;\n    if (!(effect instanceof KeyframeEffect)) return false;\n    this.#scrollExtent = extent;\n    effect.setKeyframes(scrollKeyframes(extent));\n    return true;\n  }\n\n  #bindScrollAnimation() {\n    if (\n      this.#scrollAnimation ||\n      !this.#scrollSource ||\n      this.#scrollExtent <= 0 ||\n      typeof ScrollTimeline === 'undefined'\n    )\n      return;\n    const track = this.shadowRoot?.querySelector<HTMLElement>('.label-track');\n    if (!track) return;\n    this.#scrollAnimation = track.animate(scrollKeyframes(this.#scrollExtent), {\n      timeline: new ScrollTimeline({ source: this.#scrollSource, axis: 'x' }),\n      fill: 'both',\n      easing: 'linear'\n    });\n  }\n\n  #hasTitle() {\n    if (isServer) return true;\n    return [...this.childNodes].some(\n      node => (!(node instanceof Element) || !node.hasAttribute('slot')) && !!node.textContent?.trim()\n    );\n  }\n}\n\nfunction scrollKeyframes(extent: number) {\n  return [{ transform: 'translateX(0px)' }, { transform: `translateX(${-extent}px)` }];\n}\n"],"mappings":"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"}

package/dist/workspace/workspace2.js

@@ -1,50 +1,50 @@
 import { matchesElementName as e } from "../internal/utils/dom.js";
-import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as i } from "../icon/icon2.js";
-import { DragHandle as a } from "../drag-handle/drag-handle2.js";
-import { Ghost as o } from "../ghost/ghost2.js";
-import { IconButton as s } from "../icon-button/icon-button2.js";
-import { ResizeHandle as c } from "../resize-handle/resize-handle2.js";
-import { Tabs as l, TabsItem as u } from "../tabs/tabs2.js";
-import { TabsItemGroup as d } from "../tabs/tabs-item-group2.js";
-import { parseWorkspaceValue as f, sameSerializedWorkspaceLayout as p, serializeWorkspaceValue as m } from "./utils/model/value.utils.js";
-import { closePanel as h, findGroup as g, openPanel as _, projectLayout as v, reconcilePanels as y, selectPanel as b } from "./utils/model/operations.utils.js";
-import { WorkspaceCommandController as x } from "./controllers/workspace-command.controller.js";
-import { WorkspacePanel as S } from "./panel/panel2.js";
-import { focusWorkspacePanel as C, getPanelLabel as w, isWorkspaceCompositionMutation as T, shouldFocusAfterWorkspaceClose as E } from "./utils/presentation/composition.utils.js";
-import { getAllocatedTabWidth as D, preserveRecipientSelection as O } from "./utils/presentation/groups.utils.js";
-import { WorkspaceCompositionController as k } from "./controllers/workspace-composition.controller.js";
-import { WorkspaceFullscreenController as A } from "./controllers/workspace-fullscreen.controller.js";
-import { WorkspaceMeasurementController as j } from "./controllers/workspace-measurement.controller.js";
-import { allocateContextProxies as M, getContextKey as N } from "./utils/placement/context.utils.js";
-import { getAdmissiblePlacementLayout as P } from "./utils/placement/preparation.utils.js";
-import { WorkspaceRearrangeController as F } from "./controllers/workspace-rearrange.controller.js";
-import { WorkspaceResizeController as I } from "./controllers/workspace-resize.controller.js";
-import { WorkspaceRestorationController as L } from "./controllers/workspace-restoration.controller.js";
-import { getRegionCornerStyle as R, shouldEmphasizeReservedDestination as z } from "./utils/presentation/preview.utils.js";
-import { WorkspaceEvaluation as B } from "./utils/evaluation.utils.js";
-import V from "./workspace.js";
-import { LitElement as H, html as U, isServer as W, svg as G } from "lit";
-import { property as K } from "lit/decorators/property.js";
-import { I18nController as q } from "@nvidia-elements/foundations/internal/i18n";
-import { ifDefined as J } from "lit/directives/if-defined.js";
-import { repeat as Y } from "lit/directives/repeat.js";
-import { styleMap as X } from "lit/directives/style-map.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as n } from "../icon/icon2.js";
+import { DragHandle as r } from "../drag-handle/drag-handle2.js";
+import { Ghost as i } from "../ghost/ghost2.js";
+import { IconButton as a } from "../icon-button/icon-button2.js";
+import { ResizeHandle as o } from "../resize-handle/resize-handle2.js";
+import { Tabs as s, TabsItem as c } from "../tabs/tabs2.js";
+import { TabsItemGroup as l } from "../tabs/tabs-item-group2.js";
+import { parseWorkspaceValue as u, sameSerializedWorkspaceLayout as d, serializeWorkspaceValue as f } from "./utils/model/value.utils.js";
+import { closePanel as p, findGroup as m, openPanel as h, projectLayout as g, reconcilePanels as _, selectPanel as v } from "./utils/model/operations.utils.js";
+import { WorkspaceCommandController as y } from "./controllers/workspace-command.controller.js";
+import { WorkspacePanel as b } from "./panel/panel2.js";
+import { focusWorkspacePanel as x, getPanelLabel as S, isWorkspaceCompositionMutation as C, shouldFocusAfterWorkspaceClose as w } from "./utils/presentation/composition.utils.js";
+import { getAllocatedTabWidth as T, preserveRecipientSelection as E } from "./utils/presentation/groups.utils.js";
+import { WorkspaceCompositionController as D } from "./controllers/workspace-composition.controller.js";
+import { WorkspaceFullscreenController as O } from "./controllers/workspace-fullscreen.controller.js";
+import { WorkspaceMeasurementController as k } from "./controllers/workspace-measurement.controller.js";
+import { allocateContextProxies as A, getContextKey as j } from "./utils/placement/context.utils.js";
+import { getAdmissiblePlacementLayout as M } from "./utils/placement/preparation.utils.js";
+import { WorkspaceRearrangeController as N } from "./controllers/workspace-rearrange.controller.js";
+import { WorkspaceResizeController as P } from "./controllers/workspace-resize.controller.js";
+import { WorkspaceRestorationController as F } from "./controllers/workspace-restoration.controller.js";
+import { getRegionCornerStyle as I, shouldEmphasizeReservedDestination as L } from "./utils/presentation/preview.utils.js";
+import { WorkspaceEvaluation as R } from "./utils/evaluation.utils.js";
+import z from "./workspace.js";
+import { LitElement as B, html as V, isServer as H, svg as U } from "lit";
+import { property as W } from "lit/decorators/property.js";
+import { I18nController as G } from "@nvidia-elements/foundations/internal/i18n";
+import { ifDefined as K } from "lit/directives/if-defined.js";
+import { repeat as q } from "lit/directives/repeat.js";
+import { styleMap as J } from "lit/directives/style-map.js";
+import { scopedRegistry as Y } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as X } from "@nvidia-elements/foundations/internal/styles";
 // src/workspace/workspace.ts
 var Z = {
 	close: "close",
 	move: "move",
 	enterFullscreen: "enter full screen",
 	exitFullscreen: "exit full screen"
-}, Q = class extends H {
+}, Q = class extends B {
 	constructor(...e) {
-		super(...e), this.#e = new q(this, Z), this.i18n = this.#e.i18n, this.resizable = !1, this.rearrangeable = !1, this.groupable = !1, this.fullscreenable = !1, this.detachThreshold = 48, this.closable = !1, this.resizePolicy = "stop", this.#n = "", this.#r = !1, this.#a = new L(this, {
+		super(...e), this.#e = new G(this, Z), this.i18n = this.#e.i18n, this.resizable = !1, this.rearrangeable = !1, this.groupable = !1, this.fullscreenable = !1, this.detachThreshold = 48, this.closable = !1, this.resizePolicy = "stop", this.#n = "", this.#r = !1, this.#a = new F(this, {
 			getLayout: () => this.#t,
 			applyLayout: (e) => this.#A(e),
 			getTransitionTargets: () => this.#m.getTransitionTargets()
-		}), this.#o = new x(this, {
+		}), this.#o = new y(this, {
 			getState: () => ({
 				panels: this.#y,
 				layout: this.#t
@@ -59,15 +59,15 @@ var Z = {
 			activatePanel: (e, t) => this.#P(e, t),
 			closePanel: (e) => this.#L(e),
 			placePanel: (e, t) => this.#I(e, t)
-		}), this.#s = new A(this, {
-			getGroup: (e) => g(this.#V(this.#v).root, e)?.panels ?? [],
+		}), this.#s = new O(this, {
+			getGroup: (e) => m(this.#V(this.#v).root, e)?.panels ?? [],
 			cancelInteractions: () => {
 				this.#a.finish(), this.#c.cancel(), this.#f.cancel();
 			},
 			invalidateCommandAvailability: () => {
 				this.#o.invalidateAvailability(), this.#p.invalidate();
 			}
-		}), this.#c = new F(this, {
+		}), this.#c = new N(this, {
 			evaluateWithContext: (e) => this.#B(e),
 			isRearrangementAllowed: () => !this.#s.active && !this.#a.active,
 			getLayout: () => this.#t,
@@ -92,7 +92,7 @@ var Z = {
 			tabMinWidth: 0,
 			width: 0,
 			height: 0
-		}, this.#f = new I(this, {
+		}, this.#f = new P(this, {
 			isEnabled: () => this.#w,
 			getLayout: () => this.#t,
 			getBoundaries: () => this.#u,
@@ -105,12 +105,12 @@ var Z = {
 			}),
 			cancelForUser: () => this.#a.transition(() => this.#f.cancel()),
 			commitLayout: (e) => this.#M(e)
-		}), this.#p = new j(this, {
+		}), this.#p = new k(this, {
 			getPanels: () => this.#y,
 			isPresented: (e) => !this.#W(e) && this.#l.some((t) => t.panels.some((t) => t.id === e)),
 			isCarried: (e) => !this.#t?.closed.includes(e) && this.#W(e),
 			applyMeasurements: (e) => this.#O(e)
-		}), this.#m = new k(this, {
+		}), this.#m = new D(this, {
 			getPanels: () => this.#y,
 			getGroups: () => this.#l,
 			getLayout: () => this.#t,
@@ -125,25 +125,25 @@ var Z = {
 		};
 	}
 	static {
-		this.styles = n([V]);
+		this.styles = X([z]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-workspace-panel", "nve-dropdown-group"]
 		};
 	}
 	static {
 		this.elementDefinitions = {
+			[r.metadata.tag]: r,
+			[i.metadata.tag]: i,
+			[n.metadata.tag]: n,
 			[a.metadata.tag]: a,
 			[o.metadata.tag]: o,
-			[i.metadata.tag]: i,
 			[s.metadata.tag]: s,
 			[c.metadata.tag]: c,
-			[l.metadata.tag]: l,
-			[u.metadata.tag]: u,
-			[d.metadata.tag]: d
+			[l.metadata.tag]: l
 		};
 	}
 	#e;
@@ -151,7 +151,7 @@ var Z = {
 		return this.#n;
 	}
 	set value(e) {
-		let t = f(e);
+		let t = u(e);
 		this.#a.finish(), this.#A(t);
 	}
 	#t;
@@ -207,7 +207,7 @@ var Z = {
 		this.#m.sync(), this.#o.flushAvailability();
 	}
 	animateTo(e, t = {}) {
-		let n = f(e);
+		let n = u(e);
 		this.#a.animateTo(n, t);
 	}
 	isCommandAvailable(e, t = {}) {
@@ -221,7 +221,7 @@ var Z = {
 		};
 	}
 	get #y() {
-		return this.#g ? this.#g.panels : W ? [] : [...this.children].filter((t) => e(t, S));
+		return this.#g ? this.#g.panels : H ? [] : [...this.children].filter((t) => e(t, b));
 	}
 	get #b() {
 		return this.#g?.available ?? this.#y.map((e) => e.id);
@@ -245,7 +245,7 @@ var Z = {
 		return this.#w || this.#f.retainingHandles;
 	}
 	#E(t) {
-		let n = t.some((t) => t.target === this || t.type === "attributes" && e(t.target, S) && t.target.parentElement === this), r = t.some((e) => T(this, e));
+		let n = t.some((t) => t.target === this || t.type === "attributes" && e(t.target, b) && t.target.parentElement === this), r = t.some((e) => C(this, e));
 		n && (this.#a.finish(), this.#o.invalidateAvailability(), this.#f.cancel(), this.#c.cancel()), (n || r) && (this.#p.invalidate(), this.requestUpdate());
 	}
 	#D() {
@@ -263,7 +263,7 @@ var Z = {
 			});
 			return;
 		}
-		let t = y(this.#t, e);
+		let t = _(this.#t, e);
 		t !== this.#t && (this.#k(t), this.#r || this.#j());
 	}
 	#O(e) {
@@ -271,7 +271,7 @@ var Z = {
 	}
 	#k(e) {
 		if (e === this.#t) return;
-		let t = m(e);
+		let t = f(e);
 		this.#t = e, this.#n = t;
 	}
 	#A(e) {
@@ -286,7 +286,7 @@ var Z = {
 		}));
 	}
 	#M(e) {
-		p(this.#t, e) ? this.requestUpdate() : (this.#k(e), this.#j());
+		d(this.#t, e) ? this.requestUpdate() : (this.#k(e), this.#j());
 	}
 	#N(e, t) {
 		if (t) return;
@@ -296,8 +296,8 @@ var Z = {
 	#P(e, t) {
 		if (this.#a.finish(), !this.#t || !this.#y.some((t) => t.id === e)) return;
 		let n = this.#t;
-		t === "open" && (n = _(this.#t, e) ?? this.#t);
-		let r = b(n, e);
+		t === "open" && (n = h(this.#t, e) ?? this.#t);
+		let r = v(n, e);
 		r === void 0 && n !== this.#t && (r = n), r && (this.#c.cancel(), this.#f.cancel(), this.#k(r), this.#j());
 	}
 	#F(e) {
@@ -317,9 +317,9 @@ var Z = {
 	}
 	#L(e) {
 		if (this.#a.finish(), !this.closable || !this.#t) return;
-		let t = h(this.#t, e);
+		let t = p(this.#t, e);
 		if (!t) return;
-		let n = E(this, e);
+		let n = w(this, e);
 		this.#c.cancel(), this.#f.cancel(), this.#k(t), this.#j();
 		let r = this.#l.find((t) => t.panels.some((t) => t.id === e));
 		n && this.#z(r?.panels.find((t) => t.id !== e)?.id);
@@ -328,11 +328,11 @@ var Z = {
 		t.focus !== !1 && this.#z(e.find((e) => !this.#t?.closed.includes(e) && this.#y.some((t) => t.id === e)));
 	}
 	#z(e) {
-		C(this, { id: e });
+		x(this, { id: e });
 	}
 	#B(e) {
 		if (this.#g) return e(this.#g);
-		this.#g = new B(this, {
+		this.#g = new R(this, {
 			panels: this.#y,
 			layout: this.#v,
 			source: this.#i?.source ?? [],
@@ -347,10 +347,10 @@ var Z = {
 		}
 	}
 	#V(e) {
-		return this.#g ? this.#g.project(e) : v(e, this.#b);
+		return this.#g ? this.#g.project(e) : g(e, this.#b);
 	}
 	#H(e, t, n = {}) {
-		if (this.#t) return this.#B((r) => P({
+		if (this.#t) return this.#B((r) => M({
 			evaluation: r,
 			layout: this.#v,
 			measurements: this.#x,
@@ -361,9 +361,9 @@ var Z = {
 		}));
 	}
 	#U(e) {
-		let t = e.filter((e) => !this.#t?.closed.includes(e) && this.#y.some((t) => t.id === e)), n = g(this.#t?.root ?? null, t[0])?.active, r = n && t.includes(n) ? n : t[0];
+		let t = e.filter((e) => !this.#t?.closed.includes(e) && this.#y.some((t) => t.id === e)), n = m(this.#t?.root ?? null, t[0])?.active, r = n && t.includes(n) ? n : t[0];
 		return {
-			title: r ? w(this.#y, r) : "",
+			title: r ? S(this.#y, r) : "",
 			layers: Math.min(t.length, 3)
 		};
 	}
@@ -378,7 +378,7 @@ var Z = {
 	}
 	#K(e) {
 		let t = this.#i, n = e.presentationGeometry();
-		this.#l = O(n.groups, this.#t?.root ?? null, this.#i?.source), this.#u = n.boundaries;
+		this.#l = E(n.groups, this.#t?.root ?? null, this.#i?.source), this.#u = n.boundaries;
 		let r = this.#q(n.regions, e);
 		return this.#m.applyPresentation({
 			groups: this.#l,
@@ -389,7 +389,7 @@ var Z = {
 			animate: !!t,
 			source: t?.source ?? [],
 			scroll: (t) => e.scroll(t)
-		}), U`<div internal-host ?data-resizing="${this.#f.resizing}" ?data-fullscreen="${this.#s.active}" ?data-rearranging="${!!t}" data-preview-allocation="${J(t && "allocation" in t ? t.allocation : void 0)}" style="${`--_minimum-height:${e.minimum(e.project(this.#v).root).height}px`}"><div class="viewport" @scroll="${() => this.#c.refresh()}"><div class="canvas" style="${`min-width:${n.minimum.width}px;min-height:${n.minimum.height}px`}">${Y(this.#l, (e) => this.#m.getGroupIdentity(e), (e) => this.#$(e))}<slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#ae()}<div class="preview-layer" data-drag-phase="${J(this.#i?.phase)}">${r}</div></div></div>${this.#se()}</div>`;
+		}), V`<div internal-host ?data-resizing="${this.#f.resizing}" ?data-fullscreen="${this.#s.active}" ?data-rearranging="${!!t}" data-preview-allocation="${K(t && "allocation" in t ? t.allocation : void 0)}" style="${`--_minimum-height:${e.minimum(e.project(this.#v).root).height}px`}"><div class="viewport" @scroll="${() => this.#c.refresh()}"><div class="canvas" style="${`min-width:${n.minimum.width}px;min-height:${n.minimum.height}px`}">${q(this.#l, (e) => this.#m.getGroupIdentity(e), (e) => this.#$(e))}<slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#ae()}<div class="preview-layer" data-drag-phase="${K(this.#i?.phase)}">${r}</div></div></div>${this.#se()}</div>`;
 	}
 	#q(e, t) {
 		let n = this.#i;
@@ -403,7 +403,7 @@ var Z = {
 			version: 1,
 			root: null,
 			closed: []
-		}, c = t.geometry(t.project(s)).regions, l = M({
+		}, c = t.geometry(t.project(s)).regions, l = A({
 			catalog: c,
 			allocation: e,
 			source: n.source
@@ -412,7 +412,7 @@ var Z = {
 			x: f.x - r,
 			y: f.y - i
 		}, h = n.point;
-		return U`${this.#J(d, r, i)}${Y(l, (e) => e.key, (t) => U`<div class="context-boundary" data-context-boundary="${t.key}" ?data-active="${n.context && t.key === N(n.context.members)}" inert aria-hidden="true" style="${`left:${t.rect.x}px;top:${t.rect.y}px;width:${t.rect.width}px;height:${t.rect.height}px;${R(t.rect, e)}`}"></div>`)}<nve-ghost class="destination" part="ghost destination-ghost" data-destination-ghost ?data-cue-clipped="${f.width <= 0 || f.height <= 0}" data-drag-phase="${n.phase}" ?data-drop-blocked="${n.blocked}" data-destination-kind="${p}" ?data-reserved-placement="${z(n)}" style="${`transform:translate(${f.x - r}px,${f.y - i}px);width:${f.width}px;height:${f.height}px;${R(m, e)}`}">${n.blocked ? U`<nve-icon part="icon blocked-icon" name="cancel" status="danger" size="lg" aria-hidden="true"></nve-icon>` : null}${this.#Y(n)}</nve-ghost>${h ? this.#Q({
+		return V`${this.#J(d, r, i)}${q(l, (e) => e.key, (t) => V`<div class="context-boundary" data-context-boundary="${t.key}" ?data-active="${n.context && t.key === j(n.context.members)}" inert aria-hidden="true" style="${`left:${t.rect.x}px;top:${t.rect.y}px;width:${t.rect.width}px;height:${t.rect.height}px;${I(t.rect, e)}`}"></div>`)}<nve-ghost class="destination" part="ghost destination-ghost" data-destination-ghost ?data-cue-clipped="${f.width <= 0 || f.height <= 0}" data-drag-phase="${n.phase}" ?data-drop-blocked="${n.blocked}" data-destination-kind="${p}" ?data-reserved-placement="${L(n)}" style="${`transform:translate(${f.x - r}px,${f.y - i}px);width:${f.width}px;height:${f.height}px;${I(m, e)}`}">${n.blocked ? V`<nve-icon part="icon blocked-icon" name="cancel" status="danger" size="lg" aria-hidden="true"></nve-icon>` : null}${this.#Y(n)}</nve-ghost>${h ? this.#Q({
 			point: h,
 			x: r,
 			y: i,
@@ -422,97 +422,97 @@ var Z = {
 		}) : null}`;
 	}
 	#J(e, t, n) {
-		return e ? U`<div class="order-overlay" data-order-slot="${e.scope.index}" data-placement-hint="${e.kind}" inert aria-hidden="true" style="${`left:${e.rect.x - t}px;top:${e.rect.y - n}px;width:${e.rect.width}px;height:${e.rect.height}px`}"></div>` : null;
+		return e ? V`<div class="order-overlay" data-order-slot="${e.scope.index}" data-placement-hint="${e.kind}" inert aria-hidden="true" style="${`left:${e.rect.x - t}px;top:${e.rect.y - n}px;width:${e.rect.width}px;height:${e.rect.height}px`}"></div>` : null;
 	}
 	#Y(e) {
 		if (!e || e.phase !== "detached" || e.blocked || !e.seams) return null;
 		let { kind: t, edges: n } = e.seams;
-		return U`${n.map((e) => {
+		return V`${n.map((e) => {
 			let n = e.side === "left" || e.side === "right", r = e.side === "left" || e.side === "top" ? `-${e.offset}px` : `calc(100% + ${e.offset}px)`, i = n ? `left:${r};top:${e.fraction * 100}%` : `left:${e.fraction * 100}%;top:${r}`, a = {
 				right: 0,
 				bottom: 90,
 				left: 180,
 				top: 270
 			}[e.side];
-			return U`<div class="seam-badge" data-seam-badge="${t}" data-seam-side="${e.side}" inert aria-hidden="true" style="${i}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="${`transform:rotate(${a}deg)`}">${t === "split" ? this.#X() : this.#Z()}</svg></div>`;
+			return V`<div class="seam-badge" data-seam-badge="${t}" data-seam-side="${e.side}" inert aria-hidden="true" style="${i}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="${`transform:rotate(${a}deg)`}">${t === "split" ? this.#X() : this.#Z()}</svg></div>`;
 		})}`;
 	}
 	#X() {
-		return G`<path d="M3 4h9v16H3z" fill="currentColor" fill-opacity=".2" stroke="none"></path><rect x="2" y="4" width="20" height="16" rx="1"></rect><path d="M12 4v16"></path>`;
+		return U`<path d="M3 4h9v16H3z" fill="currentColor" fill-opacity=".2" stroke="none"></path><rect x="2" y="4" width="20" height="16" rx="1"></rect><path d="M12 4v16"></path>`;
 	}
 	#Z() {
-		return G`<rect x="2" y="7" width="7" height="10" rx="1" fill="currentColor" fill-opacity=".2"></rect><path d="M22 4h-9v16h9"></path>`;
+		return U`<rect x="2" y="7" width="7" height="10" rx="1" fill="currentColor" fill-opacity=".2"></rect><path d="M22 4h-9v16h9"></path>`;
 	}
 	#Q(e) {
 		let { point: t, x: n, y: r, bounds: i, title: a, layers: o } = e, s = i.x + i.width, c = i.y + i.height, l = Math.max(i.x, Math.min(t.x + 12, s)), u = Math.max(i.y, Math.min(t.y + 12, c));
-		return U`<nve-ghost class="carried" part="ghost carried-ghost" data-carried-ghost .layers="${o}" style="${`left:${l - n}px;top:${u - r}px;width:max-content;max-width:${Math.max(0, Math.min(240, i.width))}px;max-height:${i.height}px;transform:translate(min(0px,calc(${s - l}px - 100%)),min(0px,calc(${c - u}px - 100%)))`}">${a}</nve-ghost>`;
+		return V`<nve-ghost class="carried" part="ghost carried-ghost" data-carried-ghost .layers="${o}" style="${`left:${l - n}px;top:${u - r}px;width:max-content;max-width:${Math.max(0, Math.min(240, i.width))}px;max-height:${i.height}px;transform:translate(min(0px,calc(${s - l}px - 100%)),min(0px,calc(${c - u}px - 100%)))`}">${a}</nve-ghost>`;
 	}
 	#$(e) {
 		let t = this.#x, { headerHeight: n } = t, r = this.#G() && e.panels.every((e) => this.#W(e.id)), i = this.#s.isSelectedGroup(e.active), a = (this.#f.presentation?.fullscreenable ?? this.fullscreenable) || i, o = a ? t.groupActionWidth ?? 0 : 0;
-		return U`<div class="group-chrome" style="${`left:${e.rect.x}px;top:${e.rect.y}px;width:${e.rect.width}px;height:${e.rect.height}px`}"><div class="tabs" ?data-carried-reservation="${r}" ?inert="${r}" aria-hidden="${J(r ? "true" : void 0)}" style="${`height:${n}px`}">${this.#ee(e)} ${this.#te(e, o)} ${a ? this.#ie(e, i) : null}</div></div>`;
+		return V`<div class="group-chrome" style="${`left:${e.rect.x}px;top:${e.rect.y}px;width:${e.rect.width}px;height:${e.rect.height}px`}"><div class="tabs" ?data-carried-reservation="${r}" ?inert="${r}" aria-hidden="${K(r ? "true" : void 0)}" style="${`height:${n}px`}">${this.#ee(e)} ${this.#te(e, o)} ${a ? this.#ie(e, i) : null}</div></div>`;
 	}
 	#ee(e) {
-		return (this.#f.presentation?.rearrangeable ?? this.#S.rearrangeable) && !this.#s.active && e.gripWidth > 0 ? U`<nve-drag-handle part="drag-handle" data-drag-group="${e.panels[0]?.id ?? ""}" draggable="false" aria-label="${J(this.i18n.move)}" @click="${(e) => e.preventDefault()}"></nve-drag-handle>` : null;
+		return (this.#f.presentation?.rearrangeable ?? this.#S.rearrangeable) && !this.#s.active && e.gripWidth > 0 ? V`<nve-drag-handle part="drag-handle" data-drag-group="${e.panels[0]?.id ?? ""}" draggable="false" aria-label="${K(this.i18n.move)}" @click="${(e) => e.preventDefault()}"></nve-drag-handle>` : null;
 	}
 	#te(e, t) {
-		let n = D(e, this.#x), r = this.#x.panels?.[e.active]?.suffixWidth ?? 0;
-		return U`<div class="tablist" ?data-scrollable="${e.panels.length > 1}" style="${`width:${Math.max(0, e.rect.width - e.gripWidth - r - t)}px;margin-right:${r}px`}" data-group="${this.#m.getGroupIdentity(e)}" @scroll="${(t) => this.#m.handleScroll(e, t)}">${this.#ne(e, n)}</div>`;
+		let n = T(e, this.#x), r = this.#x.panels?.[e.active]?.suffixWidth ?? 0;
+		return V`<div class="tablist" ?data-scrollable="${e.panels.length > 1}" style="${`width:${Math.max(0, e.rect.width - e.gripWidth - r - t)}px;margin-right:${r}px`}" data-group="${this.#m.getGroupIdentity(e)}" @scroll="${(t) => this.#m.handleScroll(e, t)}">${this.#ne(e, n)}</div>`;
 	}
 	#ne(e, t) {
-		let n = Y(e.panels, (e) => e.id, (n, r) => this.#re(e, n, {
+		let n = q(e.panels, (e) => e.id, (n, r) => this.#re(e, n, {
 			left: r * t,
 			width: t
 		}));
-		return e.tabbed ? U`<nve-tabs part="tabs" class="tab-track" @nve-key-change="${(e) => {
+		return e.tabbed ? V`<nve-tabs part="tabs" class="tab-track" @nve-key-change="${(e) => {
 			let t = e.detail.activeItem.dataset.panel;
 			t && this.#F(t);
-		}}" style="${`width:${e.panels.length * t}px`}">${n}</nve-tabs>` : U`<div class="tab-track" style="${`width:${e.panels.length * t}px`}">${n}</div>`;
+		}}" style="${`width:${e.panels.length * t}px`}">${n}</nve-tabs>` : V`<div class="tab-track" style="${`width:${e.panels.length * t}px`}">${n}</div>`;
 	}
 	#re(e, t, n) {
-		let r = X({
+		let r = J({
 			left: `${n.left}px`,
 			width: `${n.width}px`,
 			"--height": `${this.#x.headerHeight}px`
-		}), i = this.#W(t.id), a = t.querySelector(":scope > nve-workspace-panel-header") ? null : U`<span class="fallback-title">${t.id}</span>`, o = this.#C ? U`<nve-icon-button slot="${J(e.tabbed ? "suffix" : void 0)}" part="icon-button close-button" icon-name="cancel" container="flat" size="sm" data-close="${t.id}" aria-label="${`${this.i18n.close} ${w(this.#y, t.id)}`}" @click="${() => this.#L(t.id)}"></nve-icon-button>` : null;
-		return e.tabbed ? U`<nve-tabs-item-group part="tabs-item-group" class="tab-entry" ?data-carried-tab="${i}" ?inert="${i}" aria-hidden="${J(i ? "true" : void 0)}" style="${r}"><nve-tabs-item part="tabs-item tab" data-panel="${t.id}" ?selected="${e.active === t.id}" aria-label="${t.id}" @pointerenter="${() => this.#m.setHeaderHovered(t.id, !0)}" @pointerleave="${() => this.#m.setHeaderHovered(t.id, !1)}" @click="${() => this.#F(t.id)}">${a}</nve-tabs-item>${o}</nve-tabs-item-group>` : U`<div class="tab-entry panel-entry" ?data-carried-tab="${i}" ?inert="${i}" aria-hidden="${J(i ? "true" : void 0)}" style="${r}"><div class="panel-title" data-panel="${t.id}" aria-hidden="true">${a}</div>${o}</div>`;
+		}), i = this.#W(t.id), a = t.querySelector(":scope > nve-workspace-panel-header") ? null : V`<span class="fallback-title">${t.id}</span>`, o = this.#C ? V`<nve-icon-button slot="${K(e.tabbed ? "suffix" : void 0)}" part="icon-button close-button" icon-name="cancel" container="flat" size="sm" data-close="${t.id}" aria-label="${`${this.i18n.close} ${S(this.#y, t.id)}`}" @click="${() => this.#L(t.id)}"></nve-icon-button>` : null;
+		return e.tabbed ? V`<nve-tabs-item-group part="tabs-item-group" class="tab-entry" ?data-carried-tab="${i}" ?inert="${i}" aria-hidden="${K(i ? "true" : void 0)}" style="${r}"><nve-tabs-item part="tabs-item tab" data-panel="${t.id}" ?selected="${e.active === t.id}" aria-label="${t.id}" @pointerenter="${() => this.#m.setHeaderHovered(t.id, !0)}" @pointerleave="${() => this.#m.setHeaderHovered(t.id, !1)}" @click="${() => this.#F(t.id)}">${a}</nve-tabs-item>${o}</nve-tabs-item-group>` : V`<div class="tab-entry panel-entry" ?data-carried-tab="${i}" ?inert="${i}" aria-hidden="${K(i ? "true" : void 0)}" style="${r}"><div class="panel-title" data-panel="${t.id}" aria-hidden="true">${a}</div>${o}</div>`;
 	}
 	#ie(e, t) {
 		let n = this.#x.panels?.[e.active]?.suffixWidth ?? 0, r = !this.isCommandAvailable("--toggle-fullscreen", { value: e.active });
-		return U`<div class="group-actions" ?data-authored-suffix="${n > 0}"><nve-icon-button part="icon-button fullscreen-button" icon-name="${t ? "minimize" : "maximize"}" container="flat" size="sm" command="--toggle-fullscreen" .commandForElement="${e.panels.find((t) => t.id === e.active) ?? null}" ?disabled="${r}" aria-label="${J(t ? this.i18n.exitFullscreen : this.i18n.enterFullscreen)}"></nve-icon-button></div>`;
+		return V`<div class="group-actions" ?data-authored-suffix="${n > 0}"><nve-icon-button part="icon-button fullscreen-button" icon-name="${t ? "minimize" : "maximize"}" container="flat" size="sm" command="--toggle-fullscreen" .commandForElement="${e.panels.find((t) => t.id === e.active) ?? null}" ?disabled="${r}" aria-label="${K(t ? this.i18n.exitFullscreen : this.i18n.enterFullscreen)}"></nve-icon-button></div>`;
 	}
 	#ae() {
-		return this.#T ? Y(this.#u, (e) => e.key, (e) => this.#oe(e)) : null;
+		return this.#T ? q(this.#u, (e) => e.key, (e) => this.#oe(e)) : null;
 	}
 	#oe(e) {
-		return U`<div class="gutter" style="${`left:${e.rect.x}px;top:${e.rect.y}px;width:${e.rect.width}px;height:${e.rect.height}px`}"><nve-resize-handle data-boundary="${e.key}" part="resize-handle" orientation="${e.branch.axis === "horizontal" ? "vertical" : "horizontal"}" .min="${e.min}" .max="${e.max}" .step="${10}" .value="${e.value}" @nve-gesture-input="${this.#f.gesture}" @toggle="${(e) => e.preventDefault()}" @input="${(t) => this.#f.input(t, e)}" @change="${(t) => this.#f.change(t, e)}"></nve-resize-handle></div>`;
+		return V`<div class="gutter" style="${`left:${e.rect.x}px;top:${e.rect.y}px;width:${e.rect.width}px;height:${e.rect.height}px`}"><nve-resize-handle data-boundary="${e.key}" part="resize-handle" orientation="${e.branch.axis === "horizontal" ? "vertical" : "horizontal"}" .min="${e.min}" .max="${e.max}" .step="${10}" .value="${e.value}" @nve-gesture-input="${this.#f.gesture}" @toggle="${(e) => e.preventDefault()}" @input="${(t) => this.#f.input(t, e)}" @change="${(t) => this.#f.change(t, e)}"></nve-resize-handle></div>`;
 	}
 	#se() {
 		let { rearrangeable: e } = this.#S, t = this.fullscreenable || this.#l.some((e) => this.#s.isSelectedGroup(e.active));
-		return U`<div class="chrome" data-chrome inert aria-hidden="true"><div class="gap-probe"></div><div class="tab-min-probe"></div><div class="chrome-header"><nve-tabs part="tabs"><nve-tabs-item-group part="tabs-item-group" class="tab-entry tab-probe"><nve-tabs-item part="tabs-item tab" tabindex="-1"> </nve-tabs-item>${this.closable ? U`<nve-icon-button slot="suffix" part="icon-button close-button" icon-name="cancel" container="flat" size="sm" tabindex="-1"></nve-icon-button>` : null}</nve-tabs-item-group></nve-tabs>${e ? U`<nve-drag-handle part="drag-handle" draggable="false"></nve-drag-handle>` : null}${t ? U`<div class="group-actions"><nve-icon-button part="icon-button fullscreen-button" icon-name="maximize" container="flat" size="sm" tabindex="-1"></nve-icon-button></div>` : null}</div></div>`;
+		return V`<div class="chrome" data-chrome inert aria-hidden="true"><div class="gap-probe"></div><div class="tab-min-probe"></div><div class="chrome-header"><nve-tabs part="tabs"><nve-tabs-item-group part="tabs-item-group" class="tab-entry tab-probe"><nve-tabs-item part="tabs-item tab" tabindex="-1"> </nve-tabs-item>${this.closable ? V`<nve-icon-button slot="suffix" part="icon-button close-button" icon-name="cancel" container="flat" size="sm" tabindex="-1"></nve-icon-button>` : null}</nve-tabs-item-group></nve-tabs>${e ? V`<nve-drag-handle part="drag-handle" draggable="false"></nve-drag-handle>` : null}${t ? V`<div class="group-actions"><nve-icon-button part="icon-button fullscreen-button" icon-name="maximize" container="flat" size="sm" tabindex="-1"></nve-icon-button></div>` : null}</div></div>`;
 	}
 };
-r([K({
+t([W({
 	type: Object,
 	attribute: !1
-})], Q.prototype, "i18n", void 0), r([K({
+})], Q.prototype, "i18n", void 0), t([W({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "resizable", void 0), r([K({
+})], Q.prototype, "resizable", void 0), t([W({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "rearrangeable", void 0), r([K({
+})], Q.prototype, "rearrangeable", void 0), t([W({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "groupable", void 0), r([K({
+})], Q.prototype, "groupable", void 0), t([W({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "fullscreenable", void 0), r([K({
+})], Q.prototype, "fullscreenable", void 0), t([W({
 	type: Number,
 	attribute: "detach-threshold"
-})], Q.prototype, "detachThreshold", void 0), r([K({
+})], Q.prototype, "detachThreshold", void 0), t([W({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "closable", void 0), r([K({ attribute: "resize-policy" })], Q.prototype, "resizePolicy", void 0), r([K({ reflect: !0 })], Q.prototype, "container", void 0), r([K({ type: String })], Q.prototype, "value", null), Q = r([t()], Q);
+})], Q.prototype, "closable", void 0), t([W({ attribute: "resize-policy" })], Q.prototype, "resizePolicy", void 0), t([W({ reflect: !0 })], Q.prototype, "container", void 0), t([W({ type: String })], Q.prototype, "value", null), Q = t([Y()], Q);
 export { Q as Workspace };
 
 //# sourceMappingURL=workspace2.js.map