@nvidia-elements/core 2.10.0 → 2.11.0

package/dist/steps/steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","names":[],"sources":["../../src/steps/steps.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig, Container } from '@nvidia-elements/core/internal';\nimport {\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'condensed'>;\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'condensed'>;\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"steps2.js","names":[],"sources":["../../src/steps/steps.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/switch/switch-group2.js

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

package/dist/switch/switch2.js

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

package/dist/tabs/tabs-group2.js

@@ -33,7 +33,7 @@ var m, h = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.10.0",
+			version: "2.11.0",
 			children: ["nve-tabs"]
 		};
 	}

package/dist/tabs/tabs2.js

@@ -20,7 +20,7 @@ var _ = class extends h(f) {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item",
-			version: "2.10.0",
+			version: "2.11.0",
 			parents: ["nve-tabs"]
 		};
 	}
@@ -53,7 +53,7 @@ var v = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-tabs",
-			version: "2.10.0",
+			version: "2.11.0",
 			children: ["nve-tabs-item"]
 		};
 	}

package/dist/tag/tag2.js

@@ -17,7 +17,7 @@ var p = class extends d(c) {
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "2.10.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/textarea/textarea2.js

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

package/dist/time/time2.js

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

package/dist/toast/toast2.js

@@ -23,7 +23,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toast",
-			version: "2.10.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/toggletip/toggletip-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-footer",
-			version: "2.10.0",
+			version: "2.11.0",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-header",
-			version: "2.10.0",
+			version: "2.11.0",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip2.js

@@ -24,7 +24,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "2.10.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/toolbar/toolbar2.js

@@ -21,7 +21,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "2.10.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/tooltip/tooltip2.js

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

package/dist/tree/tree-node2.js

@@ -44,7 +44,7 @@ var E = class extends b {
 	static {
 		this.metadata = {
 			tag: "nve-tree-node",
-			version: "2.10.0",
+			version: "2.11.0",
 			parents: ["nve-tree", "nve-tree-node"]
 		};
 	}

package/dist/tree/tree2.js

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

package/dist/viewport/define.d.ts

@@ -1,7 +1,8 @@
-import { Viewport, ViewportGridlines } from '@nvidia-elements/core/viewport';
+import { Viewport, ViewportGridlines, ViewportMinimap } from '@nvidia-elements/core/viewport';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-viewport': Viewport;
         'nve-viewport-gridlines': ViewportGridlines;
+        'nve-viewport-minimap': ViewportMinimap;
     }
 }

package/dist/viewport/define.js

@@ -1,7 +1,8 @@
 import { define as e } from "../internal/utils/dom.js";
 import { Viewport as t } from "./viewport2.js";
 import { ViewportGridlines as n } from "./viewport-gridlines2.js";
-e(t), e(n);
+import { ViewportMinimap as r } from "./viewport-minimap2.js";
+e(t), e(n), e(r);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/viewport/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/viewport/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Viewport, ViewportGridlines } from '@nvidia-elements/core/viewport';\n\ndefine(Viewport);\ndefine(ViewportGridlines);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-viewport': Viewport;\n    'nve-viewport-gridlines': ViewportGridlines;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAQ,GACf,EAAO,CAAiB"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/viewport/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Viewport, ViewportGridlines, ViewportMinimap } from '@nvidia-elements/core/viewport';\n\ndefine(Viewport);\ndefine(ViewportGridlines);\ndefine(ViewportMinimap);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-viewport': Viewport;\n    'nve-viewport-gridlines': ViewportGridlines;\n    'nve-viewport-minimap': ViewportMinimap;\n  }\n}\n"],"mappings":";;;;AAMA,EAAO,CAAQ,GACf,EAAO,CAAiB,GACxB,EAAO,CAAe"}

package/dist/viewport/index.d.ts

@@ -1,3 +1,4 @@
 export * from './viewport.js';
 export * from './viewport-gridlines.js';
