@nvidia-elements/core 2.15.1 → 2.15.3

package/dist/viewport/viewport-gridlines2.js

@@ -1,164 +0,0 @@
-import { hostAttr as e } from "../internal/decorators/host-attr.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import { finiteOr as n, positiveFiniteOr as r } from "../internal/utils/numeric.js";
-import i from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
-import { Viewport as a } from "./viewport2.js";
-import o from "./viewport-gridlines.js";
-import { createGridlineCoverage as s, gridlineCoverageNeedsUpdate as c, selectGridlineInterval as l } from "./viewport-gridlines.utils.js";
-import { LitElement as u, html as d, nothing as f, svg as p } from "lit";
-import { property as m } from "lit/decorators/property.js";
-import { styleMap as h } from "lit/directives/style-map.js";
-//#region src/viewport/viewport-gridlines.ts
-var g = 10, _ = 64, v = class extends u {
-	constructor(...e) {
-		super(...e), this.slot = "background", this.accessibilityHidden = "true", this.#e = g, this.#t = 0, this.#n = 0, this.#r = _, this.pattern = "lines", this.#c = () => {
-			let e = this.#i;
-			e && (this.style.setProperty("--_scale", `${e.scale}`), this.#u());
-		}, this.#l = () => {
-			this.#u({ forceCoverage: !0 });
-		};
-	}
-	static {
-		this.styles = t([o]);
-	}
-	static {
-		this.metadata = {
-			tag: "nve-viewport-gridlines",
-			version: "2.15.1"
-		};
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	#i;
-	#a;
-	#o;
-	get step() {
-		return this.#e;
-	}
-	set step(e) {
-		let t = r(e, g);
-		if (t === this.#e) return;
-		let n = this.#e;
-		this.#e = t, this.requestUpdate("step", n);
-	}
-	get originX() {
-		return this.#t;
-	}
-	set originX(e) {
-		let t = n(e, 0);
-		if (t === this.#t) return;
-		let r = this.#t;
-		this.#t = t, this.requestUpdate("originX", r);
-	}
-	get originY() {
-		return this.#n;
-	}
-	set originY(e) {
-		let t = n(e, 0);
-		if (t === this.#n) return;
-		let r = this.#n;
-		this.#n = t, this.requestUpdate("originY", r);
-	}
-	get targetSpacing() {
-		return this.#r;
-	}
-	set targetSpacing(e) {
-		let t = r(e, _);
-		if (t === this.#r) return;
-		let n = this.#r;
-		this.#r = t, this.requestUpdate("targetSpacing", n);
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		let e = this.parentElement;
-		e instanceof a && (this.#i = e, this.style.setProperty("--_scale", `${e.scale}`), this.#i.addEventListener("viewportchange", this.#c), typeof ResizeObserver < "u" && (this.#a = new ResizeObserver(this.#l), this.#a.observe(e)), this.#d({
-			forceCoverage: !0,
-			resetInterval: !0
-		}));
-	}
-	disconnectedCallback() {
-		this.#i && this.#i.removeEventListener("viewportchange", this.#c), this.#a?.disconnect(), this.#a = void 0, this.#i = void 0, this.#o = void 0, super.disconnectedCallback();
-	}
-	willUpdate(e) {
-		super.willUpdate(e), (e.has("step") || e.has("targetSpacing")) && this.#d({
-			forceCoverage: !0,
-			resetInterval: !0
-		});
-	}
-	render() {
-		let e = this.#o;
-		if (!e) return f;
-		let { coverage: t, interval: n } = e, r = this.pattern === "dots" || this.pattern === "crosses";
-		return d`<svg internal-host aria-hidden="true" focusable="false" preserveAspectRatio="none" style="${h(b(t))}" viewBox="${t.x} ${t.y} ${t.width} ${t.height}"><defs><pattern data-gridline-pattern id="gridlines" x="${this.#t - (r ? n / 2 : 0)}" y="${this.#n - (r ? n / 2 : 0)}" width="${n}" height="${n}" patternUnits="userSpaceOnUse">${this.#s(n)}</pattern></defs><rect x="${t.x}" y="${t.y}" width="${t.width}" height="${t.height}" fill="url(#gridlines)"></rect></svg>`;
-	}
-	#s(e) {
-		switch (this.pattern) {
-			case "dots": return p`<circle cx="${e / 2}" cy="${e / 2}" r="2"></circle>`;
-			case "crosses": return p`<g transform="translate(${e / 2} ${e / 2})"><clipPath id="cross-clip"><rect class="cross-horizontal"></rect><rect class="cross-vertical"></rect></clipPath><rect class="cross" x="${-e / 2}" y="${-e / 2}" width="${e}" height="${e}" clip-path="url(#cross-clip)"></rect></g>`;
-			default: return p`<path d="M ${e} 0 H 0 V ${e}"></path>`;
-		}
-	}
-	#c;
-	#l;
-	#u(e = {}) {
-		this.#d(e) && this.requestUpdate();
-	}
-	#d(e = {}) {
-		let t = this.#i;
-		if (!t) return !1;
-		let n = t.getVisibleRect();
-		if (n.width <= 0 || n.height <= 0) return !1;
-		let r = l({
-			current: e.resetInterval ? void 0 : this.#o?.interval,
-			scale: t.scale,
-			step: this.#e,
-			targetSpacing: this.#r
-		}), i = y({
-			forceCoverage: e.forceCoverage === !0,
-			interval: r,
-			previous: this.#o,
-			visible: n
-		});
-		return i ? (this.#o = i, !0) : !1;
-	}
-};
-i([e()], v.prototype, "slot", void 0), i([e({ attribute: "aria-hidden" })], v.prototype, "accessibilityHidden", void 0), i([m({
-	type: String,
-	reflect: !0
-})], v.prototype, "pattern", void 0), i([m({
-	type: Number,
-	reflect: !0
-})], v.prototype, "step", null), i([m({
-	type: Number,
-	attribute: "origin-x",
-	reflect: !0
-})], v.prototype, "originX", null), i([m({
-	type: Number,
-	attribute: "origin-y",
-	reflect: !0
-})], v.prototype, "originY", null), i([m({
-	type: Number,
-	attribute: "target-spacing",
-	reflect: !0
-})], v.prototype, "targetSpacing", null);
-function y({ forceCoverage: e, interval: t, previous: n, visible: r }) {
-	let i = e || c(n?.coverage, r), a = t !== n?.interval;
-	if (!(!i && !a)) return {
-		coverage: i || !n ? s(r) : n.coverage,
-		interval: t
-	};
-}
-function b(e) {
-	return {
-		height: `${e.height}px`,
-		left: `${e.x}px`,
-		top: `${e.y}px`,
-		width: `${e.width}px`
-	};
-}
-//#endregion
-export { v as ViewportGridlines };
-
-//# sourceMappingURL=viewport-gridlines2.js.map

