@nvidia-elements/core 2.6.1 → 2.7.0

package/dist/internal/controllers/gesture.controller.js

@@ -0,0 +1,235 @@
+//#region src/internal/controllers/gesture.controller.ts
+var e = [
+	"auxclick",
+	"click",
+	"contextmenu",
+	"lostpointercapture",
+	"pointercancel",
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"wheel"
+], t = class {
+	#e;
+	#t;
+	#n = /* @__PURE__ */ new Set();
+	#r = /* @__PURE__ */ new Map();
+	#i = !1;
+	#a;
+	#o;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	set target(e) {
+		e !== this.#o && (this.#c(), this.#E(), this.#o = e, this.#s());
+	}
+	hostConnected() {
+		this.#i = !0, this.#s();
+	}
+	hostDisconnected() {
+		this.#c(), this.#E(), this.#i = !1;
+	}
+	#s() {
+		if (!(!this.#i || !this.#o)) for (let t of e) this.#o.addEventListener(t, this.#l, !0);
+	}
+	#c() {
+		if (!(!this.#i || !this.#o)) for (let t of e) this.#o.removeEventListener(t, this.#l, !0);
+	}
+	#l = (e) => {
+		let t = this.#o;
+		if (!t || e.currentTarget !== t || this.#t.shouldIgnore?.(e)) return;
+		this.#t.prepare?.();
+		let n = this.#t.getCapabilities();
+		e instanceof WheelEvent ? this.#u(e, n) : e.type === "contextmenu" ? n.pan && e.preventDefault() : e instanceof PointerEvent && this.#d(e, n);
+	};
+	#u(e, t) {
+		let n = this.#o;
+		!t.wheel || !n || (this.#w({
+			deltaPixels: i(e, n),
+			event: e,
+			kind: "wheel"
+		}), e.preventDefault());
+	}
+	#d(e, t) {
+		switch (e.type) {
+			case "auxclick":
+			case "click":
+				this.#f(e, t);
+				break;
+			case "lostpointercapture":
+				this.#r.delete(e.pointerId), this.#n.delete(e.pointerId), this.#a?.pointerIds.includes(e.pointerId) && (this.#a = void 0), this.#T({
+					event: e,
+					kind: "lostpointercapture"
+				});
+				break;
+			case "pointercancel":
+				this.#r.delete(e.pointerId), this.#n.delete(e.pointerId), this.#a = void 0, this.#T({
+					event: e,
+					kind: "pointercancel"
+				});
+				break;
+			case "pointerdown":
+				this.#p(e, t);
+				break;
+			case "pointermove":
+				this.#h(e, t);
+				break;
+			case "pointerup":
+				this.#m(e);
+				break;
+		}
+	}
+	#f(e, t) {
+		e.button === 2 && t.pan ? r(e) : e.type === "click" && this.#T({
+			event: e,
+			kind: "click"
+		});
+	}
+	#p(e, t) {
+		let i = t.pinch && this.#t.createPinchContext !== void 0;
+		if (this.#r.set(e.pointerId, {
+			x: e.clientX,
+			y: e.clientY
+		}), e.button === 2 && t.pan && this.#n.add(e.pointerId), n(t, i) && this.#C(e.pointerId), this.#n.has(e.pointerId)) {
+			r(e);
+			return;
+		}
+		i && this.#b(), this.#T({
+			event: e,
+			kind: "pointerdown"
+		});
+	}
+	#m(e) {
+		this.#r.delete(e.pointerId);
+		let t = this.#n.delete(e.pointerId);
+		this.#a?.pointerIds.includes(e.pointerId) && (this.#a = void 0), t ? r(e) : this.#T({
+			event: e,
+			kind: "pointerup"
+		});
+	}
+	#h(e, t) {
+		if (e.buttons === 0) {
+			this.#g(e);
+			return;
+		}
+		let r = t.pinch && this.#t.createPinchContext !== void 0, i = this.#v(e);
+		if (!i || !n(t, r)) return this.#T({
+			event: e,
+			kind: "pointermove"
+		});
+		if (!this.#_(e, i, t) && !(this.#r.size >= 2 && r && this.#y(e))) {
+			if (!t.drag) return this.#T({
+				event: e,
+				kind: "pointermove"
+			});
+			this.#C(e.pointerId), e.preventDefault(), this.#w({
+				event: e,
+				kind: "drag",
+				movementX: i.x,
+				movementY: i.y
+			});
+		}
+	}
+	#g(e) {
+		this.#r.delete(e.pointerId), this.#n.delete(e.pointerId), this.#a = void 0, this.#T({
+			event: e,
+			kind: "pointermove"
+		});
+	}
+	#_(e, t, n) {
+		return !n.pan || !this.#n.has(e.pointerId) ? !1 : (this.#C(e.pointerId), e.preventDefault(), this.#w({
+			event: e,
+			kind: "pan",
+			movementX: t.x,
+			movementY: t.y
+		}), !0);
+	}
+	#v(e) {
+		let t = this.#r.get(e.pointerId);
+		if (!t) return;
+		this.#r.set(e.pointerId, {
+			x: e.clientX,
+			y: e.clientY
+		});
+		let n = {
+			x: e.clientX - t.x,
+			y: e.clientY - t.y
+		};
+		return n.x === 0 && n.y === 0 ? void 0 : n;
+	}
+	#y(e) {
+		let t = this.#t.createPinchContext;
+		if (!t) return !1;
+		if (this.#a && !this.#a.pointerIds.includes(e.pointerId)) return !0;
+		let n = this.#a?.pointerIds ?? this.#x();
+		if (!n) return !1;
+		let r = this.#S(n);
+		return r === void 0 || r <= 0 ? !1 : (this.#a ??= {
+			context: t(),
+			distance: r,
+			pointerIds: n
+		}, this.#C(e.pointerId), e.preventDefault(), this.#w({
+			context: this.#a.context,
+			event: e,
+			kind: "pinch",
+			scale: r / this.#a.distance
+		}), !0);
+	}
+	#b() {
+		let e = this.#t.createPinchContext;
+		if (this.#r.size !== 2 || !e) return;
+		let t = this.#x();
+		if (!t) return;
+		let n = this.#S(t);
+		n !== void 0 && n > 0 && (this.#a = {
+			context: e(),
+			distance: n,
+			pointerIds: t
+		});
+	}
+	#x() {
+		let e = [...this.#r.keys()], t = e[0], n = e[1];
+		return t === void 0 || n === void 0 ? void 0 : [t, n];
+	}
+	#S(e) {
+		let t = this.#r.get(e[0]), n = this.#r.get(e[1]);
+		return t && n ? Math.hypot(t.x - n.x, t.y - n.y) : void 0;
+	}
+	#C(e) {
+		try {
+			this.#o?.setPointerCapture?.(e);
+		} catch {}
+	}
+	#w(e) {
+		this.#e.dispatchEvent(new CustomEvent("nve-gesture", {
+			bubbles: !1,
+			cancelable: !1,
+			composed: !1,
+			detail: e
+		}));
+	}
+	#T(e) {
+		this.#e.dispatchEvent(new CustomEvent("nve-pointer-input", {
+			bubbles: !1,
+			cancelable: !1,
+			composed: !1,
+			detail: e
+		}));
+	}
+	#E() {
+		this.#r.clear(), this.#n.clear(), this.#a = void 0;
+	}
+};
+function n(e, t) {
+	return e.drag || e.pan || t;
+}
+function r(e) {
+	e.preventDefault(), e.stopImmediatePropagation();
+}
+function i(e, t) {
+	return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * 16 : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * t.getBoundingClientRect().height : e.deltaY;
+}
+//#endregion
+export { t as GestureController };
+
+//# sourceMappingURL=gesture.controller.js.map