-export type { ViewportAnimationOptions, ViewportDiscretePanDetail, ViewportPanBehavior, ViewportPanDetail, ViewportPanEndDetail, ViewportPanEndReason, ViewportPoint, ViewportPointerPanDetail, ViewportRect, ViewportRevealOptions, ViewportTransform, ViewportWheelPanDetail, ViewportZoomDetail } from './viewport.types.js';
+export * from './viewport-minimap.js';
+export type { ViewportAnimationOptions, ViewportDiscretePanDetail, ViewportPanBehavior, ViewportPanDetail, ViewportPanEndDetail, ViewportPanEndReason, ViewportNavigationSource, ViewportPanProposal, ViewportPanUpdateProposal, ViewportPanEndRequest, ViewportPanSession, ViewportZoomProposal, ViewportZoomRequestOptions, ViewportPoint, ViewportPointerPanDetail, ViewportRect, ViewportRevealOptions, ViewportTransform, ViewportWheelPanDetail, ViewportZoomDetail } from './viewport.types.js';

package/dist/viewport/index.js

@@ -1,3 +1,4 @@
 import { Viewport as e } from "./viewport2.js";
 import { ViewportGridlines as t } from "./viewport-gridlines2.js";
-export { e as Viewport, t as ViewportGridlines };
+import { ViewportMinimap as n } from "./viewport-minimap2.js";
+export { e as Viewport, t as ViewportGridlines, n as ViewportMinimap };

package/dist/viewport/viewport-gesture-navigation.controller.d.ts

@@ -1,29 +1,27 @@
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { ViewportPanBehavior, ViewportPoint, ViewportTransform } from './viewport.types.js';
-import type { ViewportNavigationEventDelegate } from './viewport-navigation.types.js';
+import type { ViewportPanBehavior, ViewportPanSession, ViewportPanProposal, ViewportPoint, ViewportTransform, ViewportZoomProposal } from './viewport.types.js';
 type ViewportGestureNavigationHost = HTMLElement & ReactiveControllerHost & {
     readonly _internals: ElementInternals;
     readonly behaviorPan: ViewportPanBehavior;
-    readonly behaviorZoom: boolean;
+    readonly pannable: boolean;
+    readonly zoomable: boolean;
     readonly dragThreshold: number;
+    requestPan(proposal: ViewportPanProposal): boolean;
+    requestZoom(proposal: ViewportZoomProposal): boolean;
+    startPan(proposal: ViewportPanProposal): ViewportPanSession | undefined;
 };
-export interface ViewportGestureNavigationDelegate {
-    readonly commitTransform: (next: ViewportTransform) => boolean;
-    readonly cancelAnimation: () => void;
+interface ViewportGestureNavigationDelegate {
     readonly clampScale: (value: number) => number;
     readonly clientToViewport: (clientX: number, clientY: number) => ViewportPoint;
-    readonly consumeAutoFit: () => void;
-    readonly events: ViewportNavigationEventDelegate;
     readonly getTransform: () => ViewportTransform;
+    readonly requestAdmittedPinchZoom: (proposal: ViewportZoomProposal) => boolean;
 }
-/** Coordinates the viewport's opt-in pointer, touch, pinch, and wheel navigation behavior. */
 export declare class ViewportGestureNavigationController implements ReactiveController {
     #private;
     constructor(host: ViewportGestureNavigationHost, delegate: ViewportGestureNavigationDelegate);
     hostConnected(): void;
     hostDisconnected(): void;
     hostUpdated(): void;
-    /** Rebase in-progress pointer math synchronously after an independent transform change. */
     rebasePointerSessions(): void;
 }
 export {};

package/dist/viewport/viewport-gesture-navigation.controller.js

@@ -39,11 +39,11 @@ var a = class {
 		this.#U();
 	}
 	#d() {
-		let e = this.#e.behaviorPan, t = this.#e.behaviorZoom, n = !!e || t, r = this.#i.size > 0;
-		this.#r.enabled = this.#o && e === "space", this.#n.target = this.#o && (n || r) ? this.#e : void 0, this.#Z(this.#o && e === "space"), this.#Q(this.#o && (!!e || this.#a.size > 0)), this.#f(e);
+		let e = this.#e.behaviorPan, t = this.#e.pannable || this.#e.zoomable, n = this.#i.size > 0;
+		this.#r.enabled = this.#o && e === "space", this.#n.target = this.#o && (t || n) ? this.#e : void 0, this.#Z(this.#o && e === "space"), this.#Q(this.#o && (this.#e.pannable || this.#a.size > 0)), this.#f();
 	}
