@nvidia-elements/core 2.6.1 → 2.7.1

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 (275) hide show
  1. package/CHANGELOG.md +14 -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 +37 -11
  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-jsx.d.ts +6 -30
  21. package/dist/custom-elements-vue.d.ts +6 -30
  22. package/dist/custom-elements.json +618 -330
  23. package/dist/data.html.json +4 -20
  24. package/dist/data.snippets.json +42 -42
  25. package/dist/date/date2.js +1 -1
  26. package/dist/datetime/datetime2.js +1 -1
  27. package/dist/dialog/dialog-footer2.js +1 -1
  28. package/dist/dialog/dialog-header2.js +1 -1
  29. package/dist/dialog/dialog2.js +1 -1
  30. package/dist/divider/divider.examples.js.map +1 -1
  31. package/dist/divider/divider.examples.json +1 -1
  32. package/dist/divider/divider2.js +1 -1
  33. package/dist/dot/dot2.js +1 -1
  34. package/dist/drawer/drawer-content2.js +1 -1
  35. package/dist/drawer/drawer-footer2.js +1 -1
  36. package/dist/drawer/drawer-header2.js +1 -1
  37. package/dist/drawer/drawer2.js +1 -1
  38. package/dist/dropdown/dropdown-footer2.js +1 -1
  39. package/dist/dropdown/dropdown-header2.js +1 -1
  40. package/dist/dropdown/dropdown2.js +1 -1
  41. package/dist/dropdown-group/dropdown-group.js +1 -1
  42. package/dist/dropzone/dropzone2.js +1 -1
  43. package/dist/file/file2.js +1 -1
  44. package/dist/format-bytes/format-bytes2.js +1 -1
  45. package/dist/format-datetime/format-datetime2.js +1 -1
  46. package/dist/format-number/format-number2.js +1 -1
  47. package/dist/format-relative-time/format-relative-time2.js +1 -1
  48. package/dist/format-truncate/format-truncate2.js +1 -1
  49. package/dist/forms/actions.examples.js.map +1 -1
  50. package/dist/forms/actions.examples.json +1 -1
  51. package/dist/forms/control/control2.js +1 -1
  52. package/dist/forms/control-group/control-group2.js +1 -1
  53. package/dist/forms/control-message/control-message2.js +3 -3
  54. package/dist/forms/control-message/control-message2.js.map +1 -1
  55. package/dist/gauge/gauge2.js +1 -1
  56. package/dist/grid/cell/cell2.js +1 -1
  57. package/dist/grid/column/column2.js +1 -1
  58. package/dist/grid/footer/footer2.js +1 -1
  59. package/dist/grid/grid2.js +1 -1
  60. package/dist/grid/header/header2.js +1 -1
  61. package/dist/grid/placeholder/placeholder2.js +1 -1
  62. package/dist/grid/row/row2.js +1 -1
  63. package/dist/icon/define.js +15 -1
  64. package/dist/icon/define.js.map +1 -1
  65. package/dist/icon/icon2.js +2 -2
  66. package/dist/icon/icons/bell-solid.js +6 -0
  67. package/dist/icon/icons/bell-solid.js.map +1 -0
  68. package/dist/icon/icons/bell.js +1 -1
  69. package/dist/icon/icons/book-solid.js +6 -0
  70. package/dist/icon/icons/book-solid.js.map +1 -0
  71. package/dist/icon/icons/bookmark-solid.js +6 -0
  72. package/dist/icon/icons/bookmark-solid.js.map +1 -0
  73. package/dist/icon/icons/bookmark.js +1 -1
  74. package/dist/icon/icons/caret.js +1 -1
  75. package/dist/icon/icons/chat-bubble-solid.js +6 -0
  76. package/dist/icon/icons/chat-bubble-solid.js.map +1 -0
  77. package/dist/icon/icons/check-badge-solid.js +6 -0
  78. package/dist/icon/icons/check-badge-solid.js.map +1 -0
  79. package/dist/icon/icons/checkmark-circle-solid.js +6 -0
  80. package/dist/icon/icons/checkmark-circle-solid.js.map +1 -0
  81. package/dist/icon/icons/checkmark-circle.js +1 -1
  82. package/dist/icon/icons/circle-angled-line-solid.js +6 -0
  83. package/dist/icon/icons/circle-angled-line-solid.js.map +1 -0
  84. package/dist/icon/icons/connect-node.js +1 -1
  85. package/dist/icon/icons/delete-node.js +1 -1
  86. package/dist/icon/icons/delete-solid.js +6 -0
  87. package/dist/icon/icons/delete-solid.js.map +1 -0
  88. package/dist/icon/icons/dock-none.js +1 -1
  89. package/dist/icon/icons/dot-solid.js +6 -0
  90. package/dist/icon/icons/dot-solid.js.map +1 -0
  91. package/dist/icon/icons/dot.js +1 -1
  92. package/dist/icon/icons/exclamation-circle-solid.js +6 -0
  93. package/dist/icon/icons/exclamation-circle-solid.js.map +1 -0
  94. package/dist/icon/icons/exclamation-circle.js +1 -1
  95. package/dist/icon/icons/exclamation-mark.js +1 -1
  96. package/dist/icon/icons/exclamation-triangle-solid.js +6 -0
  97. package/dist/icon/icons/exclamation-triangle-solid.js.map +1 -0
  98. package/dist/icon/icons/exclamation-triangle.js +1 -1
  99. package/dist/icon/icons/face-smile-solid.js +6 -0
  100. package/dist/icon/icons/face-smile-solid.js.map +1 -0
  101. package/dist/icon/icons/fast-forward-10.js +1 -1
  102. package/dist/icon/icons/fast-forward.js +1 -1
  103. package/dist/icon/icons/filter-solid.js +6 -0
  104. package/dist/icon/icons/filter-solid.js.map +1 -0
  105. package/dist/icon/icons/filter.js +1 -1
  106. package/dist/icon/icons/flag-solid.js +6 -0
  107. package/dist/icon/icons/flag-solid.js.map +1 -0
  108. package/dist/icon/icons/flag.js +1 -1
  109. package/dist/icon/icons/gear-solid.js +6 -0
  110. package/dist/icon/icons/gear-solid.js.map +1 -0
  111. package/dist/icon/icons/{globe-alt-stroke.js → globe-alt.js} +2 -2
  112. package/dist/icon/icons/globe-alt.js.map +1 -0
  113. package/dist/icon/icons/home-solid.js +6 -0
  114. package/dist/icon/icons/home-solid.js.map +1 -0
  115. package/dist/icon/icons/hourglass-end.js +1 -1
  116. package/dist/icon/icons/hourglass-mid.js +1 -1
  117. package/dist/icon/icons/hourglass-start.js +1 -1
  118. package/dist/icon/icons/information-circle-solid.js +6 -0
  119. package/dist/icon/icons/information-circle-solid.js.map +1 -0
  120. package/dist/icon/icons/{information-circle-stroke.js → information-circle.js} +2 -2
  121. package/dist/icon/icons/information-circle.js.map +1 -0
  122. package/dist/icon/icons/lightning-bolt-solid.js +6 -0
  123. package/dist/icon/icons/lightning-bolt-solid.js.map +1 -0
  124. package/dist/icon/icons/lock-solid.js +6 -0
  125. package/dist/icon/icons/lock-solid.js.map +1 -0
  126. package/dist/icon/icons/map-drives.js +1 -1
  127. package/dist/icon/icons/markdown.js +1 -1
  128. package/dist/icon/icons/minus-circle-solid.js +6 -0
  129. package/dist/icon/icons/minus-circle-solid.js.map +1 -0
  130. package/dist/icon/icons/multiselect.js +1 -1
  131. package/dist/icon/icons/numbers.js +1 -1
  132. package/dist/icon/icons/pause.js +1 -1
  133. package/dist/icon/icons/person-3.js +1 -1
  134. package/dist/icon/icons/person-solid.js +6 -0
  135. package/dist/icon/icons/person-solid.js.map +1 -0
  136. package/dist/icon/icons/pin-solid.js +6 -0
  137. package/dist/icon/icons/pin-solid.js.map +1 -0
  138. package/dist/icon/icons/play.js +1 -1
  139. package/dist/icon/icons/plus-circle-solid.js +6 -0
  140. package/dist/icon/icons/plus-circle-solid.js.map +1 -0
  141. package/dist/icon/icons/{pointer-stroke.js → pointer-solid.js} +2 -2
  142. package/dist/icon/icons/pointer-solid.js.map +1 -0
  143. package/dist/icon/icons/priority-high.js +1 -1
  144. package/dist/icon/icons/priority-low.js +1 -1
  145. package/dist/icon/icons/priority-medium.js +1 -1
  146. package/dist/icon/icons/question-mark-circle-solid.js +6 -0
  147. package/dist/icon/icons/question-mark-circle-solid.js.map +1 -0
  148. package/dist/icon/icons/question-mark-circle.js +1 -1
  149. package/dist/icon/icons/rewind-10.js +1 -1
  150. package/dist/icon/icons/rewind.js +1 -1
  151. package/dist/icon/icons/running.js +1 -1
  152. package/dist/icon/icons/soundwave.js +1 -1
  153. package/dist/icon/icons/sparkles-solid.js +6 -0
  154. package/dist/icon/icons/sparkles-solid.js.map +1 -0
  155. package/dist/icon/icons/star.js +1 -1
  156. package/dist/icon/icons/stop.js +1 -1
  157. package/dist/icon/icons/thumb-solid.js +6 -0
  158. package/dist/icon/icons/thumb-solid.js.map +1 -0
  159. package/dist/icon/icons/thumb.js +1 -1
  160. package/dist/icon/icons/transparent-box.js +1 -1
  161. package/dist/icon/icons/unlock-solid.js +6 -0
  162. package/dist/icon/icons/unlock-solid.js.map +1 -0
  163. package/dist/icon/icons/volume-solid.js +6 -0
  164. package/dist/icon/icons/volume-solid.js.map +1 -0
  165. package/dist/icon/icons/wrench-solid.js +6 -0
  166. package/dist/icon/icons/wrench-solid.js.map +1 -0
  167. package/dist/icon/icons/x-circle-solid.js +6 -0
  168. package/dist/icon/icons/x-circle-solid.js.map +1 -0
  169. package/dist/icon/icons/x-circle.js +1 -1
  170. package/dist/icon/icons.d.ts +36 -11
  171. package/dist/icon/icons.js +35 -12
  172. package/dist/icon/icons.js.map +1 -1
  173. package/dist/icon/index.js +3 -3
  174. package/dist/icon/server.js +71 -48
  175. package/dist/icon/server.js.map +1 -1
  176. package/dist/icon-button/icon-button.examples.js.map +1 -1
  177. package/dist/icon-button/icon-button.examples.json +1 -1
  178. package/dist/icon-button/icon-button2.js +1 -1
  179. package/dist/index.js +1 -1
  180. package/dist/input/input-group2.js +1 -1
  181. package/dist/input/input2.js +1 -1
  182. package/dist/internal/controllers/gesture.controller.d.ts +65 -0
  183. package/dist/internal/controllers/gesture.controller.examples.js +6 -0
  184. package/dist/internal/controllers/gesture.controller.examples.js.map +1 -0
  185. package/dist/internal/controllers/gesture.controller.examples.json +16 -0
  186. package/dist/internal/controllers/gesture.controller.js +235 -0
  187. package/dist/internal/controllers/gesture.controller.js.map +1 -0
  188. package/dist/internal/controllers/keynav-spatial.controller.d.ts +24 -0
  189. package/dist/internal/controllers/keynav-spatial.controller.js +75 -0
  190. package/dist/internal/controllers/keynav-spatial.controller.js.map +1 -0
  191. package/dist/internal/controllers/popover.examples.js.map +1 -1
  192. package/dist/internal/controllers/popover.examples.json +1 -1
  193. package/dist/internal/index.d.ts +2 -1
  194. package/dist/internal/index.js +30 -29
  195. package/dist/internal/services/global.service.js +1 -1
  196. package/dist/internal/types/index.js +4 -4
  197. package/dist/internal/types/index.js.map +1 -1
  198. package/dist/logo/logo2.js +1 -1
  199. package/dist/menu/menu-item2.js +1 -1
  200. package/dist/menu/menu2.js +1 -1
  201. package/dist/month/month2.js +1 -1
  202. package/dist/notification/notification-group2.js +1 -1
  203. package/dist/notification/notification2.js +1 -1
  204. package/dist/page/page-panel/page-panel-content2.js +1 -1
  205. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  206. package/dist/page/page-panel/page-panel-header2.js +1 -1
  207. package/dist/page/page-panel/page-panel2.js +1 -1
  208. package/dist/page/page.examples.js.map +1 -1
  209. package/dist/page/page.examples.json +3 -3
  210. package/dist/page/page2.js +1 -1
  211. package/dist/page-header/page-header2.js +1 -1
  212. package/dist/page-loader/page-loader2.js +1 -1
  213. package/dist/pagination/pagination2.js +1 -1
  214. package/dist/panel/panel2.js +4 -4
  215. package/dist/password/password2.js +1 -1
  216. package/dist/preferences-input/preferences-input2.js +1 -1
  217. package/dist/progress-bar/progress-bar2.js +1 -1
  218. package/dist/progress-ring/progress-ring2.js +1 -1
  219. package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
  220. package/dist/pulse/pulse2.js +1 -1
  221. package/dist/radio/radio-group2.js +1 -1
  222. package/dist/radio/radio2.js +1 -1
  223. package/dist/range/range2.js +1 -1
  224. package/dist/resize-handle/resize-handle.d.ts +1 -0
  225. package/dist/resize-handle/resize-handle2.js +42 -23
  226. package/dist/resize-handle/resize-handle2.js.map +1 -1
  227. package/dist/search/search2.js +1 -1
  228. package/dist/select/select2.js +1 -1
  229. package/dist/skeleton/skeleton2.js +1 -1
  230. package/dist/sort-button/sort-button2.js +1 -1
  231. package/dist/sparkline/sparkline2.js +1 -1
  232. package/dist/star-rating/star-rating2.js +1 -1
  233. package/dist/steps/steps2.js +2 -2
  234. package/dist/switch/switch-group2.js +1 -1
  235. package/dist/switch/switch2.js +1 -1
  236. package/dist/tabs/tabs-group2.js +1 -1
  237. package/dist/tabs/tabs2.js +2 -2
  238. package/dist/tag/tag2.js +1 -1
  239. package/dist/textarea/textarea2.js +1 -1
  240. package/dist/time/time2.js +1 -1
  241. package/dist/toast/toast2.js +1 -1
  242. package/dist/toggletip/toggletip-footer2.js +1 -1
  243. package/dist/toggletip/toggletip-header2.js +1 -1
  244. package/dist/toggletip/toggletip2.js +1 -1
  245. package/dist/toolbar/toolbar2.js +1 -1
  246. package/dist/tooltip/tooltip.examples.js.map +1 -1
  247. package/dist/tooltip/tooltip.examples.json +1 -1
  248. package/dist/tooltip/tooltip2.js +1 -1
  249. package/dist/tree/tree-node2.js +1 -1
  250. package/dist/tree/tree2.js +1 -1
  251. package/dist/week/week2.js +1 -1
  252. package/package.json +23 -1
  253. package/dist/icon/icons/bell-stroke.js +0 -6
  254. package/dist/icon/icons/bell-stroke.js.map +0 -1
  255. package/dist/icon/icons/bookmark-stroke.js +0 -6
  256. package/dist/icon/icons/bookmark-stroke.js.map +0 -1
  257. package/dist/icon/icons/dot-stroke.js +0 -6
  258. package/dist/icon/icons/dot-stroke.js.map +0 -1
  259. package/dist/icon/icons/filter-stroke.js +0 -6
  260. package/dist/icon/icons/filter-stroke.js.map +0 -1
  261. package/dist/icon/icons/flag-stroke.js +0 -6
  262. package/dist/icon/icons/flag-stroke.js.map +0 -1
  263. package/dist/icon/icons/globe-alt-stroke.js.map +0 -1
  264. package/dist/icon/icons/information-circle-stroke.js.map +0 -1
  265. package/dist/icon/icons/pointer-stroke.js.map +0 -1
  266. package/dist/icon/icons/question-mark-circle-stroke.js +0 -6
  267. package/dist/icon/icons/question-mark-circle-stroke.js.map +0 -1
  268. package/dist/icon/icons/thumb-stroke.js +0 -6
  269. package/dist/icon/icons/thumb-stroke.js.map +0 -1
  270. package/dist/internal/controllers/type-touch.controller.d.ts +0 -22
  271. package/dist/internal/controllers/type-touch.controller.examples.js +0 -6
  272. package/dist/internal/controllers/type-touch.controller.examples.js.map +0 -1
  273. package/dist/internal/controllers/type-touch.controller.examples.json +0 -16
  274. package/dist/internal/controllers/type-touch.controller.js +0 -58
  275. package/dist/internal/controllers/type-touch.controller.js.map +0 -1
