@nvidia-elements/core 2.23.5 → 2.23.6

package/dist/progress-dot/progress-dot2.js

@@ -16,7 +16,7 @@ var c = { loading: "loading" }, l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-progress-dot",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	#e;

package/dist/progress-ring/progress-ring2.js

@@ -24,7 +24,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -23,7 +23,7 @@ var b = { close: "close" }, x = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -13,7 +13,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/radio/radio-group2.js

@@ -12,7 +12,7 @@ var o = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-radio-group",
-			version: "2.23.5",
+			version: "2.23.6",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/radio/radio2.js

@@ -15,7 +15,7 @@ var o = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-radio",
-			version: "2.23.5",
+			version: "2.23.6",
 			children: [
 				"label",
 				"input",

package/dist/range/range2.js

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

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

@@ -18,7 +18,7 @@ var u = { resize: "resize" }, d = class extends l(r) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.23.5",
+			version: "2.23.6",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/search/search2.js

@@ -22,7 +22,7 @@ var l = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/select/select2.js

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

package/dist/skeleton/skeleton2.js

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

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

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

package/dist/sparkline/sparkline2.js

@@ -22,7 +22,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	render() {

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

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

package/dist/steps/steps2.js

@@ -23,7 +23,7 @@ var v = class extends m(l) {
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.23.5",
+			version: "2.23.6",
 			parents: ["nve-steps"]
 		};
 	}
@@ -69,7 +69,7 @@ var y = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.23.5",
+			version: "2.23.6",
 			children: ["nve-steps-item"]
 		};
 	}

package/dist/switch/switch-group2.js

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

package/dist/switch/switch2.js

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

package/dist/tabs/tabs-group2.js

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

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

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

package/dist/tabs/tabs2.js

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

package/dist/tag/tag2.js