package/dist/internal/controllers/gesture.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.controller.js","names":["#host","#options","#panPointerIds","#pointerPositions","#target","#removeTargetListeners","#resetGestureState","#addTargetListeners","#connected","#handleEvent","#handleWheel","#handlePointer","#dispatchGesture","#handleClick","#pinch","#dispatchPointerInput","#handlePointerDown","#handlePointerMove","#handlePointerUp","#capturePointer","#startPinchIfNeeded","#handlePointerButtonsReleased","#updatePointerPosition","#handlePanMove","#handlePinch","#getPinchPointerIds","#getPointerDistance"],"sources":["../../../src/internal/controllers/gesture.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nconst GESTURE_EVENT_TYPES = [\n  'auxclick',\n  'click',\n  'contextmenu',\n  'lostpointercapture',\n  'pointercancel',\n  'pointerdown',\n  'pointermove',\n  'pointerup',\n  'wheel'\n] as const;\n\ninterface Point {\n  readonly x: number;\n  readonly y: number;\n}\n\nexport interface GestureCapabilities {\n  readonly drag: boolean;\n  readonly pan: boolean;\n  readonly pinch: boolean;\n  readonly wheel: boolean;\n}\n\ninterface PointerMovementGesture {\n  readonly event: PointerEvent;\n  readonly movementX: number;\n  readonly movementY: number;\n}\n\nexport type Gesture<TPinchContext> =\n  | (PointerMovementGesture & { readonly kind: 'drag' })\n  | (PointerMovementGesture & { readonly kind: 'pan' })\n  | {\n      readonly context: TPinchContext;\n      readonly event: PointerEvent;\n      readonly kind: 'pinch';\n      readonly scale: number;\n    }\n  | {\n      readonly deltaPixels: number;\n      readonly event: WheelEvent;\n      readonly kind: 'wheel';\n    };\n\nexport type UnhandledPointerInput =\n  | { readonly event: PointerEvent; readonly kind: 'click' }\n  | { readonly event: PointerEvent; readonly kind: 'lostpointercapture' }\n  | { readonly event: PointerEvent; readonly kind: 'pointercancel' }\n  | { readonly event: PointerEvent; readonly kind: 'pointerdown' }\n  | { readonly event: PointerEvent; readonly kind: 'pointermove' }\n  | { readonly event: PointerEvent; readonly kind: 'pointerup' };\n\nexport interface GestureControllerOptions<TPinchContext = undefined> {\n  /** Creates a snapshot of caller state when a pinch begins. Omit this field to disable pinch recognition. */\n  readonly createPinchContext?: () => TPinchContext;\n  /** Returns the gesture kinds that the controller can recognize for the current input event. */\n  readonly getCapabilities: () => GestureCapabilities;\n  /** Updates caller state before the controller reads capabilities for a nonignored input event. */\n  readonly prepare?: () => void;\n  /** Returns whether the controller should skip an input event before preparing or recognizing it. */\n  readonly shouldIgnore?: (event: Event) => boolean;\n}\n\ninterface PinchState<TPinchContext> {\n  readonly context: TPinchContext;\n  readonly distance: number;\n  readonly pointerIds: readonly [number, number];\n}\n\ntype GestureHost = EventTarget & ReactiveControllerHost;\n\n/** Recognizes drag, pan, pinch, and wheel input on a dynamically assigned target. */\nexport class GestureController<TPinchContext = undefined> implements ReactiveController {\n  readonly #host: GestureHost;\n  readonly #options: GestureControllerOptions<TPinchContext>;\n  readonly #panPointerIds = new Set<number>();\n  readonly #pointerPositions = new Map<number, Point>();\n  #connected = false;\n  #pinch?: PinchState<TPinchContext>;\n  #target?: HTMLElement;\n\n  constructor(host: GestureHost, options: GestureControllerOptions<TPinchContext>) {\n    this.#host = host;\n    this.#options = options;\n    host.addController(this);\n  }\n\n  set target(target: HTMLElement | undefined) {\n    if (target === this.#target) return;\n    this.#removeTargetListeners();\n    this.#resetGestureState();\n    this.#target = target;\n    this.#addTargetListeners();\n  }\n\n  hostConnected(): void {\n    this.#connected = true;\n    this.#addTargetListeners();\n  }\n\n  hostDisconnected(): void {\n    this.#removeTargetListeners();\n    this.#resetGestureState();\n    this.#connected = false;\n  }\n\n  #addTargetListeners(): void {\n    if (!this.#connected || !this.#target) return;\n    for (const type of GESTURE_EVENT_TYPES) this.#target.addEventListener(type, this.#handleEvent, true);\n  }\n\n  #removeTargetListeners(): void {\n    if (!this.#connected || !this.#target) return;\n    for (const type of GESTURE_EVENT_TYPES) this.#target.removeEventListener(type, this.#handleEvent, true);\n  }\n\n  #handleEvent = (event: Event): void => {\n    const target = this.#target;\n    if (!target || event.currentTarget !== target || this.#options.shouldIgnore?.(event)) return;\n    this.#options.prepare?.();\n    const capabilities = this.#options.getCapabilities();\n    if (event instanceof WheelEvent) {\n      this.#handleWheel(event, capabilities);\n    } else if (event.type === 'contextmenu') {\n      if (capabilities.pan) event.preventDefault();\n    } else if (event instanceof PointerEvent) {\n      this.#handlePointer(event, capabilities);\n    }\n  };\n\n  #handleWheel(event: WheelEvent, capabilities: GestureCapabilities): void {\n    const target = this.#target;\n    if (!capabilities.wheel || !target) return;\n    this.#dispatchGesture({\n      deltaPixels: normalizeWheelDelta(event, target),\n      event,\n      kind: 'wheel'\n    });\n    event.preventDefault();\n  }\n\n  #handlePointer(event: PointerEvent, capabilities: GestureCapabilities): void {\n    switch (event.type) {\n      case 'auxclick':\n      case 'click':\n        this.#handleClick(event, capabilities);\n        break;\n      case 'lostpointercapture':\n        this.#pointerPositions.delete(event.pointerId);\n        this.#panPointerIds.delete(event.pointerId);\n        if (this.#pinch?.pointerIds.includes(event.pointerId)) this.#pinch = undefined;\n        this.#dispatchPointerInput({ event, kind: 'lostpointercapture' });\n        break;\n      case 'pointercancel':\n        this.#pointerPositions.delete(event.pointerId);\n        this.#panPointerIds.delete(event.pointerId);\n        this.#pinch = undefined;\n        this.#dispatchPointerInput({ event, kind: 'pointercancel' });\n        break;\n      case 'pointerdown':\n        this.#handlePointerDown(event, capabilities);\n        break;\n      case 'pointermove':\n        this.#handlePointerMove(event, capabilities);\n        break;\n      case 'pointerup':\n        this.#handlePointerUp(event);\n        break;\n    }\n  }\n\n  #handleClick(event: PointerEvent, capabilities: GestureCapabilities): void {\n    if (event.button === 2 && capabilities.pan) {\n      consumePanBoundaryEvent(event);\n    } else if (event.type === 'click') {\n      this.#dispatchPointerInput({ event, kind: 'click' });\n    }\n  }\n\n  #handlePointerDown(event: PointerEvent, capabilities: GestureCapabilities): void {\n    const canPinch = capabilities.pinch && this.#options.createPinchContext !== undefined;\n    this.#pointerPositions.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    if (event.button === 2 && capabilities.pan) this.#panPointerIds.add(event.pointerId);\n    if (hasPointerCapability(capabilities, canPinch)) this.#capturePointer(event.pointerId);\n    if (this.#panPointerIds.has(event.pointerId)) {\n      consumePanBoundaryEvent(event);\n      return;\n    }\n    if (canPinch) this.#startPinchIfNeeded();\n    this.#dispatchPointerInput({ event, kind: 'pointerdown' });\n  }\n\n  #handlePointerUp(event: PointerEvent): void {\n    this.#pointerPositions.delete(event.pointerId);\n    const wasPanPointer = this.#panPointerIds.delete(event.pointerId);\n    if (this.#pinch?.pointerIds.includes(event.pointerId)) this.#pinch = undefined;\n    if (wasPanPointer) {\n      consumePanBoundaryEvent(event);\n    } else {\n      this.#dispatchPointerInput({ event, kind: 'pointerup' });\n    }\n  }\n\n  #handlePointerMove(event: PointerEvent, capabilities: GestureCapabilities): void {\n    if (event.buttons === 0) {\n      this.#handlePointerButtonsReleased(event);\n      return;\n    }\n    const canPinch = capabilities.pinch && this.#options.createPinchContext !== undefined;\n    const movement = this.#updatePointerPosition(event);\n    if (!movement || !hasPointerCapability(capabilities, canPinch)) {\n      return this.#dispatchPointerInput({ event, kind: 'pointermove' });\n    }\n    if (this.#handlePanMove(event, movement, capabilities)) return;\n    if (this.#pointerPositions.size >= 2 && canPinch && this.#handlePinch(event)) return;\n    if (!capabilities.drag) return this.#dispatchPointerInput({ event, kind: 'pointermove' });\n    this.#capturePointer(event.pointerId);\n    event.preventDefault();\n    this.#dispatchGesture({ event, kind: 'drag', movementX: movement.x, movementY: movement.y });\n  }\n\n  #handlePointerButtonsReleased(event: PointerEvent): void {\n    this.#pointerPositions.delete(event.pointerId);\n    this.#panPointerIds.delete(event.pointerId);\n    this.#pinch = undefined;\n    this.#dispatchPointerInput({ event, kind: 'pointermove' });\n  }\n\n  #handlePanMove(event: PointerEvent, movement: Point, capabilities: GestureCapabilities): boolean {\n    if (!capabilities.pan || !this.#panPointerIds.has(event.pointerId)) return false;\n    this.#capturePointer(event.pointerId);\n    event.preventDefault();\n    this.#dispatchGesture({ event, kind: 'pan', movementX: movement.x, movementY: movement.y });\n    return true;\n  }\n\n  #updatePointerPosition(event: PointerEvent): Point | undefined {\n    const previous = this.#pointerPositions.get(event.pointerId);\n    if (!previous) return undefined;\n    this.#pointerPositions.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    const movement = { x: event.clientX - previous.x, y: event.clientY - previous.y };\n    return movement.x === 0 && movement.y === 0 ? undefined : movement;\n  }\n\n  #handlePinch(event: PointerEvent): boolean {\n    const createPinchContext = this.#options.createPinchContext;\n    if (!createPinchContext) return false;\n    if (this.#pinch && !this.#pinch.pointerIds.includes(event.pointerId)) return true;\n    const pointerIds = this.#pinch?.pointerIds ?? this.#getPinchPointerIds();\n    if (!pointerIds) return false;\n    const distance = this.#getPointerDistance(pointerIds);\n    if (distance === undefined || distance <= 0) return false;\n    this.#pinch ??= { context: createPinchContext(), distance, pointerIds };\n    this.#capturePointer(event.pointerId);\n    event.preventDefault();\n    this.#dispatchGesture({\n      context: this.#pinch.context,\n      event,\n      kind: 'pinch',\n      scale: distance / this.#pinch.distance\n    });\n    return true;\n  }\n\n  #startPinchIfNeeded(): void {\n    const createPinchContext = this.#options.createPinchContext;\n    if (this.#pointerPositions.size !== 2 || !createPinchContext) return;\n    const pointerIds = this.#getPinchPointerIds();\n    if (!pointerIds) return;\n    const distance = this.#getPointerDistance(pointerIds);\n    if (distance !== undefined && distance > 0) {\n      this.#pinch = { context: createPinchContext(), distance, pointerIds };\n    }\n  }\n\n  #getPinchPointerIds(): [number, number] | undefined {\n    const pointerIds = [...this.#pointerPositions.keys()];\n    const first = pointerIds[0];\n    const second = pointerIds[1];\n    return first === undefined || second === undefined ? undefined : [first, second];\n  }\n\n  #getPointerDistance(pointerIds: readonly [number, number]): number | undefined {\n    const first = this.#pointerPositions.get(pointerIds[0]);\n    const second = this.#pointerPositions.get(pointerIds[1]);\n    return first && second ? Math.hypot(first.x - second.x, first.y - second.y) : undefined;\n  }\n\n  #capturePointer(pointerId: number): void {\n    try {\n      this.#target?.setPointerCapture?.(pointerId);\n    } catch {\n      // Synthetic test events and browser implementations may not have an active pointer to capture.\n    }\n  }\n\n  #dispatchGesture(gesture: Gesture<TPinchContext>): void {\n    this.#host.dispatchEvent(\n      new CustomEvent<Gesture<TPinchContext>>('nve-gesture', {\n        bubbles: false,\n        cancelable: false,\n        composed: false,\n        detail: gesture\n      })\n    );\n  }\n\n  #dispatchPointerInput(input: UnhandledPointerInput): void {\n    this.#host.dispatchEvent(\n      new CustomEvent<UnhandledPointerInput>('nve-pointer-input', {\n        bubbles: false,\n        cancelable: false,\n        composed: false,\n        detail: input\n      })\n    );\n  }\n\n  #resetGestureState(): void {\n    this.#pointerPositions.clear();\n    this.#panPointerIds.clear();\n    this.#pinch = undefined;\n  }\n}\n\nfunction hasPointerCapability(capabilities: GestureCapabilities, canPinch: boolean): boolean {\n  return capabilities.drag || capabilities.pan || canPinch;\n}\n\nfunction consumePanBoundaryEvent(event: Event): void {\n  event.preventDefault();\n  event.stopImmediatePropagation();\n}\n\nfunction normalizeWheelDelta(event: WheelEvent, target: HTMLElement): number {\n  if (event.deltaMode === WheelEvent.DOM_DELTA_LINE) return event.deltaY * 16;\n  if (event.deltaMode === WheelEvent.DOM_DELTA_PAGE) return event.deltaY * target.getBoundingClientRect().height;\n  return event.deltaY;\n}\n"],"mappings":"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"}