-	#f(e) {
-		e || (this.#l = !1, this.#e._internals?.states.delete("pan-eligible"));
+	#f() {
+		this.#e.pannable || (this.#l = !1, this.#e._internals?.states.delete("pan-eligible"));
 	}
 	#p = (e) => {
 		let t = e.detail;
@@ -52,13 +52,13 @@ var a = class {
 	#m(e) {
 		let t = e.event;
 		this.#q(t.pointerId);
-		let n = t.pointerType === "touch", r = n ? !!this.#e.behaviorPan : this.#L(t), i = n && this.#e.behaviorZoom;
+		let n = t.pointerType === "touch", r = n ? this.#e.pannable : this.#L(t), i = n && this.#e.zoomable;
 		if (!r && !i) return this.#h(t);
 		if (!e.claim({
 			kind: r ? "pan" : void 0,
 			pinchCandidate: i
 		})) return;
-		n || this.#e.focus({ preventScroll: !0 }), t.button === 1 && t.preventDefault(), this.#t.consumeAutoFit();
+		n || this.#e.focus({ preventScroll: !0 }), t.button === 1 && t.preventDefault();
 		let a = this.#t.getTransform();
 		this.#i.set(t.pointerId, {
 			button: t.button,
@@ -86,17 +86,23 @@ var a = class {
 		return this.#u = void 0, !0;
 	}
 	#v(e, t, n) {
+		if (t.lifecycle.state === "pending") {
+			t.pendingEnd = {
+				event: e.event,
+				interrupted: e.interrupted || n,
+				reason: e.reason
+			};
+			return;
+		}
 		if (t.lifecycle.state !== "active") return;
-		this.#j(t), this.#Y();
 		let r = e.interrupted || n;
-		this.#M(e, t, r), !r && this.#E(e.event.pointerId, t)?.state === "suppressed" && this.#K(e.event.pointerId, t);
+		this.#M(e, t, r), this.#j(t), this.#Y(), !r && this.#E(e.event.pointerId, t)?.state === "suppressed" && this.#K(e.event.pointerId, t);
 	}
 	#y(e) {
 		n(this.#e) && (e.event.ctrlKey || e.event.metaKey ? this.#b(e) : this.#x(e));
 	}
 	#b(e) {
