@nvidia-elements/core 2.6.1 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/accordion/accordion2.js +4 -4
  3. package/dist/alert/alert-group2.js +1 -1
  4. package/dist/alert/alert2.js +1 -1
  5. package/dist/avatar/avatar-group2.js +1 -1
  6. package/dist/avatar/avatar2.js +1 -1
  7. package/dist/badge/badge2.js +1 -1
  8. package/dist/breadcrumb/breadcrumb2.js +1 -1
  9. package/dist/bundles/index.d.ts +1 -0
  10. package/dist/bundles/index.js +5 -5
  11. package/dist/button/button2.js +1 -1
  12. package/dist/button-group/button-group2.js +1 -1
  13. package/dist/card/card2.js +4 -4
  14. package/dist/chat-message/chat-message2.js +1 -1
  15. package/dist/checkbox/checkbox-group2.js +1 -1
  16. package/dist/checkbox/checkbox2.js +1 -1
  17. package/dist/color/color2.js +1 -1
  18. package/dist/combobox/combobox2.js +1 -1
  19. package/dist/copy-button/copy-button2.js +1 -1
  20. package/dist/custom-elements.json +588 -184
  21. package/dist/date/date2.js +1 -1
  22. package/dist/datetime/datetime2.js +1 -1
  23. package/dist/dialog/dialog-footer2.js +1 -1
  24. package/dist/dialog/dialog-header2.js +1 -1
  25. package/dist/dialog/dialog2.js +1 -1
  26. package/dist/divider/divider2.js +1 -1
  27. package/dist/dot/dot2.js +1 -1
  28. package/dist/drawer/drawer-content2.js +1 -1
  29. package/dist/drawer/drawer-footer2.js +1 -1
  30. package/dist/drawer/drawer-header2.js +1 -1
  31. package/dist/drawer/drawer2.js +1 -1
  32. package/dist/dropdown/dropdown-footer2.js +1 -1
  33. package/dist/dropdown/dropdown-header2.js +1 -1
  34. package/dist/dropdown/dropdown2.js +1 -1
  35. package/dist/dropdown-group/dropdown-group.js +1 -1
  36. package/dist/dropzone/dropzone2.js +1 -1
  37. package/dist/file/file2.js +1 -1
  38. package/dist/format-bytes/format-bytes2.js +1 -1
  39. package/dist/format-datetime/format-datetime2.js +1 -1
  40. package/dist/format-number/format-number2.js +1 -1
  41. package/dist/format-relative-time/format-relative-time2.js +1 -1
  42. package/dist/format-truncate/format-truncate2.js +1 -1
  43. package/dist/forms/control/control2.js +1 -1
  44. package/dist/forms/control-group/control-group2.js +1 -1
  45. package/dist/forms/control-message/control-message2.js +1 -1
  46. package/dist/gauge/gauge2.js +1 -1
  47. package/dist/grid/cell/cell2.js +1 -1
  48. package/dist/grid/column/column2.js +1 -1
  49. package/dist/grid/footer/footer2.js +1 -1
  50. package/dist/grid/grid2.js +1 -1
  51. package/dist/grid/header/header2.js +1 -1
  52. package/dist/grid/placeholder/placeholder2.js +1 -1
  53. package/dist/grid/row/row2.js +1 -1
  54. package/dist/icon/icon2.js +2 -2
  55. package/dist/icon-button/icon-button2.js +1 -1
  56. package/dist/index.js +1 -1
  57. package/dist/input/input-group2.js +1 -1
  58. package/dist/input/input2.js +1 -1
  59. package/dist/internal/controllers/gesture.controller.d.ts +65 -0
  60. package/dist/internal/controllers/gesture.controller.examples.js +6 -0
  61. package/dist/internal/controllers/gesture.controller.examples.js.map +1 -0
  62. package/dist/internal/controllers/gesture.controller.examples.json +16 -0
  63. package/dist/internal/controllers/gesture.controller.js +235 -0
  64. package/dist/internal/controllers/gesture.controller.js.map +1 -0
  65. package/dist/internal/controllers/keynav-spatial.controller.d.ts +24 -0
  66. package/dist/internal/controllers/keynav-spatial.controller.js +75 -0
  67. package/dist/internal/controllers/keynav-spatial.controller.js.map +1 -0
  68. package/dist/internal/index.d.ts +2 -1
  69. package/dist/internal/index.js +30 -29
  70. package/dist/internal/services/global.service.js +1 -1
  71. package/dist/logo/logo2.js +1 -1
  72. package/dist/menu/menu-item2.js +1 -1
  73. package/dist/menu/menu2.js +1 -1
  74. package/dist/month/month2.js +1 -1
  75. package/dist/notification/notification-group2.js +1 -1
  76. package/dist/notification/notification2.js +1 -1
  77. package/dist/page/page-panel/page-panel-content2.js +1 -1
  78. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  79. package/dist/page/page-panel/page-panel-header2.js +1 -1
  80. package/dist/page/page-panel/page-panel2.js +1 -1
  81. package/dist/page/page2.js +1 -1
  82. package/dist/page-header/page-header2.js +1 -1
  83. package/dist/page-loader/page-loader2.js +1 -1
  84. package/dist/pagination/pagination2.js +1 -1
  85. package/dist/panel/panel2.js +4 -4
  86. package/dist/password/password2.js +1 -1
  87. package/dist/preferences-input/preferences-input2.js +1 -1
  88. package/dist/progress-bar/progress-bar2.js +1 -1
  89. package/dist/progress-ring/progress-ring2.js +1 -1
  90. package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
  91. package/dist/pulse/pulse2.js +1 -1
  92. package/dist/radio/radio-group2.js +1 -1
  93. package/dist/radio/radio2.js +1 -1
  94. package/dist/range/range2.js +1 -1
  95. package/dist/resize-handle/resize-handle.d.ts +1 -0
  96. package/dist/resize-handle/resize-handle2.js +42 -23
  97. package/dist/resize-handle/resize-handle2.js.map +1 -1
  98. package/dist/search/search2.js +1 -1
  99. package/dist/select/select2.js +1 -1
  100. package/dist/skeleton/skeleton2.js +1 -1
  101. package/dist/sort-button/sort-button2.js +1 -1
  102. package/dist/sparkline/sparkline2.js +1 -1
  103. package/dist/star-rating/star-rating2.js +1 -1
  104. package/dist/steps/steps2.js +2 -2
  105. package/dist/switch/switch-group2.js +1 -1
  106. package/dist/switch/switch2.js +1 -1
  107. package/dist/tabs/tabs-group2.js +1 -1
  108. package/dist/tabs/tabs2.js +2 -2
  109. package/dist/tag/tag2.js +1 -1
  110. package/dist/textarea/textarea2.js +1 -1
  111. package/dist/time/time2.js +1 -1
  112. package/dist/toast/toast2.js +1 -1
  113. package/dist/toggletip/toggletip-footer2.js +1 -1
  114. package/dist/toggletip/toggletip-header2.js +1 -1
  115. package/dist/toggletip/toggletip2.js +1 -1
  116. package/dist/toolbar/toolbar2.js +1 -1
  117. package/dist/tooltip/tooltip2.js +1 -1
  118. package/dist/tree/tree-node2.js +1 -1
  119. package/dist/tree/tree2.js +1 -1
  120. package/dist/week/week2.js +1 -1
  121. package/package.json +23 -1
  122. package/dist/internal/controllers/type-touch.controller.d.ts +0 -22
  123. package/dist/internal/controllers/type-touch.controller.examples.js +0 -6
  124. package/dist/internal/controllers/type-touch.controller.examples.js.map +0 -1
  125. package/dist/internal/controllers/type-touch.controller.examples.json +0 -16
  126. package/dist/internal/controllers/type-touch.controller.js +0 -58
  127. package/dist/internal/controllers/type-touch.controller.js.map +0 -1
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-date",
22
- version: "2.6.1"
22
+ version: "2.7.0"
23
23
  };