package/dist/internal/controllers/keynav-spatial.controller.d.ts

@@ -0,0 +1,24 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+type SpatialKeyHost = ReactiveControllerHost & HTMLElement;
+export type SpatialKeyHandling = 'handled' | 'ignored';
+export type SpatialKeyCommand = {
+    readonly ctrlKey: boolean;
+    readonly event: KeyboardEvent;
+    readonly kind: 'direction';
+    readonly horizontal: -1 | 0 | 1;
+    readonly key: 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp';
+    readonly shiftKey: boolean;
+    readonly vertical: -1 | 0 | 1;
+} | {
+    readonly event: KeyboardEvent;
+    readonly kind: 'zoom';
+    readonly key: '+' | '-' | '=';
+};
+/** Converts direct-host keyboard input into spatial direction and zoom commands. */
+export declare class KeyNavigationSpatialController implements ReactiveController {
+    #private;
+    constructor(host: SpatialKeyHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+export {};

package/dist/internal/controllers/keynav-spatial.controller.js

@@ -0,0 +1,75 @@
+//#region src/internal/controllers/keynav-spatial.controller.ts
+var e = class {
+	#e;
+	constructor(e) {
+		this.#e = e, e.addController(this);
+	}
+	hostConnected() {
+		this.#e.addEventListener("keydown", this.#t);
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("keydown", this.#t);
+	}
+	#t = (e) => {
+		if (e.composedPath()[0] !== this.#e) return;
+		let n = t(e);
+		n && this.#e.dispatchEvent(new CustomEvent("nve-key", {
+			bubbles: !1,
+			cancelable: !1,
+			composed: !1,
+			detail: n
+		}));
+	};
+};
+function t(e) {
+	switch (e.key) {
+		case "ArrowDown": return {
+			ctrlKey: e.ctrlKey,
+			event: e,
+			horizontal: 0,
+			key: e.key,
+			kind: "direction",
+			shiftKey: e.shiftKey,
+			vertical: -1
+		};
+		case "ArrowLeft": return {
+			ctrlKey: e.ctrlKey,
+			event: e,
+			horizontal: -1,
+			key: e.key,
+			kind: "direction",
+			shiftKey: e.shiftKey,
+			vertical: 0
+		};
+		case "ArrowRight": return {
+			ctrlKey: e.ctrlKey,
+			event: e,
+			horizontal: 1,
+			key: e.key,
+			kind: "direction",
+			shiftKey: e.shiftKey,
+			vertical: 0
+		};
+		case "ArrowUp": return {
+			ctrlKey: e.ctrlKey,
+			event: e,
+			horizontal: 0,
+			key: e.key,
+			kind: "direction",
+			shiftKey: e.shiftKey,
+			vertical: 1
+		};
+		case "+":
+		case "-":
+		case "=": return {
+			event: e,
+			key: e.key,
+			kind: "zoom"
+		};
+		default: return;
+	}
+}
+//#endregion
+export { e as KeyNavigationSpatialController };
+
+//# sourceMappingURL=keynav-spatial.controller.js.map