@@ -18,7 +18,7 @@ var p = { close: "close" }, m = class extends f(a) {
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/textarea/textarea2.js

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

package/dist/time/time2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-time",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/toast/toast2.js

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

package/dist/toggletip/toggletip-footer2.js

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

package/dist/toggletip/toggletip-header2.js

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

package/dist/toggletip/toggletip2.js

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

package/dist/toolbar/toolbar2.js

@@ -22,7 +22,7 @@ var f = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

package/dist/tooltip/tooltip2.js

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

package/dist/tree/tree-node2.js

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

package/dist/tree/tree2.js

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

package/dist/week/week2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-week",
-			version: "2.23.5"
+			version: "2.23.6"
 		};
 	}
 	static {

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

@@ -1,10 +1,10 @@
 import type { ReactiveControllerHost } from 'lit';
+import { WorkspacePanel } from '../panel/panel.js';
 import type { WorkspaceDragPreview } from '../utils/interaction/drag-preview.utils.js';
 import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
 import type { WorkspacePresentedGroup } from '../utils/presentation/groups.utils.js';
 import type { WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';
 import type { WorkspacePanelHeader } from '../panel-header/panel-header.js';
-import type { WorkspacePanel } from '../panel/panel.js';
 export interface WorkspacePanelTransitionTargets {
     element: WorkspacePanel;
     header: ReturnType<WorkspacePanelHeader['_getTransitionTargets']> | undefined;
@@ -23,6 +23,7 @@ interface WorkspaceCompositionDelegate {
     readonly getLayout: () => WorkspaceLayout | undefined;
     readonly getPreview: () => WorkspaceDragPreview | undefined;
     readonly scrollChanged: () => void;
+    readonly contentChanged: (kind: 'panels' | 'chrome') => void;
 }
 interface WorkspaceCompositionPresentation {
     groups: WorkspacePresentedGroup[];
@@ -42,6 +43,8 @@ export declare class WorkspaceCompositionController {
     #private;
     constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceCompositionDelegate);
     hostDisconnected(): void;
+    startObserving(): void;
+    stopObserving(): void;
     captureFocus(): void;
     applyPresentation(input: WorkspaceCompositionPresentation): void;
     sync(): void;

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

@@ -1,40 +1,66 @@
 import { getActiveElement as e } from "../../internal/utils/focus.js";
-import { focusWorkspacePanel as t, getPanelLabel as n } from "../utils/presentation/composition.utils.js";
-import { getAllocatedTabWidth as r, getTabStripIdentity as i } from "../utils/presentation/groups.utils.js";
+import { matchesElementName as t } from "../../internal/utils/dom.js";
+import { WorkspacePanel as n } from "../panel/panel2.js";
+import { focusWorkspacePanel as r, getPanelLabel as i, isWorkspaceCompositionMutation as a } from "../utils/presentation/composition.utils.js";
+import { createTabStripIdentityResolver as o, getAllocatedTabWidth as s } from "../utils/presentation/groups.utils.js";
 // src/workspace/controllers/workspace-composition.controller.ts
-var a = class {
+var c = class {
 	#e;
 	#t;
 	#n;
+	#r;
+	#i;
 	constructor(e, t) {
 		this.#e = e, this.#t = t, e.addController(this);
 	}
 	hostDisconnected() {
-		this.#n = void 0;
+		this.#n = void 0, this.#r = void 0;
+	}
+	startObserving() {
+		this.#i = new MutationObserver((e) => this.#a(e)), this.#i.observe(this.#e, {
+			childList: !0,
+			characterData: !0,
+			attributes: !0,
+			subtree: !0,
+			attributeFilter: [
+				"id",
+				"min-width",
+				"min-height",
+				"slot"
+			]
+		});
+	}
+	stopObserving() {
+		this.#i?.disconnect(), this.#i = void 0;
+	}
+	#a(e) {
+		let r = e.some((e) => e.type === "childList" && e.target === this.#e || e.type === "attributes" && t(e.target, n) && e.target.parentElement === this.#e), i = e.some((e) => e.type === "attributes" && e.target === this.#e || a(this.#e, e));
+		(r || i) && this.#t.contentChanged(r ? "panels" : "chrome");
 	}
 	captureFocus() {
-		this.#n = this.#t.getPreview() ? void 0 : l(this.#e);
+		this.#n = this.#t.getPreview() ? void 0 : f(this.#e);
 	}
 	applyPresentation(e) {
 		let t = e.groups.map((t) => ({
 			group: t,
 			scrollLeft: e.scroll(t)
 		}));
-		for (let { group: n, scrollLeft: r } of t) o(e, n, r);
+		for (let { group: n, scrollLeft: r } of t) l(e, n, r);
 		let n = new Set(e.groups.flatMap((e) => e.panels));
 		this.#t.getPanels().forEach((t) => {
 			t._present(n.has(t) && !e.source.includes(t.id));
 		});
 	}
 	sync() {
+		this.#r?.root !== (this.#t.getLayout()?.root ?? null) && (this.#r = void 0);
 		let e = this.#t.getPanels(), t = this.#t.getGroups(), n = this.#t.getPreview();
-		s(e, t.map((e) => ({
+		u(e, t.map((e) => ({
 			group: e,
 			strip: this.findTabStrip(e)
-		}))), c(this.#e, t, {
+		}))), d(this.#e, t, {
 			panels: e,
 			carried: (e) => n?.source.includes(e) ?? !1
-		}), n || u(this.#e, t, this.#n), this.#n = void 0;
+		}), n || p(this.#e, t, this.#n), this.#n = void 0;
 	}
 	getTransitionTargets() {
 		let e = /* @__PURE__ */ new Map();
@@ -50,12 +76,16 @@ var a = class {
 		for (let e of this.#e.shadowRoot?.querySelectorAll("[data-boundary]") ?? []) e.parentElement && t.set(e.dataset.boundary, e.parentElement);
 		return {
 			panels: e,
-			groups: f(this.#e),
+			groups: h(this.#e),
 			gutters: t
 		};
 	}
 	getGroupIdentity(e) {
-		return i(this.#t.getLayout()?.root ?? null, e.panels.map((e) => e.id), this.#t.getPreview()?.source ?? []);
+		let t = this.#t.getLayout()?.root ?? null;
+		return this.#r && this.#r.root === t || (this.#r = {
+			root: t,
+			resolve: o(t)
+		}), this.#r.resolve(e.panels.map((e) => e.id), this.#t.getPreview()?.source ?? []);
 	}
 	findTabStrip(e) {
 		return this.#e.shadowRoot?.querySelector(`[data-group="${CSS.escape(this.getGroupIdentity(e))}"]`);
@@ -71,31 +101,31 @@ var a = class {
 		this.#t.getPanels().find((t) => t.id === e)?.querySelector(":scope > nve-workspace-panel-header")?._hover(t);
 	}
 };
-function o(e, t, n) {
-	let { headerHeight: i, actionWidth: a } = e.measurements, o = r(t, e.measurements), s = e.measurements.groupActionWidth ?? 0, c = (e.measurements.panels?.[t.active]?.suffixWidth ?? 0) + s;
-	t.panels.forEach((r, l) => {
-		if (e.source.includes(r.id)) return;
-		e.container && r.getAttribute("container") !== e.container ? r.setAttribute("container", e.container) : e.container || r.removeAttribute("container"), r.setAttribute("role", t.tabbed ? "tabpanel" : "group"), r.setAttribute("aria-hidden", String(t.active !== r.id));
+function l(e, t, n) {
+	let { headerHeight: r, actionWidth: i } = e.measurements, a = s(t, e.measurements), o = e.measurements.groupActionWidth ?? 0, c = (e.measurements.panels?.[t.active]?.suffixWidth ?? 0) + o;
+	t.panels.forEach((s, l) => {
+		if (e.source.includes(s.id)) return;
+		e.container && s.getAttribute("container") !== e.container ? s.setAttribute("container", e.container) : e.container || s.removeAttribute("container"), s.setAttribute("role", t.tabbed ? "tabpanel" : "group"), s.setAttribute("aria-hidden", String(t.active !== s.id));
 		let u = t.rect;
-		Object.assign(r.style, {
+		Object.assign(s.style, {
 			left: `${u.x}px`,
 			top: `${u.y}px`,
 			width: `${u.width}px`,
 			height: `${u.height}px`
-		}), r.style.setProperty("--_workspace-border-right", e.measurements.gap === 0 && u.x + u.width < e.extent.width - 1e-6 ? "none" : "var(--border)"), r.style.setProperty("--_workspace-border-bottom", e.measurements.gap === 0 && u.y + u.height < e.extent.height - 1e-6 ? "none" : "var(--border)"), r._configure({
-			selected: t.active === r.id,
-			offset: t.gripWidth + l * o,
+		}), s.style.setProperty("--_workspace-border-right", e.measurements.gap === 0 && u.x + u.width < e.extent.width - 1e-6 ? "none" : "var(--border)"), s.style.setProperty("--_workspace-border-bottom", e.measurements.gap === 0 && u.y + u.height < e.extent.height - 1e-6 ? "none" : "var(--border)"), s._configure({
+			selected: t.active === s.id,
+			offset: t.gripWidth + l * a,
 			scrollLeft: n,
 			animate: e.animate,
-			tabWidth: Math.max(0, o - a * Number(e.closable)),
-			headerHeight: i,
-			suffixEnd: s,
+			tabWidth: Math.max(0, a - i * Number(e.closable)),
+			headerHeight: r,
+			suffixEnd: o,
 			clipLeft: t.gripWidth,
 			clipWidth: Math.max(0, u.width - t.gripWidth - c)
 		});
 	});
 }
-function s(e, t) {
+function u(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let { group: e, strip: r } of t) {
 		if (!r || e.panels.length < 2) continue;
@@ -110,16 +140,16 @@ function s(e, t) {
 		t.querySelector(":scope > nve-workspace-panel-header")?._bindScroll(e?.source, e?.extent ?? 0);
 	}
 }
-function c(e, t, r) {
-	r.panels.forEach((e) => {
+function d(e, t, n) {
+	n.panels.forEach((e) => {
 		e.hasAttribute("aria-labelledby") && e.removeAttribute("aria-labelledby");
-	}), t.forEach((t) => t.panels.forEach((i) => {
-		if (r.carried(i.id)) return;
-		let a = e.shadowRoot?.querySelector(`[data-panel="${CSS.escape(i.id)}"]`), o = n(r.panels, i.id);
-		i.setAttribute("aria-label", o), t.tabbed && a?.localName === "nve-tabs-item" && (a.ariaControlsElements = [i], a.setAttribute("aria-label", o));
+	}), t.forEach((t) => t.panels.forEach((r) => {
+		if (n.carried(r.id)) return;
+		let a = e.shadowRoot?.querySelector(`[data-panel="${CSS.escape(r.id)}"]`), o = i(r);
+		r.setAttribute("aria-label", o), t.tabbed && a?.localName === "nve-tabs-item" && (a.ariaControlsElements = [r], a.setAttribute("aria-label", o));
 	}));
 }
-function l(e) {
+function f(e) {
 	let t = e.shadowRoot?.activeElement;
 	if (!t || !(t instanceof HTMLElement) || !t.closest(".tabs")) return;
 	let n = t.dataset.panel ?? t.dataset.close ?? t.dataset.dragGroup;
@@ -130,17 +160,17 @@ function l(e) {
 		members: [...t.closest(".tabs")?.querySelectorAll("[data-panel]") ?? []].map((e) => e.dataset.panel)
 	};
 }
-function u(e, n, r) {
-	if (!r || !d(e, r)) return;
-	let i = n.find((e) => e.panels.some((e) => e.id === r.id)) ?? n.find((e) => e.panels.some((e) => r.members.includes(e.id)));
+function p(e, t, n) {
+	if (!n || !m(e, n)) return;
+	let i = t.find((e) => e.panels.some((e) => e.id === n.id)) ?? t.find((e) => e.panels.some((e) => n.members.includes(e.id)));
 	if (!i) return;
-	let a = i.panels.some((e) => e.id === r.id) ? r.id : i.active, o = r.close && a === r.id ? e.shadowRoot?.querySelector(`[data-close="${CSS.escape(a)}"]`) : void 0;
-	o ? o.focus({ preventScroll: !0 }) : t(e, {
+	let a = i.panels.some((e) => e.id === n.id) ? n.id : i.active, o = n.close && a === n.id ? e.shadowRoot?.querySelector(`[data-close="${CSS.escape(a)}"]`) : void 0;
+	o ? o.focus({ preventScroll: !0 }) : r(e, {
 		id: a,
 		preserveScroll: !0
 	});
 }
-function d(t, n) {
+function m(t, n) {
 	if (n.element.isConnected && !n.element.closest("[inert]")) return !1;
 	let r = e(t.ownerDocument);
 	return !r || [
@@ -149,7 +179,7 @@ function d(t, n) {
 		n.element
 	].some((e) => e === r) ? !0 : !(r.isConnected && !r.closest("[inert]"));
 }
-function f(e) {
+function h(e) {
 	let t = [];
 	for (let n of e.shadowRoot?.querySelectorAll(".group-chrome") ?? []) {
 		let e = /* @__PURE__ */ new Map();
@@ -164,6 +194,6 @@ function f(e) {
 	}
 	return t;
 }
-export { a as WorkspaceCompositionController };
+export { c as WorkspaceCompositionController };
 
 //# sourceMappingURL=workspace-composition.controller.js.map