@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.
- package/CHANGELOG.md +7 -0
- package/dist/accordion/accordion2.js +4 -4
- package/dist/alert/alert-group2.js +1 -1
- package/dist/alert/alert2.js +1 -1
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +1 -1
- package/dist/badge/badge2.js +1 -1
- package/dist/breadcrumb/breadcrumb2.js +1 -1
- package/dist/bundles/index.d.ts +1 -0
- package/dist/bundles/index.js +5 -5
- package/dist/button/button2.js +1 -1
- package/dist/button-group/button-group2.js +1 -1
- package/dist/card/card2.js +4 -4
- package/dist/chat-message/chat-message2.js +1 -1
- package/dist/checkbox/checkbox-group2.js +1 -1
- package/dist/checkbox/checkbox2.js +1 -1
- package/dist/color/color2.js +1 -1
- package/dist/combobox/combobox2.js +1 -1
- package/dist/copy-button/copy-button2.js +1 -1
- package/dist/custom-elements.json +588 -184
- package/dist/date/date2.js +1 -1
- package/dist/datetime/datetime2.js +1 -1
- package/dist/dialog/dialog-footer2.js +1 -1
- package/dist/dialog/dialog-header2.js +1 -1
- package/dist/dialog/dialog2.js +1 -1
- package/dist/divider/divider2.js +1 -1
- package/dist/dot/dot2.js +1 -1
- package/dist/drawer/drawer-content2.js +1 -1
- package/dist/drawer/drawer-footer2.js +1 -1
- package/dist/drawer/drawer-header2.js +1 -1
- package/dist/drawer/drawer2.js +1 -1
- package/dist/dropdown/dropdown-footer2.js +1 -1
- package/dist/dropdown/dropdown-header2.js +1 -1
- package/dist/dropdown/dropdown2.js +1 -1
- package/dist/dropdown-group/dropdown-group.js +1 -1
- package/dist/dropzone/dropzone2.js +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-bytes/format-bytes2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +1 -1
- package/dist/format-number/format-number2.js +1 -1
- package/dist/format-relative-time/format-relative-time2.js +1 -1
- package/dist/format-truncate/format-truncate2.js +1 -1
- package/dist/forms/control/control2.js +1 -1
- package/dist/forms/control-group/control-group2.js +1 -1
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/gauge/gauge2.js +1 -1
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +1 -1
- package/dist/grid/footer/footer2.js +1 -1
- package/dist/grid/grid2.js +1 -1
- package/dist/grid/header/header2.js +1 -1
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +1 -1
- package/dist/icon/icon2.js +2 -2
- package/dist/icon-button/icon-button2.js +1 -1
- package/dist/index.js +1 -1
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +1 -1
- package/dist/internal/controllers/gesture.controller.d.ts +65 -0
- package/dist/internal/controllers/gesture.controller.examples.js +6 -0
- package/dist/internal/controllers/gesture.controller.examples.js.map +1 -0
- package/dist/internal/controllers/gesture.controller.examples.json +16 -0
- package/dist/internal/controllers/gesture.controller.js +235 -0
- package/dist/internal/controllers/gesture.controller.js.map +1 -0
- package/dist/internal/controllers/keynav-spatial.controller.d.ts +24 -0
- package/dist/internal/controllers/keynav-spatial.controller.js +75 -0
- package/dist/internal/controllers/keynav-spatial.controller.js.map +1 -0
- package/dist/internal/index.d.ts +2 -1
- package/dist/internal/index.js +30 -29
- package/dist/internal/services/global.service.js +1 -1
- package/dist/logo/logo2.js +1 -1
- package/dist/menu/menu-item2.js +1 -1
- package/dist/menu/menu2.js +1 -1
- package/dist/month/month2.js +1 -1
- package/dist/notification/notification-group2.js +1 -1
- package/dist/notification/notification2.js +1 -1
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +1 -1
- package/dist/page/page-panel/page-panel-header2.js +1 -1
- package/dist/page/page-panel/page-panel2.js +1 -1
- package/dist/page/page2.js +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +1 -1
- package/dist/pagination/pagination2.js +1 -1
- package/dist/panel/panel2.js +4 -4
- package/dist/password/password2.js +1 -1
- package/dist/preferences-input/preferences-input2.js +1 -1
- package/dist/progress-bar/progress-bar2.js +1 -1
- package/dist/progress-ring/progress-ring2.js +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
- package/dist/pulse/pulse2.js +1 -1
- package/dist/radio/radio-group2.js +1 -1
- package/dist/radio/radio2.js +1 -1
- package/dist/range/range2.js +1 -1
- package/dist/resize-handle/resize-handle.d.ts +1 -0
- package/dist/resize-handle/resize-handle2.js +42 -23
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +1 -1
- package/dist/select/select2.js +1 -1
- package/dist/skeleton/skeleton2.js +1 -1
- package/dist/sort-button/sort-button2.js +1 -1
- package/dist/sparkline/sparkline2.js +1 -1
- package/dist/star-rating/star-rating2.js +1 -1
- package/dist/steps/steps2.js +2 -2
- package/dist/switch/switch-group2.js +1 -1
- package/dist/switch/switch2.js +1 -1
- package/dist/tabs/tabs-group2.js +1 -1
- package/dist/tabs/tabs2.js +2 -2
- package/dist/tag/tag2.js +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +1 -1
- package/dist/toast/toast2.js +1 -1
- package/dist/toggletip/toggletip-footer2.js +1 -1
- package/dist/toggletip/toggletip-header2.js +1 -1
- package/dist/toggletip/toggletip2.js +1 -1
- package/dist/toolbar/toolbar2.js +1 -1
- package/dist/tooltip/tooltip2.js +1 -1
- package/dist/tree/tree-node2.js +1 -1
- package/dist/tree/tree2.js +1 -1
- package/dist/week/week2.js +1 -1
- package/package.json +23 -1
- package/dist/internal/controllers/type-touch.controller.d.ts +0 -22
- package/dist/internal/controllers/type-touch.controller.examples.js +0 -6
- package/dist/internal/controllers/type-touch.controller.examples.js.map +0 -1
- package/dist/internal/controllers/type-touch.controller.examples.json +0 -16
- package/dist/internal/controllers/type-touch.controller.js +0 -58
- package/dist/internal/controllers/type-touch.controller.js.map +0 -1
package/dist/date/date2.js
CHANGED
package/dist/dialog/dialog2.js
CHANGED
package/dist/divider/divider2.js
CHANGED
package/dist/dot/dot2.js
CHANGED
package/dist/drawer/drawer2.js
CHANGED
package/dist/file/file2.js
CHANGED
package/dist/gauge/gauge2.js
CHANGED
package/dist/grid/cell/cell2.js
CHANGED
package/dist/grid/grid2.js
CHANGED
package/dist/grid/row/row2.js
CHANGED
package/dist/icon/icon2.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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
|
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.
|
|
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
|
|
package/dist/input/input2.js
CHANGED
|
@@ -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 @@
|
|
|
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
|
+
}
|