-		if (!this.#e.behaviorZoom || !e.claim()) return;
-		this.#t.consumeAutoFit(), this.#t.cancelAnimation();
+		if (!this.#e.zoomable || !e.claim()) return;
 		let t = this.#t.getTransform(), n = this.#t.clientToViewport(e.clientX, e.clientY), a = i(n.x, n.y, t), o = this.#n.getWheelZoomFactor(e), s = r(a, n, this.#t.clampScale(t.scale * o)), c = {
 			anchor: a,
 			clientX: e.clientX,
@@ -104,14 +110,12 @@ var a = class {
 			event: e.event,
 			factor: o,
 			next: s,
-			source: "wheel",
-			start: t
+			source: "wheel"
 		};
-		this.#t.events.dispatchZoom(c) && this.#t.commitTransform(s) && this.rebasePointerSessions();
+		this.#e.requestZoom(c);
 	}
 	#x(e) {
-		if (!this.#e.behaviorPan || !e.claim()) return;
-		this.#t.consumeAutoFit(), this.#t.cancelAnimation();
+		if (!this.#e.pannable || !e.claim()) return;
 		let t = this.#t.getTransform(), n = {
 			scale: t.scale,
 			x: t.x + e.deltaX / t.scale,
@@ -123,10 +127,9 @@ var a = class {
 			deltaY: e.deltaY,
 			event: e.event,
 			next: n,
-			source: "wheel",
-			start: t
+			source: "wheel"
 		};
-		this.#t.events.dispatchPan(r) && this.#t.commitTransform(n) && this.rebasePointerSessions();
+		this.#e.requestPan(r);
 	}
 	#S = (e) => {
 		let t = e.detail;
@@ -134,47 +137,45 @@ var a = class {
 	};
 	#C(e) {
 		let t = e.event.pointerId, n = this.#i.get(t);
-		if (!n || n.lifecycle.state === "suppressed" || (n.lastTotalDisplacementX = e.totalDisplacementX, n.lastTotalDisplacementY = e.totalDisplacementY, n.lifecycle.state === "pending" && !this.#T(t, n, e)) || n.lifecycle.state !== "active") return;
-		this.#t.cancelAnimation();
-		let r = e.totalDisplacementX - n.transformStartDisplacementX, i = e.totalDisplacementY - n.transformStartDisplacementY, a = {
-			scale: n.transformStart.scale,
-			x: n.transformStart.x - r / n.transformStart.scale,
-			y: n.transformStart.y - i / n.transformStart.scale
-		}, o = {
+		if (!n || n.lifecycle.state === "suppressed") return;
+		n.lastTotalDisplacementX = e.totalDisplacementX, n.lastTotalDisplacementY = e.totalDisplacementY;
+		let r = this.#w(e, n);
+		n.lifecycle.state === "pending" ? this.#T(e, n, r) : n.lifecycle.navigation.update(r);
+	}
+	#w(e, t) {
+		let n = e.totalDisplacementX - t.transformStartDisplacementX, r = e.totalDisplacementY - t.transformStartDisplacementY, i = {
+			scale: t.transformStart.scale,
+			x: t.transformStart.x - n / t.transformStart.scale,
+			y: t.transformStart.y - r / t.transformStart.scale
+		};
+		return {
 			...e,
-			next: a,
-			source: "pointer",
-			start: n.start
+			next: i
 		};
-		this.#w(t, n, o);
-	}
-	#w(e, t, n) {
-		let r = this.#t.events.dispatchPan(n), i = this.#E(e, t);
-		r && i?.state === "active" && i.defaultAction === "apply" && this.#t.commitTransform(n.next);
 	}
 	#T(e, t, n) {
-		if (t.lifecycle.state !== "pending" || n.totalDisplacementX ** 2 + n.totalDisplacementY ** 2 < t.dragThreshold ** 2) return !1;
-		let r = n.totalDisplacementX - t.transformStartDisplacementX, i = n.totalDisplacementY - t.transformStartDisplacementY, a = {
-			scale: t.transformStart.scale,
-			x: t.transformStart.x - r / t.transformStart.scale,
-			y: t.transformStart.y - i / t.transformStart.scale
-		}, o = {
+		if (e.totalDisplacementX ** 2 + e.totalDisplacementY ** 2 < t.dragThreshold ** 2) return;
+		let r = this.#e.startPan({
 			...n,
-			next: a,
-			source: "pointer",
-			start: t.start
-		}, s = this.#t.events.dispatchPanStart(o) ? "apply" : "skip";
-		return this.#E(e, t)?.state === "pending" && (t.lifecycle = {
-			defaultAction: s,
-			state: "active"
-		}, this.#Y(), !0);
+			source: "pointer"
+		});
+		if (r) {
+			if (this.#E(e.event.pointerId, t)?.state !== "pending") {
+				t.pendingEnd && r.end(t.pendingEnd);
+				return;
+			}
+			t.lifecycle = {
+				state: "active",
+				navigation: r
+			}, this.#Y();
+		}
 	}
 	#E(e, t) {
 		let n = this.#i.get(e);
 		return n === t ? n.lifecycle : void 0;
 	}
 	#D(e) {
-		this.#t.cancelAnimation(), this.#k(e.event);
+		this.#k(e.event);
 		let t = this.#t.clientToViewport(e.centerClientX, e.centerClientY), n = this.#t.clampScale(e.context.start.scale * e.scale), i = r(e.context.anchor, t, n), a = {
 			anchor: e.context.anchor,
 			clientX: e.centerClientX,
@@ -182,12 +183,12 @@ var a = class {
 			event: e.event,
 			factor: e.scale,
 			next: i,
-			source: "pinch",
-			start: e.context.start
+			source: "pinch"
 		};