package/dist/internal/controllers/keynav-spatial.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keynav-spatial.controller.js","names":["#host","#handleKeydown"],"sources":["../../../src/internal/controllers/keynav-spatial.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype SpatialKeyHost = ReactiveControllerHost & HTMLElement;\n\nexport type SpatialKeyHandling = 'handled' | 'ignored';\n\nexport type SpatialKeyCommand =\n  | {\n      readonly ctrlKey: boolean;\n      readonly event: KeyboardEvent;\n      readonly kind: 'direction';\n      readonly horizontal: -1 | 0 | 1;\n      readonly key: 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp';\n      readonly shiftKey: boolean;\n      readonly vertical: -1 | 0 | 1;\n    }\n  | {\n      readonly event: KeyboardEvent;\n      readonly kind: 'zoom';\n      readonly key: '+' | '-' | '=';\n    };\n\n/** Converts direct-host keyboard input into spatial direction and zoom commands. */\nexport class KeyNavigationSpatialController implements ReactiveController {\n  readonly #host: SpatialKeyHost;\n\n  constructor(host: SpatialKeyHost) {\n    this.#host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    this.#host.addEventListener('keydown', this.#handleKeydown);\n  }\n\n  hostDisconnected(): void {\n    this.#host.removeEventListener('keydown', this.#handleKeydown);\n  }\n\n  #handleKeydown = (event: KeyboardEvent): void => {\n    if (event.composedPath()[0] !== this.#host) return;\n    const command = getSpatialKeyCommand(event);\n    if (!command) return;\n    this.#host.dispatchEvent(\n      new CustomEvent<SpatialKeyCommand>('nve-key', {\n        bubbles: false,\n        cancelable: false,\n        composed: false,\n        detail: command\n      })\n    );\n  };\n}\n\nfunction getSpatialKeyCommand(event: KeyboardEvent): SpatialKeyCommand | undefined {\n  switch (event.key) {\n    case 'ArrowDown':\n      return {\n        ctrlKey: event.ctrlKey,\n        event,\n        horizontal: 0,\n        key: event.key,\n        kind: 'direction',\n        shiftKey: event.shiftKey,\n        vertical: -1\n      };\n    case 'ArrowLeft':\n      return {\n        ctrlKey: event.ctrlKey,\n        event,\n        horizontal: -1,\n        key: event.key,\n        kind: 'direction',\n        shiftKey: event.shiftKey,\n        vertical: 0\n      };\n    case 'ArrowRight':\n      return {\n        ctrlKey: event.ctrlKey,\n        event,\n        horizontal: 1,\n        key: event.key,\n        kind: 'direction',\n        shiftKey: event.shiftKey,\n        vertical: 0\n      };\n    case 'ArrowUp':\n      return {\n        ctrlKey: event.ctrlKey,\n        event,\n        horizontal: 0,\n        key: event.key,\n        kind: 'direction',\n        shiftKey: event.shiftKey,\n        vertical: 1\n      };\n    case '+':\n    case '-':\n    case '=':\n      return { event, key: event.key, kind: 'zoom' };\n    default:\n      return undefined;\n  }\n}\n"],"mappings":";AA0BA,IAAa,IAAb,MAA0E;CACxE;CAEA,YAAY,GAAsB;EAEhC,AADA,KAAKA,KAAQ,GACb,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAsB;EACpB,KAAKA,GAAM,iBAAiB,WAAW,KAAKC,EAAc;CAC5D;CAEA,mBAAyB;EACvB,KAAKD,GAAM,oBAAoB,WAAW,KAAKC,EAAc;CAC/D;CAEA,MAAkB,MAA+B;EAC/C,IAAI,EAAM,aAAa,CAAC,CAAC,OAAO,KAAKD,IAAO;EAC5C,IAAM,IAAU,EAAqB,CAAK;EACrC,KACL,KAAKA,GAAM,cACT,IAAI,YAA+B,WAAW;GAC5C,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ;EACV,CAAC,CACH;CACF;AACF;AAEA,SAAS,EAAqB,GAAqD;CACjF,QAAQ,EAAM,KAAd;EACE,KAAK,aACH,OAAO;GACL,SAAS,EAAM;GACf;GACA,YAAY;GACZ,KAAK,EAAM;GACX,MAAM;GACN,UAAU,EAAM;GAChB,UAAU;EACZ;EACF,KAAK,aACH,OAAO;GACL,SAAS,EAAM;GACf;GACA,YAAY;GACZ,KAAK,EAAM;GACX,MAAM;GACN,UAAU,EAAM;GAChB,UAAU;EACZ;EACF,KAAK,cACH,OAAO;GACL,SAAS,EAAM;GACf;GACA,YAAY;GACZ,KAAK,EAAM;GACX,MAAM;GACN,UAAU,EAAM;GAChB,UAAU;EACZ;EACF,KAAK,WACH,OAAO;GACL,SAAS,EAAM;GACf;GACA,YAAY;GACZ,KAAK,EAAM;GACX,MAAM;GACN,UAAU,EAAM;GAChB,UAAU;EACZ;EACF,KAAK;EACL,KAAK;EACL,KAAK,KACH,OAAO;GAAE;GAAO,KAAK,EAAM;GAAK,MAAM;EAAO;EAC/C,SACE;CACJ;AACF"}