package/dist/viewport/viewport-gridlines2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewport-gridlines2.js","names":[],"sources":["../../src/viewport/viewport-gridlines.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing, svg, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { finiteOr, hostAttr, positiveFiniteOr, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './viewport-gridlines.css?inline';\nimport {\n  createGridlineCoverage,\n  gridlineCoverageNeedsUpdate,\n  selectGridlineInterval\n} from './viewport-gridlines.utils.js';\nimport { Viewport } from './viewport.js';\nimport type { ViewportRect } from './viewport.types.js';\n\nconst DEFAULT_STEP = 10;\nconst DEFAULT_TARGET_SPACING = 64;\n\ninterface GridlineProjection {\n  readonly coverage: ViewportRect;\n  readonly interval: number;\n}\n\ninterface ProjectionSyncOptions {\n  readonly forceCoverage?: boolean;\n  readonly resetInterval?: boolean;\n}\n\n/**\n * @element nve-viewport-gridlines\n * @description Renders origin-stable, zoom-adaptive gridline patterns behind viewport content.\n * @documentation https://nvidia.github.io/elements/docs/elements/viewport/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/viewport\n * @cssprop --color - Sets the gridline pattern color.\n * @cssprop --line-width - Sets the approximate stroke width in CSS pixels.\n * @cssprop --dot-radius - Sets the approximate dot radius in CSS pixels.\n * @cssprop --cross-size - Sets the approximate full width and height of each cross in CSS pixels.\n */\nexport class ViewportGridlines extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-viewport-gridlines',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  @hostAttr() slot = 'background';\n\n  /** @private */\n  @hostAttr({ attribute: 'aria-hidden' }) protected accessibilityHidden = 'true';\n\n  #step = DEFAULT_STEP;\n  #originX = 0;\n  #originY = 0;\n  #targetSpacing = DEFAULT_TARGET_SPACING;\n  #viewport?: Viewport;\n  #resizeObserver?: ResizeObserver;\n  #projection?: GridlineProjection;\n\n  /** Grid pattern to render. */\n  @property({ type: String, reflect: true }) pattern: 'lines' | 'dots' | 'crosses' = 'lines';\n\n  /** Smallest gridline interval in content-space units. */\n  @property({ type: Number, reflect: true })\n  get step(): number {\n    return this.#step;\n  }\n\n  set step(value: number) {\n    const next = positiveFiniteOr(value, DEFAULT_STEP);\n    if (next === this.#step) return;\n    const previous = this.#step;\n    this.#step = next;\n    this.requestUpdate('step', previous);\n  }\n\n  /** Content-space x coordinate of the grid origin. */\n  @property({ type: Number, attribute: 'origin-x', reflect: true })\n  get originX(): number {\n    return this.#originX;\n  }\n\n  set originX(value: number) {\n    const next = finiteOr(value, 0);\n    if (next === this.#originX) return;\n    const previous = this.#originX;\n    this.#originX = next;\n    this.requestUpdate('originX', previous);\n  }\n\n  /** Content-space y coordinate of the grid origin. */\n  @property({ type: Number, attribute: 'origin-y', reflect: true })\n  get originY(): number {\n    return this.#originY;\n  }\n\n  set originY(value: number) {\n    const next = finiteOr(value, 0);\n    if (next === this.#originY) return;\n    const previous = this.#originY;\n    this.#originY = next;\n    this.requestUpdate('originY', previous);\n  }\n\n  /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */\n  @property({ type: Number, attribute: 'target-spacing', reflect: true })\n  get targetSpacing(): number {\n    return this.#targetSpacing;\n  }\n\n  set targetSpacing(value: number) {\n    const next = positiveFiniteOr(value, DEFAULT_TARGET_SPACING);\n    if (next === this.#targetSpacing) return;\n    const previous = this.#targetSpacing;\n    this.#targetSpacing = next;\n    this.requestUpdate('targetSpacing', previous);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const viewport = this.parentElement;\n    if (!(viewport instanceof Viewport)) return;\n    this.#viewport = viewport;\n    this.style.setProperty('--_scale', `${viewport.scale}`);\n    this.#viewport.addEventListener('viewportchange', this.#handleViewportChange);\n    if (typeof ResizeObserver !== 'undefined') {\n      this.#resizeObserver = new ResizeObserver(this.#handleViewportResize);\n      this.#resizeObserver.observe(viewport);\n    }\n    this.#updateProjection({ forceCoverage: true, resetInterval: true });\n  }\n\n  disconnectedCallback(): void {\n    if (this.#viewport) {\n      this.#viewport.removeEventListener('viewportchange', this.#handleViewportChange);\n    }\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = undefined;\n    this.#viewport = undefined;\n    this.#projection = undefined;\n    super.disconnectedCallback();\n  }\n\n  protected willUpdate(changed: PropertyValues<this>): void {\n    super.willUpdate(changed);\n    if (changed.has('step') || changed.has('targetSpacing')) {\n      this.#updateProjection({ forceCoverage: true, resetInterval: true });\n    }\n  }\n\n  render() {\n    const projection = this.#projection;\n    if (!projection) return nothing;\n    const { coverage, interval } = projection;\n    const centered = this.pattern === 'dots' || this.pattern === 'crosses';\n    return html`\n      <svg\n        internal-host\n        aria-hidden=\"true\"\n        focusable=\"false\"\n        preserveAspectRatio=\"none\"\n        style=${styleMap(coverageStyles(coverage))}\n        viewBox=\"${coverage.x} ${coverage.y} ${coverage.width} ${coverage.height}\"\n      >\n        <defs>\n          <pattern\n            data-gridline-pattern\n            id=\"gridlines\"\n            x=${this.#originX - (centered ? interval / 2 : 0)}\n            y=${this.#originY - (centered ? interval / 2 : 0)}\n            width=${interval}\n            height=${interval}\n            patternUnits=\"userSpaceOnUse\"\n          >\n            ${this.#renderPattern(interval)}\n          </pattern>\n        </defs>\n        <rect\n          x=${coverage.x}\n          y=${coverage.y}\n          width=${coverage.width}\n          height=${coverage.height}\n          fill=\"url(#gridlines)\"\n        ></rect>\n      </svg>\n    `;\n  }\n\n  #renderPattern(interval: number) {\n    switch (this.pattern) {\n      case 'dots':\n        return svg`<circle cx=${interval / 2} cy=${interval / 2} r=\"2\"></circle>`;\n      case 'crosses':\n        return svg`\n          <g transform=\"translate(${interval / 2} ${interval / 2})\">\n            <clipPath id=\"cross-clip\">\n              <rect class=\"cross-horizontal\"></rect>\n              <rect class=\"cross-vertical\"></rect>\n            </clipPath>\n            <rect\n              class=\"cross\"\n              x=${-interval / 2}\n              y=${-interval / 2}\n              width=${interval}\n              height=${interval}\n              clip-path=\"url(#cross-clip)\"\n            ></rect>\n          </g>\n        `;\n      case 'lines':\n      default:\n        return svg`<path d=\"M ${interval} 0 H 0 V ${interval}\"></path>`;\n    }\n  }\n\n  #handleViewportChange = (): void => {\n    const viewport = this.#viewport;\n    if (!viewport) return;\n    this.style.setProperty('--_scale', `${viewport.scale}`);\n    this.#requestProjectionUpdate();\n  };\n\n  #handleViewportResize = (): void => {\n    this.#requestProjectionUpdate({ forceCoverage: true });\n  };\n\n  #requestProjectionUpdate(options: ProjectionSyncOptions = {}): void {\n    if (this.#updateProjection(options)) this.requestUpdate();\n  }\n\n  #updateProjection(options: ProjectionSyncOptions = {}): boolean {\n    const viewport = this.#viewport;\n    if (!viewport) return false;\n    const visible = viewport.getVisibleRect();\n    if (visible.width <= 0 || visible.height <= 0) return false;\n    const interval = selectGridlineInterval({\n      current: options.resetInterval ? undefined : this.#projection?.interval,\n      scale: viewport.scale,\n      step: this.#step,\n      targetSpacing: this.#targetSpacing\n    });\n    const projection = nextProjection({\n      forceCoverage: options.forceCoverage === true,\n      interval,\n      previous: this.#projection,\n      visible\n    });\n    if (!projection) return false;\n    this.#projection = projection;\n    return true;\n  }\n}\n\nfunction nextProjection({\n  forceCoverage,\n  interval,\n  previous,\n  visible\n}: {\n  forceCoverage: boolean;\n  interval: number;\n  previous?: GridlineProjection;\n  visible: ViewportRect;\n}): GridlineProjection | undefined {\n  const coverageChanged = forceCoverage || gridlineCoverageNeedsUpdate(previous?.coverage, visible);\n  const intervalChanged = interval !== previous?.interval;\n  if (!coverageChanged && !intervalChanged) return undefined;\n  const coverage = coverageChanged || !previous ? createGridlineCoverage(visible) : previous.coverage;\n  return { coverage, interval };\n}\n\nfunction coverageStyles(coverage: ViewportRect): Record<string, string> {\n  return {\n    height: `${coverage.height}px`,\n    left: `${coverage.x}px`,\n    top: `${coverage.y}px`,\n    width: `${coverage.width}px`\n  };\n}\n"],"mappings":"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"}

package/dist/viewport/viewport-minimap.d.ts

@@ -1,36 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element nve-viewport-minimap
- * @description Provides a simplified overview and direct navigation for its parent viewport.
- * @documentation https://nvidia.github.io/elements/docs/elements/viewport/
- * @since 0.0.0
- * @entrypoint \@nvidia-elements/core/viewport
- * @cssprop --background - Color of the surface behind preview geometry.
- * @cssprop --color - Color of automatically drawn root rectangles.
- * @cssprop --indicator-color - Color of the current visible-region indicator.
- * @cssprop --border-radius - Corner radius of the minimap.
- * @cssprop --recenter-cursor - Cursor for clicking the background to center the viewport.
- * @cssprop --pan-cursor - Cursor over a draggable visible region.
- * @cssprop --panning-cursor - Cursor during a visible-region drag.
- * @slot preview - Optional simplified content drawn in viewport content coordinates. Replaces automatic root rectangles.
- */
-export declare class ViewportMinimap extends LitElement {
-    #private;
-    static styles: import("lit").CSSResult[];
-    static readonly metadata: {
-        tag: string;
-        version: string;
-    };
-    /** @private */
-    _internals: ElementInternals;
-    /** @private */
-    slot: string;
-    /** @private */
-    protected accessibilityHidden: string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /** Remeasures content bounds after preview or viewport roots move without resizing. */
-    refresh(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/viewport/viewport-minimap.js

@@ -1,6 +0,0 @@
-//#region src/viewport/viewport-minimap.css?inline
-var e = ":host{--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-text-muted-color);--indicator-color: var(--nve-sys-support-accent-color);--border-radius: var(--nve-ref-border-radius-md);position:absolute;inset-block-end:var(--nve-ref-space-xs);inset-inline-end:var(--nve-ref-space-xs);display:block;box-sizing:border-box;inline-size:clamp(8rem,32%,10rem);max-inline-size:calc(100% - 1rem);aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--border-radius);contain:content;cursor:default;user-select:none}.surface{position:relative;inline-size:100%;block-size:100%}svg{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;overflow:hidden;border-radius:inherit}.preview{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.foreground-layer{pointer-events:none}.background{fill:var(--background)}.item{fill:var(--color);pointer-events:none}.visible-region{fill:var(--indicator-color);fill-opacity:.15;stroke:var(--indicator-color);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all}:host(:state(pan-eligible)) .background{cursor:var(--recenter-cursor, pointer)}:host(:state(pan-eligible)) .visible-region{cursor:var(--pan-cursor, grab)}:host(:state(panning)),:host(:state(panning)) .background,:host(:state(panning)) .visible-region{cursor:var(--panning-cursor, grabbing)}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=viewport-minimap.js.map

package/dist/viewport/viewport-minimap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewport-minimap.js","names":[],"sources":["../../src/viewport/viewport-minimap.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-text-muted-color);\n  --indicator-color: var(--nve-sys-support-accent-color);\n  --border-radius: var(--nve-ref-border-radius-md);\n\n  position: absolute;\n  inset-block-end: var(--nve-ref-space-xs);\n  inset-inline-end: var(--nve-ref-space-xs);\n  display: block;\n  box-sizing: border-box;\n  inline-size: clamp(8rem, 32%, 10rem);\n  max-inline-size: calc(100% - 1rem);\n  aspect-ratio: 4 / 3;\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  contain: content;\n  cursor: default;\n  user-select: none;\n}\n\n.surface {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\nsvg {\n  position: absolute;\n  inset: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n}\n\n.preview {\n  position: absolute;\n  inset: 0;\n  transform-origin: 0 0;\n  pointer-events: none;\n}\n\n.foreground-layer {\n  pointer-events: none;\n}\n\n.background {\n  fill: var(--background);\n}\n\n.item {\n  fill: var(--color);\n  pointer-events: none;\n}\n\n.visible-region {\n  fill: var(--indicator-color);\n  fill-opacity: 0.15;\n  stroke: var(--indicator-color);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n  pointer-events: all;\n}\n\n:host(:state(pan-eligible)) .background {\n  cursor: var(--recenter-cursor, pointer);\n}\n\n:host(:state(pan-eligible)) .visible-region {\n  cursor: var(--pan-cursor, grab);\n}\n\n:host(:state(panning)),\n:host(:state(panning)) .background,\n:host(:state(panning)) .visible-region {\n  cursor: var(--panning-cursor, grabbing);\n}\n"],"mappings":""}

package/dist/viewport/viewport-minimap.utils.d.ts

@@ -1,13 +0,0 @@
-import type { ViewportPoint, ViewportRect } from './viewport.types.js';
-export interface ViewportMinimapProjection {
-    readonly offsetX: number;
-    readonly offsetY: number;
-    readonly scale: number;
-}
-export declare function hasPositiveFiniteRect(rect: ViewportRect): boolean;
-export declare function createViewportMinimapProjection(content: readonly ViewportRect[], visible: ViewportRect, size: {
-    readonly width: number;
-    readonly height: number;
-}): ViewportMinimapProjection | undefined;
-export declare function projectViewportMinimapRect(rect: ViewportRect, projection: ViewportMinimapProjection): ViewportRect;
-export declare function unprojectViewportMinimapPoint(point: ViewportPoint, projection: ViewportMinimapProjection): ViewportPoint;

package/dist/viewport/viewport-minimap.utils.js

@@ -1,49 +0,0 @@
-//#region src/viewport/viewport-minimap.utils.ts
-var e = .1;
-function t(e) {
-	return Number.isFinite(e.x) && Number.isFinite(e.y) && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
-}
-function n(t, n, r) {
-	if (r.width <= 0 || r.height <= 0 || n.width <= 0 || n.height <= 0) return;
-	let i = a([n, ...t]);
-	if (!i) return;
-	let o = Math.max(i.width * e, 2 ** -52), s = Math.max(i.height * e, 2 ** -52), c = {
-		x: i.x - o,
-		y: i.y - s,
-		width: i.width + o * 2,
-		height: i.height + s * 2
-	}, l = Math.min(r.width / c.width, r.height / c.height);
-	if (!(!Number.isFinite(l) || l <= 0)) return {
-		offsetX: (r.width - c.width * l) / 2 - c.x * l,
-		offsetY: (r.height - c.height * l) / 2 - c.y * l,
-		scale: l
-	};
-}
-function r(e, t) {
-	return {
-		x: e.x * t.scale + t.offsetX,
-		y: e.y * t.scale + t.offsetY,
-		width: e.width * t.scale,
-		height: e.height * t.scale
-	};
-}
-function i(e, t) {
-	return {
-		x: (e.x - t.offsetX) / t.scale,
-		y: (e.y - t.offsetY) / t.scale
-	};
-}
-function a(e) {
-	let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
-	for (let o of e) t(o) && (n = Math.min(n, o.x), r = Math.min(r, o.y), i = Math.max(i, o.x + o.width), a = Math.max(a, o.y + o.height));
-	if (!(!Number.isFinite(n) || !Number.isFinite(r) || i <= n || a <= r)) return {
-		x: n,
-		y: r,
-		width: i - n,
-		height: a - r
-	};
-}
-//#endregion
-export { n as createViewportMinimapProjection, t as hasPositiveFiniteRect, r as projectViewportMinimapRect, i as unprojectViewportMinimapPoint };
-
-//# sourceMappingURL=viewport-minimap.utils.js.map

package/dist/viewport/viewport-minimap.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewport-minimap.utils.js","names":[],"sources":["../../src/viewport/viewport-minimap.utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ViewportPoint, ViewportRect } from './viewport.types.js';\n\nconst PROJECTION_PADDING = 0.1;\n\nexport interface ViewportMinimapProjection {\n  readonly offsetX: number;\n  readonly offsetY: number;\n  readonly scale: number;\n}\n\nexport function hasPositiveFiniteRect(rect: ViewportRect): boolean {\n  return (\n    Number.isFinite(rect.x) &&\n    Number.isFinite(rect.y) &&\n    Number.isFinite(rect.width) &&\n    Number.isFinite(rect.height) &&\n    rect.width > 0 &&\n    rect.height > 0\n  );\n}\n\nexport function createViewportMinimapProjection(\n  content: readonly ViewportRect[],\n  visible: ViewportRect,\n  size: { readonly width: number; readonly height: number }\n): ViewportMinimapProjection | undefined {\n  if (size.width <= 0 || size.height <= 0 || visible.width <= 0 || visible.height <= 0) return undefined;\n  const extent = unionRects([visible, ...content]);\n  if (!extent) return undefined;\n  const paddingX = Math.max(extent.width * PROJECTION_PADDING, Number.EPSILON);\n  const paddingY = Math.max(extent.height * PROJECTION_PADDING, Number.EPSILON);\n  const coverage = {\n    x: extent.x - paddingX,\n    y: extent.y - paddingY,\n    width: extent.width + paddingX * 2,\n    height: extent.height + paddingY * 2\n  };\n  const scale = Math.min(size.width / coverage.width, size.height / coverage.height);\n  if (!Number.isFinite(scale) || scale <= 0) return undefined;\n  return {\n    offsetX: (size.width - coverage.width * scale) / 2 - coverage.x * scale,\n    offsetY: (size.height - coverage.height * scale) / 2 - coverage.y * scale,\n    scale\n  };\n}\n\nexport function projectViewportMinimapRect(rect: ViewportRect, projection: ViewportMinimapProjection): ViewportRect {\n  return {\n    x: rect.x * projection.scale + projection.offsetX,\n    y: rect.y * projection.scale + projection.offsetY,\n    width: rect.width * projection.scale,\n    height: rect.height * projection.scale\n  };\n}\n\nexport function unprojectViewportMinimapPoint(\n  point: ViewportPoint,\n  projection: ViewportMinimapProjection\n): ViewportPoint {\n  return {\n    x: (point.x - projection.offsetX) / projection.scale,\n    y: (point.y - projection.offsetY) / projection.scale\n  };\n}\n\nfunction unionRects(rects: readonly ViewportRect[]): ViewportRect | undefined {\n  let left = Number.POSITIVE_INFINITY;\n  let top = Number.POSITIVE_INFINITY;\n  let right = Number.NEGATIVE_INFINITY;\n  let bottom = Number.NEGATIVE_INFINITY;\n  for (const rect of rects) {\n    if (!hasPositiveFiniteRect(rect)) continue;\n    left = Math.min(left, rect.x);\n    top = Math.min(top, rect.y);\n    right = Math.max(right, rect.x + rect.width);\n    bottom = Math.max(bottom, rect.y + rect.height);\n  }\n  if (!Number.isFinite(left) || !Number.isFinite(top) || right <= left || bottom <= top) return undefined;\n  return { x: left, y: top, width: right - left, height: bottom - top };\n}\n"],"mappings":";AAKA,IAAM,IAAqB;AAQ3B,SAAgB,EAAsB,GAA6B;CACjE,OACE,OAAO,SAAS,EAAK,CAAC,KACtB,OAAO,SAAS,EAAK,CAAC,KACtB,OAAO,SAAS,EAAK,KAAK,KAC1B,OAAO,SAAS,EAAK,MAAM,KAC3B,EAAK,QAAQ,KACb,EAAK,SAAS;AAElB;AAEA,SAAgB,EACd,GACA,GACA,GACuC;CACvC,IAAI,EAAK,SAAS,KAAK,EAAK,UAAU,KAAK,EAAQ,SAAS,KAAK,EAAQ,UAAU,GAAG;CACtF,IAAM,IAAS,EAAW,CAAC,GAAS,GAAG,CAAO,CAAC;CAC/C,IAAI,CAAC,GAAQ;CACb,IAAM,IAAW,KAAK,IAAI,EAAO,QAAQ,WAAkC,GACrE,IAAW,KAAK,IAAI,EAAO,SAAS,WAAkC,GACtE,IAAW;EACf,GAAG,EAAO,IAAI;EACd,GAAG,EAAO,IAAI;EACd,OAAO,EAAO,QAAQ,IAAW;EACjC,QAAQ,EAAO,SAAS,IAAW;CACrC,GACM,IAAQ,KAAK,IAAI,EAAK,QAAQ,EAAS,OAAO,EAAK,SAAS,EAAS,MAAM;CAC7E,OAAC,OAAO,SAAS,CAAK,KAAK,KAAS,IACxC,OAAO;EACL,UAAU,EAAK,QAAQ,EAAS,QAAQ,KAAS,IAAI,EAAS,IAAI;EAClE,UAAU,EAAK,SAAS,EAAS,SAAS,KAAS,IAAI,EAAS,IAAI;EACpE;CACF;AACF;AAEA,SAAgB,EAA2B,GAAoB,GAAqD;CAClH,OAAO;EACL,GAAG,EAAK,IAAI,EAAW,QAAQ,EAAW;EAC1C,GAAG,EAAK,IAAI,EAAW,QAAQ,EAAW;EAC1C,OAAO,EAAK,QAAQ,EAAW;EAC/B,QAAQ,EAAK,SAAS,EAAW;CACnC;AACF;AAEA,SAAgB,EACd,GACA,GACe;CACf,OAAO;EACL,IAAI,EAAM,IAAI,EAAW,WAAW,EAAW;EAC/C,IAAI,EAAM,IAAI,EAAW,WAAW,EAAW;CACjD;AACF;AAEA,SAAS,EAAW,GAA0D;CAC5E,IAAI,IAAO,UACP,IAAM,UACN,IAAQ,WACR,IAAS;CACb,KAAK,IAAM,KAAQ,GACZ,EAAsB,CAAI,MAC/B,IAAO,KAAK,IAAI,GAAM,EAAK,CAAC,GAC5B,IAAM,KAAK,IAAI,GAAK,EAAK,CAAC,GAC1B,IAAQ,KAAK,IAAI,GAAO,EAAK,IAAI,EAAK,KAAK,GAC3C,IAAS,KAAK,IAAI,GAAQ,EAAK,IAAI,EAAK,MAAM;CAE5C,OAAC,OAAO,SAAS,CAAI,KAAK,CAAC,OAAO,SAAS,CAAG,KAAK,KAAS,KAAQ,KAAU,IAClF,OAAO;EAAE,GAAG;EAAM,GAAG;EAAK,OAAO,IAAQ;EAAM,QAAQ,IAAS;CAAI;AACtE"}

package/dist/viewport/viewport-minimap2.js

@@ -1,309 +0,0 @@
-import { GestureController as e } from "../internal/controllers/gesture.controller.js";
-import { isImmediateRootActiveElement as t } from "../internal/utils/focus.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { hostAttr as r } from "../internal/decorators/host-attr.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
-import { anchoredTransform as o } from "./viewport-projection.utils.js";
-import { Viewport as s } from "./viewport2.js";
-import c from "./viewport-minimap.js";
-import { createViewportMinimapProjection as l, projectViewportMinimapRect as u, unprojectViewportMinimapPoint as d } from "./viewport-minimap.utils.js";
-import { LitElement as f, html as p, nothing as m, svg as h } from "lit";
-import { styleMap as g } from "lit/directives/style-map.js";
-//#region src/viewport/viewport-minimap.ts
-var _ = 3, v = class extends f {
-	static {
-		this.styles = i([c]);
-	}
-	static {
-		this.metadata = {
-			tag: "nve-viewport-minimap",
-			version: "2.15.1"
-		};
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	#i;
-	#a;
-	#o;
-	#s;
-	#c;
-	#l;
-	#u;
-	#d;
-	#f;
-	get #p() {
-		return Array.from(this.children).filter((e) => e.slot === "preview");
-	}
-	get #m() {
-		let e = this.#r;
-		return e ? Array.from(e.children).filter((e) => !e.slot) : [];
-	}
-	constructor() {
-		super(), this.slot = "overlay", this.accessibilityHidden = "true", this.#t = /* @__PURE__ */ new WeakMap(), this.#n = 0, this.#s = [], this.#c = [], this.#f = !1, this.#E = () => {
-			this.#D(), this.#j({ measureRoots: !0 });
-		}, this.#O = () => {
-			let e = this.#r?.getTransform(), t = this.#u;
-			t?.active && e && (t.transformStart = e, t.transformStartDisplacementX = t.lastTotalDisplacementX, t.transformStartDisplacementY = t.lastTotalDisplacementY), this.#j({ measureRoots: !1 });
-		}, this.#k = () => {
-			this.#A(), this.requestUpdate();
-		}, this.#I = (e) => {
-			let t = e.detail;
-			t.kind === "pointerdown" ? this.#R(t) : t.kind === "pointerend" ? this.#U(t) : this.#L(t);
-		}, this.#z = (e) => {
-			let t = e.detail;
-			t.kind === "drag" && this.#B(t);
-		}, this.#e = new e(this, {
-			claimPriority: "self-first",
-			suppressNativeDrag: !0,
-			touchAction: () => this.#u || this.#r?.pannable ? "none" : void 0
-		});
-	}
-	connectedCallback() {
-		super.connectedCallback(), n(this);
-		let e = this.parentElement;
-		e instanceof s && (this.#r = e, this.#r.addEventListener("viewportchange", this.#O), this.#r.addEventListener("capabilitieschange", this.#k), this.#h(e), this.requestUpdate());
-	}
-	#h(e) {
-		this.#e.target = this, this.addEventListener("nve-gesture-input", this.#I), this.addEventListener("nve-gesture", this.#z), this.#T(), e.updateComplete.then(() => {
-			this.#r === e && (this.#i = e.shadowRoot?.querySelector("slot:not([name])") ?? void 0, this.#i?.addEventListener("slotchange", this.#E), this.#D(), this.#j({ measureRoots: !0 }));
-		});
-	}
-	disconnectedCallback() {
-		this.#K(), this.#r?.removeEventListener("viewportchange", this.#O), this.#r?.removeEventListener("capabilitieschange", this.#k), this.#g(), this.#_(), this.#v(), super.disconnectedCallback();
-	}
-	#g() {
-		this.removeEventListener("nve-gesture-input", this.#I), this.removeEventListener("nve-gesture", this.#z), this.#i?.removeEventListener("slotchange", this.#E);
-	}
-	#_() {
-		this.#a?.disconnect(), this.#o?.disconnect(), this.#d !== void 0 && cancelAnimationFrame(this.#d);
-	}
-	#v() {
-		this.#d = void 0, this.#f = !1, this.#e.target = void 0, this.#u = void 0, this.#r = void 0, this.#i = void 0, this.#l = void 0, this.#s = [], this.#c = [], this._internals.states.delete("pan-eligible"), this._internals.states.delete("panning");
-	}
-	refresh() {
-		this.#j({ measureRoots: !0 });
-	}
-	render() {
-		let e = this.#l, t = this.#r, n = t && e ? u(t.getVisibleRect(), e) : void 0;
-		return p`<div internal-host class="surface">${this.#y()} ${this.#b(e)} ${this.#x(e, n)}</div>`;
-	}
-	#y() {
-		return p`<svg class="background-layer" aria-hidden="true" focusable="false"><rect class="background" data-minimap-background width="100%" height="100%"></rect></svg>`;
-	}
-	#b(e) {
-		return p`<div class="preview" style="${g({ transform: e ? `translate(${e.offsetX}px, ${e.offsetY}px) scale(${e.scale})` : "none" })}"><slot name="preview" @slotchange="${this.#E}"></slot></div>`;
-	}
-	#x(e, t) {
-		return p`<svg class="foreground-layer" aria-hidden="true" focusable="false" viewBox="0 0 ${this.clientWidth} ${this.clientHeight}" preserveAspectRatio="none">${this.#S(e)} ${this.#C(t)}</svg>`;
-	}
-	#S(e) {
-		return !e || this.#p.length ? m : this.#c.map((t) => this.#w(t, e));
-	}
-	#C(e) {
-		return e ? h`<rect class="visible-region" data-visible-region x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="2"></rect>` : m;
-	}
-	#w(e, t) {
-		let n = u(e, t);
-		return h`<rect class="item" data-item-key="${e.id}" x="${n.x}" y="${n.y}" width="${n.width}" height="${n.height}" rx="2"></rect>`;
-	}
-	#T() {
-		let e = this.#r;
-		!e || typeof ResizeObserver > "u" || (this.#a = new ResizeObserver((t) => {
-			this.#j({ measureRoots: t.some((t) => t.target === e || t.target === this) });
-		}), this.#a.observe(e), this.#a.observe(this), this.#o = new ResizeObserver(() => this.#j({ measureRoots: !0 })));
-	}
-	#E;
-	#D() {
-		let e = this.#r;
-		if (this.#o?.disconnect(), !e) return;
-		let t = this.#p, n = t.length ? t : this.#m;
-		for (let e of n) this.#o?.observe(e);
-	}
-	#O;
-	#k;
-	#A() {
-		let e = !!(this.#r?.pannable && this.#l);
-		this._internals.states.has("pan-eligible") !== e && (e ? this._internals.states.add("pan-eligible") : this._internals.states.delete("pan-eligible"));
-	}
-	#j({ measureRoots: e }) {
-		this.#f ||= e, this.#d === void 0 && (this.#d = requestAnimationFrame(() => {
-			this.#d = void 0;
-			let e = this.#f;
-			this.#f = !1, this.#M({ measureRoots: e });
-		}));
-	}
-	#M({ measureRoots: e }) {
-		let t = this.#r;
-		if (t) {
-			if (e) {
-				let e = this.#p;
-				e.length ? (this.#c = [], this.#s = this.#N(e)) : (this.#c = this.#P(t, this.#m), this.#s = this.#c);
-			}
-			this.#l = l(this.#s, t.getVisibleRect(), {
-				height: this.clientHeight,
-				width: this.clientWidth
-			}), this.#A(), this.requestUpdate();
-		}
-	}
-	#N(e) {
-		let t = this.renderRoot.querySelector(".preview");
-		if (!t) return [];
-		let n = t.getBoundingClientRect(), r = getComputedStyle(t).transform, i = new DOMMatrixReadOnly(r === "none" ? void 0 : r), a = [];
-		for (let t of e) {
-			let e = t.getBoundingClientRect();
-			e.width <= 0 || e.height <= 0 || a.push({
-				x: (e.left - n.left) / i.m11,
-				y: (e.top - n.top) / i.m11,
-				width: e.width / i.m11,
-				height: e.height / i.m11
-			});
-		}
-		return a;
-	}
-	#P(e, t) {
-		let n = e.getBoundingClientRect(), r = e.getTransform(), i = [];
-		for (let e of t) {
-			let t = e.getBoundingClientRect();
-			t.width <= 0 || t.height <= 0 || i.push({
-				id: this.#F(e),
-				x: r.x + (t.left - n.left) / r.scale,
-				y: r.y + (t.top - n.top) / r.scale,
-				width: t.width / r.scale,
-				height: t.height / r.scale
-			});
-		}
-		return i;
-	}
-	#F(e) {
-		let t = e.id.trim();
-		if (t) return t;
-		let n = this.#t.get(e);
-		if (n) return n;
-		let r = `root-${this.#n}`;
-		return this.#n += 1, this.#t.set(e, r), r;
-	}
-	#I;
-	#L(e) {
-		let n = this.#r;
-		if (e.deltaY === 0 || !n || !n.zoomable || !t(n) || !e.claim()) return;
-		let r = n.getTransform(), i = n.getVisibleRect(), a = {
-			x: i.x + i.width / 2,
-			y: i.y + i.height / 2
-		}, s = this.#e.getWheelZoomFactor(e), c = {
-			x: n.clientWidth / 2,
-			y: n.clientHeight / 2
-		};
-		n.requestZoom({
-			anchor: a,
-			event: e.event,
-			factor: s,
-			next: o(a, c, Math.min(n.maxScale, Math.max(n.minScale, r.scale * s))),
-			source: "minimap"
-		});
-	}
-	#R(e) {
-		let t = e.event, n = this.#r, r = this.#l;
-		if (!n || t.button !== 0 || !t.isPrimary || !n.pannable && !n.zoomable || (n.focus({ preventScroll: !0 }), !r || !n.pannable || !e.claim({ kind: "drag" }))) return;
-		let i = n.getTransform(), a = t.composedPath().some((e) => e instanceof Element && e.hasAttribute("data-visible-region"));
-		this.#u = {
-			active: !1,
-			activating: !1,
-			exceededThreshold: !1,
-			indicator: a,
-			lastTotalDisplacementX: 0,
-			lastTotalDisplacementY: 0,
-			pointerId: t.pointerId,
-			dragProjection: r,
-			transformStart: i,
-			transformStartDisplacementX: 0,
-			transformStartDisplacementY: 0
-		};
-	}
-	#z;
-	#B(e) {
-		let t = this.#u;
-		if (!t || t.pointerId !== e.event.pointerId || (t.lastTotalDisplacementX = e.totalDisplacementX, t.lastTotalDisplacementY = e.totalDisplacementY, e.totalDisplacementX ** 2 + e.totalDisplacementY ** 2 < _ ** 2) || (t.exceededThreshold = !0, !t.indicator)) return;
-		let n = this.#H(e, t);
-		t.active ? t.navigation?.update(n) : this.#V(t, n);
-	}
-	#V(e, t) {
-		e.activating = !0;
-		let n = this.#r?.startPan({
-			...t,
-			source: "minimap"
-		});
-		if (e.activating = !1, n) {
-			if (this.#u !== e) {
-				e.pendingEnd && n.end(e.pendingEnd);
-				return;
-			}
-			e.navigation = n, e.active = !0, this._internals.states.add("panning");
-		}
-	}
-	#H(e, t) {
-		let n = e.totalDisplacementX - t.transformStartDisplacementX, r = e.totalDisplacementY - t.transformStartDisplacementY;
-		return {
-			clientX: e.clientX,
-			clientY: e.clientY,
-			event: e.event,
-			next: {
-				scale: t.transformStart.scale,
-				x: t.transformStart.x + n / t.dragProjection.scale,
-				y: t.transformStart.y + r / t.dragProjection.scale
-			}
-		};
-	}
-	#U(e) {
-		let t = this.#u;
-		!t || t.pointerId !== e.event.pointerId || (t.lastTotalDisplacementX = e.totalDisplacementX, t.lastTotalDisplacementY = e.totalDisplacementY, t.active ? t.navigation?.end({
-			event: e.event,
-			interrupted: e.interrupted,
-			reason: e.reason
-		}) : t.activating ? t.pendingEnd = {
-			event: e.event,
-			interrupted: e.interrupted,
-			reason: e.reason
-		} : e.reason === "up" && !t.exceededThreshold && this.#W(e.event, t), this.#G(t));
-	}
-	#W(e, t) {
-		let n = this.#r;
-		if (!n) return;
-		let r = this.getBoundingClientRect(), i = d({
-			x: e.clientX - r.left,
-			y: e.clientY - r.top
-		}, t.dragProjection), a = n.getTransform(), o = n.getVisibleRect();
-		n.requestPan({
-			clientX: e.clientX,
-			clientY: e.clientY,
-			event: e,
-			next: {
-				scale: a.scale,
-				x: i.x - o.width / 2,
-				y: i.y - o.height / 2
-			},
-			source: "minimap"
-		});
-	}
-	#G(e) {
-		this.#u === e && (this.#u = void 0, this._internals.states.delete("panning"), this.requestUpdate());
-	}
-	#K() {
-		let e = this.#u;
-		if (!e) return;
-		this.#G(e);
-		let t = {
-			event: new Event("disconnect"),
-			interrupted: !0,
-			reason: "cancel"
-		};
-		e.active ? e.navigation?.end(t) : e.activating && (e.pendingEnd = t);
-	}
-};
-a([r()], v.prototype, "slot", void 0), a([r({ attribute: "aria-hidden" })], v.prototype, "accessibilityHidden", void 0);
-//#endregion
-export { v as ViewportMinimap };
-
-//# sourceMappingURL=viewport-minimap2.js.map