24
24
  }
25
25
  static {
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-datetime",
22
- version: "2.6.1"
22
+ version: "2.7.0"
23
23
  };
24
24
  }
25
25
  static {
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dialog-footer",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-dialog"]
16
16
  };
17
17
  }
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dialog-header",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-dialog"]
16
16
  };
17
17
  }
@@ -30,7 +30,7 @@ var h = class extends f {
30
30
  static {
31
31
  this.metadata = {
32
32
  tag: "nve-dialog",
33
- version: "2.6.1"
33
+ version: "2.7.0"
34
34
  };
35
35
  }
36
36
  static {
@@ -15,7 +15,7 @@ var s = class extends i {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-divider",
18
- version: "2.6.1"
18
+ version: "2.7.0"
19
19
  };
20
20
  }
21
21
  render() {
package/dist/dot/dot2.js CHANGED
@@ -16,7 +16,7 @@ var l = class extends o {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-dot",
19
- version: "2.6.1"
19
+ version: "2.7.0"
20
20
  };
21
21
  }
22
22
  render() {
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-drawer-content",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-drawer"]
16
16
  };
17
17
  }
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-drawer-footer",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-drawer"]
16
16
  };
17
17
  }
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-drawer-header",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-drawer"]
16
16
  };
17
17
  }