@@ -1,6 +0,0 @@
1
- //#region src/icon/icons/flag-stroke.svg?raw
2
- var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide-flag\" viewBox=\"3 1 18 22\"><path d=\"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528\"/></svg>";
3
- //#endregion
4
- export { e as default };
5
-
6
- //# sourceMappingURL=flag-stroke.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flag-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"globe-alt-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"information-circle-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"pointer-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- //#region src/icon/icons/question-mark-circle-stroke.svg?raw
2
- var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide-circle-question-mark\" viewBox=\"1 1 22 22\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01\"/></svg>";
3
- //#endregion
4
- export { e as default };
5
-
6
- //# sourceMappingURL=question-mark-circle-stroke.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"question-mark-circle-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- //#region src/icon/icons/thumb-stroke.svg?raw
2
- var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide-thumbs-up\" viewBox=\"1 1 21.83 22\"><path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88M7 10v12\"/></svg>";
3
- //#endregion
4
- export { e as default };
5
-
6
- //# sourceMappingURL=thumb-stroke.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"thumb-stroke.js","names":[],"sources":[],"mappings":""}
@@ -1,22 +0,0 @@
1
- import type { ReactiveElement, ReactiveController } from 'lit';
2
- import type { OffsetPoint, Point } from '../types/index.js';
3
- export declare class NveTouchEvent extends Event {
4
- x: number;
5
- y: number;
6
- offsetX: number;
7
- offsetY: number;
8
- constructor(event: 'nve-touch-start' | 'nve-touch-move' | 'nve-touch-end', point: Point & OffsetPoint);
9
- }
10
- /**
11
- * @event nve-touch-start
12
- * @event nve-touch-move
13
- * @event nve-touch-end
14
- */
15
- export declare function typeTouch<T extends ReactiveElement>(): ClassDecorator;
16
- export declare class TypeTouchController<T extends ReactiveElement> implements ReactiveController {
17
- #private;
18
- private host;
19
- constructor(host: T);
20
- hostConnected(): void;
21
- hostDisconnected(): void;
22
- }
@@ -1,6 +0,0 @@
1
- //#region src/internal/controllers/type-touch.controller.examples.ts
2
- var e = "";
3
- //#endregion
4
- export { e as default };
5
-
6
- //# sourceMappingURL=type-touch.controller.examples.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"type-touch.controller.examples.js","names":[],"sources":["../../../src/internal/controllers/type-touch.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 { typeTouch } from '@nvidia-elements/core/internal';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n title: 'Internal/Controllers'\n}\n\n@typeTouch<TouchDemoElement>()\nclass TouchDemoElement extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n position: fixed;\n width: 50px;\n height: 50px;\n outline: 1px solid red;\n }\n `,\n ];\n}\n\ncustomElements.get('type-touch-controller-demo-element') || customElements.define('type-touch-controller-demo-element', TouchDemoElement);\n\n/**\n * @summary Touch controller with drag-to-move behavior dispatching start, move, and end events.\n * @tags test-case\n */\nexport const TouchDemo = {\n render: () => html`\n <type-touch-controller-demo-element></type-touch-controller-demo-element>\n <script type=\"module\">\n const element = document.querySelector('type-touch-controller-demo-element');\n const container = document.querySelector('#touch-demo-container');\n element.addEventListener('nve-touch-start', e => console.log(e.type));\n element.addEventListener('nve-touch-move', position => {\n console.log(position.type);\n element.style.left = position.x + 'px';\n element.style.top = position.y + 'px';\n });\n element.addEventListener('nve-touch-end', e => console.log(e.type));\n </script>\n `\n}\n"],"mappings":";AAGA,IAAA,IAAc"}
@@ -1,16 +0,0 @@
1
- {
2
- "entrypoint": "@nvidia-elements/core/internal/controllers/type-touch.controller.examples.json",
3
- "items": [
4
- {
5
- "id": "internal-controllers-type-touch.controller-touch-demo",
6
- "name": "TouchDemo",
7
- "template": "<type-touch-controller-demo-element></type-touch-controller-demo-element>\n<script type=\"module\">\n const element = document.querySelector(\"type-touch-controller-demo-element\");\n const container = document.querySelector(\"#touch-demo-container\");\n element.addEventListener(\"nve-touch-start\", (e) => console.log(e.type));\n element.addEventListener(\"nve-touch-move\", (position) => {\n console.log(position.type);\n element.style.left = position.x + \"px\";\n element.style.top = position.y + \"px\";\n });\n element.addEventListener(\"nve-touch-end\", (e) => console.log(e.type));\n</script>\n",
8
- "summary": "Touch controller with drag-to-move behavior dispatching start, move, and end events.",
9
- "description": "",
10
- "composition": false,
11
- "tags": [
12
- "test-case"
13
- ]
14
- }
15
- ]
16
- }
@@ -1,58 +0,0 @@
1
- import { getDifference as e } from "../utils/objects.js";
2
- //#region src/internal/controllers/type-touch.controller.ts
3
- var t = class extends Event {
4
- constructor(e, t) {
5
- super(e), this.x = t.x, this.y = t.y, this.offsetX = t.offsetX, this.offsetY = t.offsetY;
6
- }
7
- };
8
- function n() {
9
- return (e) => e.addInitializer((e) => new r(e));
10
- }
11
- var r = class {
12
- #e;
13
- #t;
14
- constructor(e) {
15
- this.host = e, this.host.addController(this);
16
- }
17
- hostConnected() {
18
- this.host.addEventListener("pointerdown", this.#n);
19
- }
20
- hostDisconnected() {
21
- this.host.removeEventListener("pointerdown", this.#n), globalThis.document.removeEventListener("pointerup", this.#i), globalThis.document.removeEventListener("pointermove", this.#r);
22
- }
23
- #n = (e) => {
24
- e.composedPath().find((e) => e === this.host) && (this.#e = {
25
- x: e.clientX,
26
- y: e.clientY
27
- }, this.#t = e.pointerId, this.host.setPointerCapture(this.#t), globalThis.document.addEventListener("pointerup", this.#i), globalThis.document.addEventListener("pointermove", this.#r), this.host.dispatchEvent(new t("nve-touch-start", {
28
- ...this.#e,
29
- offsetX: 0,
30
- offsetY: 0
31
- })));
32
- };
33
- #r = (e) => {
34
- requestAnimationFrame(() => {
35
- let n = this.#a(e);
36
- this.host.dispatchEvent(new t("nve-touch-move", n)), this.#e = {
37
- x: e.clientX,
38
- y: e.clientY
39
- };
40
- });
41
- };
42
- #i = (e) => {
43
- /* istanbul ignore else -- #start registers #end only after setting #startPosition. */
44
- this.#e && (globalThis.document.removeEventListener("pointerup", this.#i, !1), globalThis.document.removeEventListener("pointermove", this.#r, !1), this.host.dispatchEvent(new t("nve-touch-end", this.#a(e))), this.host.releasePointerCapture(this.#t), this.#t = null);
45
- };
46
- #a(t) {
47
- return {
48
- offsetX: e(this.#e.x, t.clientX),
49
- offsetY: e(this.#e.y, t.clientY),
50
- x: t.clientX,
51
- y: t.clientY
52
- };
53
- }
54
- };
55
- //#endregion
56
- export { t as NveTouchEvent, r as TypeTouchController, n as typeTouch };
57
-
58
- //# sourceMappingURL=type-touch.controller.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"type-touch.controller.js","names":["#start","#end","#move","#startPosition","#pointerId","#getCoordinatesFromPointerEvent"],"sources":["../../../src/internal/controllers/type-touch.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveElement, ReactiveController } from 'lit';\nimport type { LegacyDecoratorTarget, OffsetPoint, Point } from '../types/index.js';\nimport { getDifference } from '../utils/objects.js';\n\nexport class NveTouchEvent extends Event {\n x: number;\n y: number;\n offsetX: number;\n offsetY: number;\n\n constructor(event: 'nve-touch-start' | 'nve-touch-move' | 'nve-touch-end', point: Point & OffsetPoint) {\n super(event);\n this.x = point.x;\n this.y = point.y;\n this.offsetX = point.offsetX;\n this.offsetY = point.offsetY;\n }\n}\n\n/**\n * @event nve-touch-start\n * @event nve-touch-move\n * @event nve-touch-end\n */\nexport function typeTouch<T extends ReactiveElement>(): ClassDecorator {\n return (target: LegacyDecoratorTarget) => target.addInitializer!((instance: T) => new TypeTouchController(instance));\n}\n\nexport class TypeTouchController<T extends ReactiveElement> implements ReactiveController {\n #startPosition: Point;\n #pointerId: number;\n\n constructor(private host: T) {\n this.host.addController(this);\n }\n\n hostConnected() {\n this.host.addEventListener('pointerdown', this.#start);\n }\n\n hostDisconnected() {\n this.host.removeEventListener('pointerdown', this.#start);\n globalThis.document.removeEventListener('pointerup', this.#end);\n globalThis.document.removeEventListener('pointermove', this.#move);\n }\n\n #start = (e: PointerEvent) => {\n if (e.composedPath().find(el => el === this.host)) {\n this.#startPosition = { x: e.clientX, y: e.clientY };\n this.#pointerId = e.pointerId;\n this.host.setPointerCapture(this.#pointerId);\n globalThis.document.addEventListener('pointerup', this.#end);\n globalThis.document.addEventListener('pointermove', this.#move);\n this.host.dispatchEvent(new NveTouchEvent('nve-touch-start', { ...this.#startPosition, offsetX: 0, offsetY: 0 }));\n }\n };\n\n #move = (e: PointerEvent) => {\n requestAnimationFrame(() => {\n const point = this.#getCoordinatesFromPointerEvent(e);\n this.host.dispatchEvent(new NveTouchEvent('nve-touch-move', point));\n this.#startPosition = { x: e.clientX, y: e.clientY };\n });\n };\n\n #end = (e: PointerEvent) => {\n /* istanbul ignore else -- #start registers #end only after setting #startPosition. */\n if (this.#startPosition) {\n globalThis.document.removeEventListener('pointerup', this.#end, false);\n globalThis.document.removeEventListener('pointermove', this.#move, false);\n this.host.dispatchEvent(new NveTouchEvent('nve-touch-end', this.#getCoordinatesFromPointerEvent(e)));\n this.host.releasePointerCapture(this.#pointerId);\n this.#pointerId = null as unknown as number;\n }\n };\n\n #getCoordinatesFromPointerEvent(e: PointerEvent) {\n const value = {\n offsetX: getDifference(this.#startPosition.x, e.clientX),\n offsetY: getDifference(this.#startPosition.y, e.clientY),\n x: e.clientX,\n y: e.clientY\n };\n return value;\n }\n}\n"],"mappings":";;AAOA,IAAa,IAAb,cAAmC,MAAM;CAMvC,YAAY,GAA+D,GAA4B;EAKrG,AAJA,MAAM,CAAK,GACX,KAAK,IAAI,EAAM,GACf,KAAK,IAAI,EAAM,GACf,KAAK,UAAU,EAAM,SACrB,KAAK,UAAU,EAAM;CACvB;AACF;AAOA,SAAgB,IAAuD;CACrE,QAAQ,MAAkC,EAAO,gBAAiB,MAAgB,IAAI,EAAoB,CAAQ,CAAC;AACrH;AAEA,IAAa,IAAb,MAA0F;CACxF;CACA;CAEA,YAAY,GAAiB;EAC3B,AADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,IAAI;CAC9B;CAEA,gBAAgB;EACd,KAAK,KAAK,iBAAiB,eAAe,KAAKA,EAAM;CACvD;CAEA,mBAAmB;EAGjB,AAFA,KAAK,KAAK,oBAAoB,eAAe,KAAKA,EAAM,GACxD,WAAW,SAAS,oBAAoB,aAAa,KAAKC,EAAI,GAC9D,WAAW,SAAS,oBAAoB,eAAe,KAAKC,EAAK;CACnE;CAEA,MAAU,MAAoB;EAC5B,AAAI,EAAE,aAAa,CAAC,CAAC,MAAK,MAAM,MAAO,KAAK,IAAI,MAC9C,KAAKC,KAAiB;GAAE,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ,GACnD,KAAKC,KAAa,EAAE,WACpB,KAAK,KAAK,kBAAkB,KAAKA,EAAU,GAC3C,WAAW,SAAS,iBAAiB,aAAa,KAAKH,EAAI,GAC3D,WAAW,SAAS,iBAAiB,eAAe,KAAKC,EAAK,GAC9D,KAAK,KAAK,cAAc,IAAI,EAAc,mBAAmB;GAAE,GAAG,KAAKC;GAAgB,SAAS;GAAG,SAAS;EAAE,CAAC,CAAC;CAEpH;CAEA,MAAS,MAAoB;EAC3B,4BAA4B;GAC1B,IAAM,IAAQ,KAAKE,GAAgC,CAAC;GAEpD,AADA,KAAK,KAAK,cAAc,IAAI,EAAc,kBAAkB,CAAK,CAAC,GAClE,KAAKF,KAAiB;IAAE,GAAG,EAAE;IAAS,GAAG,EAAE;GAAQ;EACrD,CAAC;CACH;CAEA,MAAQ,MAAoB;;EAE1B,AAAI,KAAKA,OACP,WAAW,SAAS,oBAAoB,aAAa,KAAKF,IAAM,EAAK,GACrE,WAAW,SAAS,oBAAoB,eAAe,KAAKC,IAAO,EAAK,GACxE,KAAK,KAAK,cAAc,IAAI,EAAc,iBAAiB,KAAKG,GAAgC,CAAC,CAAC,CAAC,GACnG,KAAK,KAAK,sBAAsB,KAAKD,EAAU,GAC/C,KAAKA,KAAa;CAEtB;CAEA,GAAgC,GAAiB;EAO/C,OAAO;GALL,SAAS,EAAc,KAAKD,GAAe,GAAG,EAAE,OAAO;GACvD,SAAS,EAAc,KAAKA,GAAe,GAAG,EAAE,OAAO;GACvD,GAAG,EAAE;GACL,GAAG,EAAE;EAEA;CACT;AACF"}