package/dist/internal/index.d.ts

@@ -2,9 +2,11 @@
  * @internal private common utilities for Elements
  */
 export * from './controllers/audit.controller.js';
+export * from './controllers/gesture.controller.js';
 export * from './controllers/i18n.controller.js';
 export * from './controllers/keynav-grid.controller.js';
 export * from './controllers/keynav-list.controller.js';
+export * from './controllers/keynav-spatial.controller.js';
 export * from './controllers/state-expanded.controller.js';
 export * from './controllers/state-highlighted.controller.js';
 export * from './controllers/state-scroll.controller.js';
@@ -15,7 +17,6 @@ export * from './controllers/type-expandable.controller.js';
 export * from './controllers/type-selectable.controller.js';
 export * from './controllers/type-native-popover.controller.js';
 export * from './controllers/type-ssr.controller.js';
-export * from './controllers/type-touch.controller.js';
 export * from './decorators/host-attr.js';
 export * from './decorators/scoped-registry.js';
 export * from './styles/index.js';

package/dist/internal/index.js

@@ -3,32 +3,33 @@ import { deepMerge as r, formatStandardNumber as i, getDifference as a, isObject
 import { GlobalState as l, GlobalStateService as u } from "./services/global.service.js";
 import { auditParentElement as d, auditSlots as f } from "./utils/audit.js";
 import { AuditController as p, audit as m, excessiveInstanceLimit as h } from "./controllers/audit.controller.js";
-import { I18nService as g, I18nService_ as _ } from "./services/i18n.service.js";
-import { I18nController as v, i18n as y } from "./controllers/i18n.controller.js";
-import { debounce as b, onChildListMutation as x, stopEvent as S, throttle as C } from "./utils/events.js";
-import { LogService as w } from "./services/log.service.js";
-import { focusElement as T, focusElementTimeout as E, getActiveElement as D, initializeKeyListItems as O, isFocusable as k, isSimpleFocusable as A, onListboxActivate as j, setActiveKeyListItem as M } from "./utils/focus.js";
-import { KeynavCode as N, appendAnchorName as P, appendRootNodeStyle as F, applySlotContentStates as I, clickOutsideElementBounds as L, createGhostElement as R, define as z, defineElement as B, endOfScrollBox as V, generateId as H, getAnchorNames as U, getAttributeChanges as W, getAttributeListChanges as G, getChildren as K, getDisplayValue as q, getElementUpdate as J, getFlattenedDOMTree as Y, getFlattenedFocusableItems as X, getPropertyChanges as Z, getThemeTokens as Q, hasHorizontalScrollBar as $, hasInvalidDOMGrid as ee, hasScrollBar as te, isContextMenuClick as ne, matchesElementName as re, openEyeDropper as ie, parseTokenNumber as ae, removeAnchorName as oe, removeEmptySlotWhitespace as se, removeEmptyTextNode as ce, sameOrderedStringArray as le, sameRenderRoot as ue, scrollBarWidth as de, slotContainsOnlyWhitespace as fe, styleSheetToString as pe, supportsScopedRegistry as me, uniqueNonEmptyStrings as he, validKeyNavigationCode as ge } from "./utils/dom.js";
-import { KeyNavigationGridController as _e, getNextKeyGridItem as ve, keyNavigationGrid as ye } from "./controllers/keynav-grid.controller.js";
-import { KeyNavigationListController as be, getNextKeyListItem as xe, keyNavigationList as Se } from "./controllers/keynav-list.controller.js";
-import { associateAriaDescribedBy as Ce, associateAriaLabel as we, associateControlGroup as Te, associateDataList as Ee, associateLabel as De, attachInternals as Oe } from "./utils/a11y.js";
-import { StateExpandedController as ke, stateExpanded as Ae } from "./controllers/state-expanded.controller.js";
-import { StateHighlightedController as je, stateHighlighted as Me } from "./controllers/state-highlighted.controller.js";
-import { StateScrollController as Ne, stateScroll as Pe } from "./controllers/state-scroll.controller.js";
-import { StateSelectedController as Fe, stateSelected as Ie } from "./controllers/state-selected.controller.js";
-import { TypeAnchorController as Le, typeAnchor as Re } from "./controllers/type-anchor.controller.js";
-import { TypeClosableController as ze } from "./controllers/type-closable.controller.js";
-import { TypeExpandableController as Be } from "./controllers/type-expandable.controller.js";
-import { TypeSelectableController as Ve } from "./controllers/type-selectable.controller.js";
-import { TypeNativePopoverController as He } from "./controllers/type-native-popover.controller.js";
-import { TypeSSRController as Ue, typeSSR as We } from "./controllers/type-ssr.controller.js";
-import { NveTouchEvent as Ge, TypeTouchController as Ke, typeTouch as qe } from "./controllers/type-touch.controller.js";
-import { hostAttr as Je } from "./decorators/host-attr.js";
-import { scopedRegistry as Ye } from "./decorators/scoped-registry.js";
-import { colorStateStyles as Xe, statusStateStyles as Ze, supportStateStyles as Qe, useStyles as $e } from "./styles/index.js";
-import { supportsCSSLegacyInsetArea as et, supportsCSSPositionArea as tt, supportsNativeCSSAnchorPosition as nt } from "./utils/supports.js";
-import { popoverStyles as rt } from "./styles/popover2.js";
-import { TransitionService as it } from "./services/transition.service.js";
-import { statusIcons as at } from "./types/index.js";
-import { createLightDismiss as ot, onKeys as st } from "./utils/keynav.js";
-export { p as AuditController, e as DOCS_URL, l as GlobalState, u as GlobalStateService, v as I18nController, g as I18nService, _ as I18nService_, _e as KeyNavigationGridController, be as KeyNavigationListController, N as KeynavCode, w as LogService, Ge as NveTouchEvent, ke as StateExpandedController, je as StateHighlightedController, Ne as StateScrollController, Fe as StateSelectedController, it as TransitionService, Le as TypeAnchorController, ze as TypeClosableController, Be as TypeExpandableController, He as TypeNativePopoverController, Ue as TypeSSRController, Ve as TypeSelectableController, Ke as TypeTouchController, P as appendAnchorName, F as appendRootNodeStyle, I as applySlotContentStates, Ce as associateAriaDescribedBy, we as associateAriaLabel, Te as associateControlGroup, Ee as associateDataList, De as associateLabel, Oe as attachInternals, m as audit, d as auditParentElement, f as auditSlots, L as clickOutsideElementBounds, Xe as colorStateStyles, R as createGhostElement, ot as createLightDismiss, b as debounce, r as deepMerge, z as define, B as defineElement, V as endOfScrollBox, h as excessiveInstanceLimit, T as focusElement, E as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, H as generateId, D as getActiveElement, U as getAnchorNames, W as getAttributeChanges, G as getAttributeListChanges, K as getChildren, a as getDifference, q as getDisplayValue, J as getElementUpdate, Y as getFlattenedDOMTree, X as getFlattenedFocusableItems, ve as getNextKeyGridItem, xe as getNextKeyListItem, Z as getPropertyChanges, Q as getThemeTokens, $ as hasHorizontalScrollBar, ee as hasInvalidDOMGrid, te as hasScrollBar, Je as hostAttr, y as i18n, O as initializeKeyListItems, ne as isContextMenuClick, k as isFocusable, o as isObject, s as isObjectLiteral, A as isSimpleFocusable, ye as keyNavigationGrid, Se as keyNavigationList, re as matchesElementName, x as onChildListMutation, st as onKeys, j as onListboxActivate, ie as openEyeDropper, ae as parseTokenNumber, c as parseVersion, rt as popoverStyles, oe as removeAnchorName, se as removeEmptySlotWhitespace, ce as removeEmptyTextNode, le as sameOrderedStringArray, ue as sameRenderRoot, Ye as scopedRegistry, de as scrollBarWidth, M as setActiveKeyListItem, n as shiftLeft, fe as slotContainsOnlyWhitespace, Ae as stateExpanded, Me as stateHighlighted, Pe as stateScroll, Ie as stateSelected, at as statusIcons, Ze as statusStateStyles, S as stopEvent, pe as styleSheetToString, Qe as supportStateStyles, et as supportsCSSLegacyInsetArea, tt as supportsCSSPositionArea, nt as supportsNativeCSSAnchorPosition, me as supportsScopedRegistry, C as throttle, Re as typeAnchor, We as typeSSR, qe as typeTouch, he as uniqueNonEmptyStrings, $e as useStyles, ge as validKeyNavigationCode };
+import { GestureController as g } from "./controllers/gesture.controller.js";
+import { I18nService as _, I18nService_ as v } from "./services/i18n.service.js";
+import { I18nController as y, i18n as b } from "./controllers/i18n.controller.js";
+import { debounce as x, onChildListMutation as S, stopEvent as C, throttle as w } from "./utils/events.js";
+import { LogService as T } from "./services/log.service.js";
+import { focusElement as E, focusElementTimeout as D, getActiveElement as O, initializeKeyListItems as k, isFocusable as A, isSimpleFocusable as j, onListboxActivate as M, setActiveKeyListItem as N } from "./utils/focus.js";
+import { KeynavCode as P, appendAnchorName as F, appendRootNodeStyle as I, applySlotContentStates as L, clickOutsideElementBounds as R, createGhostElement as z, define as B, defineElement as V, endOfScrollBox as H, generateId as U, getAnchorNames as W, getAttributeChanges as G, getAttributeListChanges as K, getChildren as q, getDisplayValue as J, getElementUpdate as Y, getFlattenedDOMTree as X, getFlattenedFocusableItems as Z, getPropertyChanges as Q, getThemeTokens as $, hasHorizontalScrollBar as ee, hasInvalidDOMGrid as te, hasScrollBar as ne, isContextMenuClick as re, matchesElementName as ie, openEyeDropper as ae, parseTokenNumber as oe, removeAnchorName as se, removeEmptySlotWhitespace as ce, removeEmptyTextNode as le, sameOrderedStringArray as ue, sameRenderRoot as de, scrollBarWidth as fe, slotContainsOnlyWhitespace as pe, styleSheetToString as me, supportsScopedRegistry as he, uniqueNonEmptyStrings as ge, validKeyNavigationCode as _e } from "./utils/dom.js";
+import { KeyNavigationGridController as ve, getNextKeyGridItem as ye, keyNavigationGrid as be } from "./controllers/keynav-grid.controller.js";
+import { KeyNavigationListController as xe, getNextKeyListItem as Se, keyNavigationList as Ce } from "./controllers/keynav-list.controller.js";
+import { KeyNavigationSpatialController as we } from "./controllers/keynav-spatial.controller.js";
+import { associateAriaDescribedBy as Te, associateAriaLabel as Ee, associateControlGroup as De, associateDataList as Oe, associateLabel as ke, attachInternals as Ae } from "./utils/a11y.js";
+import { StateExpandedController as je, stateExpanded as Me } from "./controllers/state-expanded.controller.js";
+import { StateHighlightedController as Ne, stateHighlighted as Pe } from "./controllers/state-highlighted.controller.js";
+import { StateScrollController as Fe, stateScroll as Ie } from "./controllers/state-scroll.controller.js";
+import { StateSelectedController as Le, stateSelected as Re } from "./controllers/state-selected.controller.js";
+import { TypeAnchorController as ze, typeAnchor as Be } from "./controllers/type-anchor.controller.js";
+import { TypeClosableController as Ve } from "./controllers/type-closable.controller.js";
+import { TypeExpandableController as He } from "./controllers/type-expandable.controller.js";
+import { TypeSelectableController as Ue } from "./controllers/type-selectable.controller.js";
+import { TypeNativePopoverController as We } from "./controllers/type-native-popover.controller.js";
+import { TypeSSRController as Ge, typeSSR as Ke } from "./controllers/type-ssr.controller.js";
+import { hostAttr as qe } from "./decorators/host-attr.js";
+import { scopedRegistry as Je } from "./decorators/scoped-registry.js";
+import { colorStateStyles as Ye, statusStateStyles as Xe, supportStateStyles as Ze, useStyles as Qe } from "./styles/index.js";
+import { supportsCSSLegacyInsetArea as $e, supportsCSSPositionArea as et, supportsNativeCSSAnchorPosition as tt } from "./utils/supports.js";
+import { popoverStyles as nt } from "./styles/popover2.js";
+import { TransitionService as rt } from "./services/transition.service.js";
+import { statusIcons as it } from "./types/index.js";
+import { createLightDismiss as at, onKeys as ot } from "./utils/keynav.js";
+export { p as AuditController, e as DOCS_URL, g as GestureController, l as GlobalState, u as GlobalStateService, y as I18nController, _ as I18nService, v as I18nService_, ve as KeyNavigationGridController, xe as KeyNavigationListController, we as KeyNavigationSpatialController, P as KeynavCode, T as LogService, je as StateExpandedController, Ne as StateHighlightedController, Fe as StateScrollController, Le as StateSelectedController, rt as TransitionService, ze as TypeAnchorController, Ve as TypeClosableController, He as TypeExpandableController, We as TypeNativePopoverController, Ge as TypeSSRController, Ue as TypeSelectableController, F as appendAnchorName, I as appendRootNodeStyle, L as applySlotContentStates, Te as associateAriaDescribedBy, Ee as associateAriaLabel, De as associateControlGroup, Oe as associateDataList, ke as associateLabel, Ae as attachInternals, m as audit, d as auditParentElement, f as auditSlots, R as clickOutsideElementBounds, Ye as colorStateStyles, z as createGhostElement, at as createLightDismiss, x as debounce, r as deepMerge, B as define, V as defineElement, H as endOfScrollBox, h as excessiveInstanceLimit, E as focusElement, D as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, U as generateId, O as getActiveElement, W as getAnchorNames, G as getAttributeChanges, K as getAttributeListChanges, q as getChildren, a as getDifference, J as getDisplayValue, Y as getElementUpdate, X as getFlattenedDOMTree, Z as getFlattenedFocusableItems, ye as getNextKeyGridItem, Se as getNextKeyListItem, Q as getPropertyChanges, $ as getThemeTokens, ee as hasHorizontalScrollBar, te as hasInvalidDOMGrid, ne as hasScrollBar, qe as hostAttr, b as i18n, k as initializeKeyListItems, re as isContextMenuClick, A as isFocusable, o as isObject, s as isObjectLiteral, j as isSimpleFocusable, be as keyNavigationGrid, Ce as keyNavigationList, ie as matchesElementName, S as onChildListMutation, ot as onKeys, M as onListboxActivate, ae as openEyeDropper, oe as parseTokenNumber, c as parseVersion, nt as popoverStyles, se as removeAnchorName, ce as removeEmptySlotWhitespace, le as removeEmptyTextNode, ue as sameOrderedStringArray, de as sameRenderRoot, Je as scopedRegistry, fe as scrollBarWidth, N as setActiveKeyListItem, n as shiftLeft, pe as slotContainsOnlyWhitespace, Me as stateExpanded, Pe as stateHighlighted, Ie as stateScroll, Re as stateSelected, it as statusIcons, Xe as statusStateStyles, C as stopEvent, me as styleSheetToString, Ze as supportStateStyles, $e as supportsCSSLegacyInsetArea, et as supportsCSSPositionArea, tt as supportsNativeCSSAnchorPosition, he as supportsScopedRegistry, w as throttle, Be as typeAnchor, Ke as typeSSR, ge as uniqueNonEmptyStrings, Qe as useStyles, _e as validKeyNavigationCode };

package/dist/internal/services/global.service.js

@@ -19,7 +19,7 @@ var a = class {
 				i18nRegistry: {},
 				audit: {}
 			}
-		}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.6.1"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.6.1"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
+		}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.7.0"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.7.0"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
 	}
 	get state() {
 		return globalThis.NVE_ELEMENTS.state;

package/dist/logo/logo2.js

@@ -12,7 +12,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	render() {

package/dist/menu/menu-item2.js

@@ -13,7 +13,7 @@ var c = class extends s(i) {
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.6.1",
+			version: "2.7.0",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.6.1",
+			version: "2.7.0",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}

package/dist/month/month2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	static {

package/dist/notification/notification-group2.js

@@ -20,7 +20,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.6.1",
+			version: "2.7.0",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -34,7 +34,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	static {

package/dist/page/page-panel/page-panel-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-footer2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-header2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel2.js

@@ -18,7 +18,7 @@ var f = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.6.1",
+			version: "2.7.0",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page2.js

@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	static {

package/dist/page-header/page-header2.js

@@ -12,7 +12,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	render() {

package/dist/page-loader/page-loader2.js

@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.6.1"
+			version: "2.7.0"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.6.1",
+			version: "2.7.0",
 			valueSchema: { type: "number" }
 		};
 	}