-		this.#t.events.dispatchZoom(a) && this.#t.commitTransform(i) && this.rebasePointerSessions();
+		this.#t.requestAdmittedPinchZoom(a);
 	}
 	#O = (e) => {
+		if (!this.#e.zoomable) return;
 		let t = this.#t.getTransform(), n = this.#t.clientToViewport(e.startCenterClientX, e.startCenterClientY), r = {
 			anchor: i(n.x, n.y, t),
 			start: t
@@ -209,21 +210,20 @@ var a = class {
 	}
 	#A(e, t) {
 		let n = t.lifecycle.state === "active";
-		this.#j(t), n && this.#M(e, t, !0);
+		t.lifecycle.state === "pending" && (t.pendingEnd = {
+			...e,
+			interrupted: !0
+		}), n && this.#M(e, t, !0), this.#j(t);
 	}
 	#j(e) {
 		e.lifecycle.state !== "suppressed" && (e.lifecycle = { state: "suppressed" });
 	}
 	#M(e, t, n) {
-		let r = {
+		t.lifecycle.state === "active" && t.lifecycle.navigation.end({
 			event: e.event,
 			interrupted: n,
-			reason: e.reason,
-			source: "pointer",
-			start: t.start,
-			transform: this.#t.getTransform()
-		};
-		this.#t.events.dispatchPanEnd(r);
+			reason: e.reason
+		});
 	}
 	#N = (e) => {
 		e.code === "Space" && this.#e.behaviorPan === "space" && n(this.#e) && e.preventDefault();
@@ -235,18 +235,18 @@ var a = class {
 		this.#e._internals.states.delete("pan-eligible");
 	};
 	#I = (e) => {
-		this.#e.behaviorPan && (this.#l = o(e, this.#e), this.#X());
+		this.#e.pannable && (this.#l = s(e, this.#e), this.#X());
 	};
 	#L(e) {
-		return e.button === 0 ? this.#e.behaviorPan === !0 || this.#e.behaviorPan === "space" && this.#R() : e.button === 1 && !!this.#e.behaviorPan;
+		return e.button === 0 ? this.#e.behaviorPan === !0 || this.#e.behaviorPan === "space" && this.#R() : e.button === 1 && this.#e.pannable;
 	}
 	#R() {
 		return this.#r.isPressed("Space") && n(this.#e);
 	}
-	#z = (e) => e.type === "dragstart" && !this.#e.behaviorPan || o(e, this.#e);
+	#z = (e) => e.type === "dragstart" && !this.#e.pannable || o(e, this.#e) || s(e, this.#e);
 	#B = (e) => e.ctrlKey ? this.#e.behaviorPan === !0 || this.#e.behaviorPan === "space" && this.#R() : !1;
 	#V = (e) => this.#e.behaviorPan === "space" && this.#R() && (e.pointerType === "mouse" || e.pointerType === "pen") && e.button === 0;
-	#H = () => this.#e.behaviorPan || this.#e.behaviorZoom || this.#i.size > 0 ? "none" : void 0;
+	#H = () => this.#e.pannable || this.#e.zoomable || this.#i.size > 0 ? "none" : void 0;
 	#U() {
 		let e = this.#t.getTransform();
 		for (let t of this.#i.values()) this.#W(t, e);
@@ -295,14 +295,21 @@ var a = class {
 function o(e, t) {
 	for (let n of e.composedPath()) {
 		if (n === t) break;
-		if (n instanceof Element && s(n)) return !0;
+		if (n instanceof Element && n.parentElement === t && n.slot === "overlay") return !0;
 	}
 	return !1;
 }
-function s(e) {
-	return e.matches("button, input, textarea, select, a[href], [contenteditable], [tabindex]") || c(e);
+function s(e, t) {
+	for (let n of e.composedPath()) {
+		if (n === t) break;
+		if (n instanceof Element && c(n)) return !0;
+	}
+	return !1;
 }
 function c(e) {
+	return e.matches("button, input, textarea, select, a[href], [contenteditable], [tabindex]") || l(e);
+}
+function l(e) {
 	return e.localName.includes("-") ? e.constructor.formAssociated === !0 : !1;
 }
 //#endregion