@@ -30,7 +30,7 @@ var p = class extends u {
30
30
  static {
31
31
  this.metadata = {
32
32
  tag: "nve-drawer",
33
- version: "2.6.1"
33
+ version: "2.7.0"
34
34
  };
35
35
  }
36
36
  static {
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dropdown-footer",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-dropdown"]
16
16
  };
17
17
  }
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dropdown-header",
14
- version: "2.6.1",
14
+ version: "2.7.0",
15
15
  parents: ["nve-dropdown"]
16
16
  };
17
17
  }
@@ -21,7 +21,7 @@ var p = class extends l {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-dropdown",
24
- version: "2.6.1"
24
+ version: "2.7.0"
25
25
  };
26
26
  }
27
27
  static {
@@ -14,7 +14,7 @@ var d = class extends c {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-dropdown-group",
17
- version: "2.6.1",
17
+ version: "2.7.0",
18
18
  children: ["nve-dropdown"]
19
19
  };
20
20
  }
@@ -20,7 +20,7 @@ var g = class extends m(d) {
20
20
  static {
21
21
  this.metadata = {
22
22
  tag: "nve-dropzone",
23
- version: "2.6.1",
23
+ version: "2.7.0",
24
24
  validators: [l, c],
25
25
  valueSchema: {
26
26
  type: "array",
@@ -11,7 +11,7 @@ var a = class extends n {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-file",
14
- version: "2.6.1"
14
+ version: "2.7.0"
15
15
  };
16
16
  }
17
17
  connectedCallback() {
@@ -95,7 +95,7 @@ var g = class extends a {
95
95
  static {
96
96
  this.metadata = {
97
97
  tag: "nve-format-bytes",
98
- version: "2.6.1"
98
+ version: "2.7.0"
99
99
  };
100
100
  }
101
101
  get #e() {
@@ -13,7 +13,7 @@ var c = class extends a {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-format-datetime",
16
- version: "2.6.1"
16
+ version: "2.7.0"
17
17
  };
18
18
  }
19
19
  get #e() {
@@ -29,7 +29,7 @@ var c = [
29
29
  static {
30
30
  this.metadata = {
31
31
  tag: "nve-format-number",
32
- version: "2.6.1"
32
+ version: "2.7.0"
33
33
  };
34
34
  }
35
35
  get #e() {
@@ -53,7 +53,7 @@ var c = {
53
53
  static {
54
54
  this.metadata = {
55
55
  tag: "nve-format-relative-time",
56
- version: "2.6.1"
56
+ version: "2.7.0"
57
57
  };
58
58
  }
59
59
  #e;
@@ -19,7 +19,7 @@ var d = class extends c {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-format-truncate",
22
- version: "2.6.1"
22
+ version: "2.7.0"
23
23
  };
24
24
  }
25
25
  #e;
@@ -48,7 +48,7 @@ var C = class extends v {
48
48
  static {
49
49
  this.metadata = {
50
50
  tag: "nve-control",
51
- version: "2.6.1"
51
+ version: "2.7.0"
52
52
  };
53
53
  }
54
54
  render() {
@@ -24,7 +24,7 @@ var m = class extends d {
24
24
  static {
25
25
  this.metadata = {
26
26
  tag: "nve-control-group",
27
- version: "2.6.1"
27
+ version: "2.7.0"
28
28
  };
29
29
  }
30
30
  render() {
@@ -23,7 +23,7 @@ var l = {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-control-message",
26
- version: "2.6.1"
26
+ version: "2.7.0"
27
27
  };
28
28
  }
29
29
  static {
@@ -40,7 +40,7 @@ var l = {
40
40
  static {
41
41
  this.metadata = {
42
42
  tag: "nve-gauge",
43
- version: "2.6.1"
43
+ version: "2.7.0"
44
44
  };
45
45
  }
46
46
  #e;
@@ -10,7 +10,7 @@ var a = class extends r {
10
10
  static {
11
11
  this.metadata = {
12
12
  tag: "nve-grid-cell",
13
- version: "2.6.1"
13
+ version: "2.7.0"
14
14
  };
15
15
  }
16
16
  render() {
@@ -13,7 +13,7 @@ var c = class r extends a {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-grid-column",
16
- version: "2.6.1"
16
+ version: "2.7.0"
17
17
  };
18
18
  }
19
19
  get #e() {
@@ -15,7 +15,7 @@ var s = class extends a {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-grid-footer",
18
- version: "2.6.1"
18
+ version: "2.7.0"
19
19
  };
20
20
  }
21
21
  static {
@@ -23,7 +23,7 @@ var y = class extends g {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-grid",
26
- version: "2.6.1",
26
+ version: "2.7.0",
27
27
  children: [
28
28
  d.metadata.tag,
29
29
  f.metadata.tag,
@@ -19,7 +19,7 @@ var m = class extends d {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-grid-header",
22
- version: "2.6.1",
22
+ version: "2.7.0",
23
23
  children: [c.metadata.tag]
24
24
  };
25
25
  }
@@ -10,7 +10,7 @@ var a = class extends r {
10
10
  static {
11
11
  this.metadata = {
12
12
  tag: "nve-grid-placeholder",
13
- version: "2.6.1"
13
+ version: "2.7.0"
14
14
  };
15
15
  }
16
16
  render() {
@@ -15,7 +15,7 @@ var u = class extends s {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-grid-row",
18
- version: "2.6.1",
18
+ version: "2.7.0",
19
19
  children: [a.metadata.tag]
20
20
  };
21
21
  }
@@ -16,7 +16,7 @@ var f = class e extends o {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-icon",
19
- version: "2.6.1"
19
+ version: "2.7.0"
20
20
  };
21
21
  }
22
22
  static {
@@ -103,7 +103,7 @@ a([l({
103
103
  })], f.prototype, "name", void 0), a([d()], f.prototype, "svg", void 0);
104
104
  function p(t) {
105
105
  if (typeof globalThis.customElements?.get == "function") {
106
- let n = e(t.metadata.version), i = e("2.6.1");
106
+ let n = e(t.metadata.version), i = e("2.7.0");
107
107
  n.minor <= i.minor && n.major <= i.major && (t._icons = {
108
108
  ...t._icons,
109
109
  ...r
@@ -15,7 +15,7 @@ var l = class extends a {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-icon-button",
18
- version: "2.6.1"
18
+ version: "2.7.0"
19
19
  };
20
20
  }
21
21
  static {
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@ import { I18nService as e } from "./internal/services/i18n.service.js";
2
2
  import { getThemeTokens as t } from "./internal/utils/dom.js";
3
3
  import { statusIcons as n } from "./internal/types/index.js";
4
4
  //#region src/index.ts
5
- var r = "2.6.1", i = "@nvidia-elements";
5
+ var r = "2.7.0", i = "@nvidia-elements";
6
6
  //#endregion
7
7
  export { e as I18nService, i as SCOPE, r as VERSION, t as getThemeTokens, n as statusIcons };
8
8
 
@@ -11,7 +11,7 @@ var a = class extends n {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-input-group",
14
- version: "2.6.1"
14
+ version: "2.7.0"
15
15
  };
16
16
  }
17
17
  async connectedCallback() {
@@ -14,7 +14,7 @@ var a = r, o = class extends n {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-input",
17
- version: "2.6.1"
17
+ version: "2.7.0"
18
18
  };
19
19
  }
20
20
  };
@@ -0,0 +1,65 @@
1
+ import type { ReactiveController, ReactiveControllerHost } from 'lit';
2
+ export interface GestureCapabilities {
3
+ readonly drag: boolean;
4
+ readonly pan: boolean;
5
+ readonly pinch: boolean;
6
+ readonly wheel: boolean;
7
+ }
8
+ interface PointerMovementGesture {
9
+ readonly event: PointerEvent;
10
+ readonly movementX: number;
11
+ readonly movementY: number;
12
+ }
13
+ export type Gesture<TPinchContext> = (PointerMovementGesture & {
14
+ readonly kind: 'drag';
15
+ }) | (PointerMovementGesture & {
16
+ readonly kind: 'pan';
17
+ }) | {
18
+ readonly context: TPinchContext;
19
+ readonly event: PointerEvent;
20
+ readonly kind: 'pinch';
21
+ readonly scale: number;
22
+ } | {
23
+ readonly deltaPixels: number;
24
+ readonly event: WheelEvent;
25
+ readonly kind: 'wheel';
26
+ };
27
+ export type UnhandledPointerInput = {
28
+ readonly event: PointerEvent;
29
+ readonly kind: 'click';
30
+ } | {
31
+ readonly event: PointerEvent;
32
+ readonly kind: 'lostpointercapture';
33
+ } | {
34
+ readonly event: PointerEvent;
35
+ readonly kind: 'pointercancel';
36
+ } | {
37
+ readonly event: PointerEvent;
38
+ readonly kind: 'pointerdown';
39
+ } | {
40
+ readonly event: PointerEvent;
41
+ readonly kind: 'pointermove';
42
+ } | {
43
+ readonly event: PointerEvent;
44
+ readonly kind: 'pointerup';
45
+ };
46
+ export interface GestureControllerOptions<TPinchContext = undefined> {
47
+ /** Creates a snapshot of caller state when a pinch begins. Omit this field to disable pinch recognition. */
48
+ readonly createPinchContext?: () => TPinchContext;
49
+ /** Returns the gesture kinds that the controller can recognize for the current input event. */
50
+ readonly getCapabilities: () => GestureCapabilities;
51
+ /** Updates caller state before the controller reads capabilities for a nonignored input event. */
52
+ readonly prepare?: () => void;
53
+ /** Returns whether the controller should skip an input event before preparing or recognizing it. */
54
+ readonly shouldIgnore?: (event: Event) => boolean;
55
+ }
56
+ type GestureHost = EventTarget & ReactiveControllerHost;
57
+ /** Recognizes drag, pan, pinch, and wheel input on a dynamically assigned target. */
58
+ export declare class GestureController<TPinchContext = undefined> implements ReactiveController {
59
+ #private;
60
+ constructor(host: GestureHost, options: GestureControllerOptions<TPinchContext>);
61
+ set target(target: HTMLElement | undefined);
62
+ hostConnected(): void;
63
+ hostDisconnected(): void;
64
+ }
65
+ export {};
@@ -0,0 +1,6 @@
1
+ //#region src/internal/controllers/gesture.controller.examples.ts
2
+ var e = "";
3
+ //#endregion
4
+ export { e as default };
5
+
6
+ //# sourceMappingURL=gesture.controller.examples.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gesture.controller.examples.js","names":["#gestureController"],"sources":["../../../src/internal/controllers/gesture.controller.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { GestureController } from '@nvidia-elements/core/internal';\n\nexport default {\n title: 'Internal/Controllers'\n};\n\nclass GestureDemoElement extends LitElement {\n readonly #gestureController = new GestureController(this, {\n getCapabilities: () => ({ drag: true, pan: false, pinch: false, wheel: false })\n });\n\n static styles = css`\n :host {\n cursor: grab;\n display: grid;\n height: 64px;\n place-items: center;\n width: 64px;\n }\n\n :host([data-active]) {\n cursor: grabbing;\n }\n `;\n\n constructor() {\n super();\n this.#gestureController.target = this;\n }\n\n render() {\n return html`drag`;\n }\n}\n\nif (!customElements.get('gesture-controller-demo-element')) {\n customElements.define('gesture-controller-demo-element', GestureDemoElement);\n}\n\n/**\n * @summary Drag recognition delivered through gesture and unmatched pointer events. Use event details to move content and represent active pointer state.\n * @tags test-case\n */\nexport const Drag = {\n render: () => html`\n<gesture-controller-demo-element></gesture-controller-demo-element>\n<script type=\"module\">\n const element = document.querySelector('gesture-controller-demo-element');\n let x = 0;\n let y = 0;\n\n element.addEventListener('nve-pointer-input', ({ detail }) => {\n if (detail.kind === 'pointerdown') element.dataset.active = '';\n if (detail.kind === 'pointerup' || detail.kind === 'pointercancel') delete element.dataset.active;\n });\n\n element.addEventListener('nve-gesture', ({ detail }) => {\n if (detail.kind !== 'drag') return;\n x += detail.movementX;\n y += detail.movementY;\n element.style.translate = x + 'px ' + y + 'px';\n });\n</script>\n`\n};\n"],"mappings":";AAGA,IAAA,IAAc"}
@@ -0,0 +1,16 @@
1
+ {
2
+ "entrypoint": "@nvidia-elements/core/internal/controllers/gesture.controller.examples.json",
3
+ "items": [
4
+ {
5
+ "id": "internal-controllers-gesture.controller-drag",
6
+ "name": "Drag",
7
+ "template": "<gesture-controller-demo-element></gesture-controller-demo-element>\n<script type=\"module\">\n const element = document.querySelector(\"gesture-controller-demo-element\");\n let x = 0;\n let y = 0;\n element.addEventListener(\"nve-pointer-input\", ({ detail }) => {\n if (detail.kind === \"pointerdown\") element.dataset.active = \"\";\n if (detail.kind === \"pointerup\" || detail.kind === \"pointercancel\") delete element.dataset.active;\n });\n element.addEventListener(\"nve-gesture\", ({ detail }) => {\n if (detail.kind !== \"drag\") return;\n x += detail.movementX;\n y += detail.movementY;\n element.style.translate = x + \"px \" + y + \"px\";\n });\n</script>\n",
8
+ "summary": "Drag recognition delivered through gesture and unmatched pointer events. Use event details to move content and represent active pointer state.",
9
+ "description": "",
10
+ "composition": false,
11
+ "tags": [
12
+ "test-case"
13
+ ]
14
+ }
15
+ ]
16
+ }