@nvidia-elements/core 0.2.1 → 0.2.3

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 (145) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/accordion2.js +39 -39
  3. package/dist/alert/alert-group2.js +14 -14
  4. package/dist/alert/alert2.js +20 -20
  5. package/dist/avatar/avatar-group2.js +1 -1
  6. package/dist/avatar/avatar2.js +6 -6
  7. package/dist/badge/badge2.js +21 -21
  8. package/dist/breadcrumb/breadcrumb2.js +12 -12
  9. package/dist/bundles/index.d.ts +418 -1802
  10. package/dist/bundles/index.js +6 -6
  11. package/dist/button/button.d.ts +5 -2
  12. package/dist/button/button2.js +13 -13
  13. package/dist/button/button2.js.map +1 -1
  14. package/dist/button-group/button-group2.js +15 -15
  15. package/dist/card/card2.js +17 -17
  16. package/dist/chat-message/chat-message2.js +7 -7
  17. package/dist/checkbox/checkbox-group2.js +7 -7
  18. package/dist/checkbox/checkbox2.js +7 -7
  19. package/dist/color/color2.js +7 -7
  20. package/dist/combobox/combobox2.js +10 -10
  21. package/dist/copy-button/copy-button2.js +10 -10
  22. package/dist/custom-elements-jsx.d.ts +346 -613
  23. package/dist/custom-elements-vue.d.ts +346 -613
  24. package/dist/custom-elements.json +4870 -14220
  25. package/dist/data.html.json +252 -168
  26. package/dist/data.snippets.json +32 -32
  27. package/dist/date/date2.js +7 -7
  28. package/dist/datetime/datetime2.js +7 -7
  29. package/dist/dialog/dialog-footer2.js +6 -6
  30. package/dist/dialog/dialog-header2.js +6 -6
  31. package/dist/dialog/dialog2.js +19 -19
  32. package/dist/divider/divider2.js +5 -5
  33. package/dist/dot/dot2.js +8 -8
  34. package/dist/drawer/drawer-content2.js +6 -6
  35. package/dist/drawer/drawer-footer2.js +6 -6
  36. package/dist/drawer/drawer-header2.js +6 -6
  37. package/dist/drawer/drawer2.js +19 -19
  38. package/dist/dropdown/dropdown-footer2.js +6 -6
  39. package/dist/dropdown/dropdown-header2.js +6 -6
  40. package/dist/dropdown/dropdown2.js +16 -16
  41. package/dist/dropdown-group/dropdown-group.js +16 -16
  42. package/dist/dropzone/dropzone.d.ts +1 -404
  43. package/dist/dropzone/dropzone2.js +14 -14
  44. package/dist/dropzone/dropzone2.js.map +1 -1
  45. package/dist/file/file2.js +1 -1
  46. package/dist/format-datetime/format-datetime2.js +10 -10
  47. package/dist/format-number/format-number2.js +16 -16
  48. package/dist/format-relative-time/format-relative-time2.js +7 -7
  49. package/dist/forms/control/control2.js +19 -19
  50. package/dist/forms/control-group/control-group2.js +6 -6
  51. package/dist/forms/control-message/control-message2.js +9 -9
  52. package/dist/grid/cell/cell2.js +1 -1
  53. package/dist/grid/column/column2.js +10 -10
  54. package/dist/grid/footer/footer2.js +6 -6
  55. package/dist/grid/grid2.js +12 -12
  56. package/dist/grid/header/header2.js +9 -9
  57. package/dist/grid/placeholder/placeholder2.js +1 -1
  58. package/dist/grid/row/row2.js +9 -9
  59. package/dist/icon/icon2.js +15 -15
  60. package/dist/icon-button/icon-button2.js +9 -9
  61. package/dist/index.js +4 -4
  62. package/dist/input/input-group2.js +1 -1
  63. package/dist/input/input2.js +6 -6
  64. package/dist/internal/controllers/keynav-grid.controller.js +39 -39
  65. package/dist/internal/controllers/type-button.controller.examples.js.map +1 -1
  66. package/dist/internal/controllers/type-button.controller.examples.json +1 -1
  67. package/dist/internal/controllers/type-command.controller.d.ts +10 -1
  68. package/dist/internal/controllers/type-command.controller.js +23 -14
  69. package/dist/internal/controllers/type-command.controller.js.map +1 -1
  70. package/dist/internal/controllers/type-native-popover.utils.js +7 -7
  71. package/dist/internal/decorators/scoped-registry.js +24 -6
  72. package/dist/internal/decorators/scoped-registry.js.map +1 -1
  73. package/dist/internal/index.d.ts +0 -1
  74. package/dist/internal/index.js +40 -41
  75. package/dist/internal/services/global.service.js +1 -1
  76. package/dist/internal/utils/focus.js +1 -1
  77. package/dist/internal/utils/focus.js.map +1 -1
  78. package/dist/logo/logo2.js +6 -6
  79. package/dist/menu/menu-item.d.ts +4 -2
  80. package/dist/menu/menu-item2.js +12 -12
  81. package/dist/menu/menu-item2.js.map +1 -1
  82. package/dist/menu/menu2.js +10 -10
  83. package/dist/month/month2.js +7 -7
  84. package/dist/notification/notification-group2.js +11 -11
  85. package/dist/notification/notification2.js +22 -22
  86. package/dist/page/page-panel/page-panel-content2.js +1 -1
  87. package/dist/page/page-panel/page-panel-footer2.js +6 -6
  88. package/dist/page/page-panel/page-panel-header2.js +6 -6
  89. package/dist/page/page-panel/page-panel2.js +14 -14
  90. package/dist/page/page2.js +9 -9
  91. package/dist/page-header/page-header2.js +1 -1
  92. package/dist/page-loader/page-loader2.js +10 -10
  93. package/dist/pagination/pagination.d.ts +1 -404
  94. package/dist/pagination/pagination2.js +17 -17
  95. package/dist/pagination/pagination2.js.map +1 -1
  96. package/dist/panel/panel2.js +21 -21
  97. package/dist/password/password2.js +7 -7
  98. package/dist/preferences-input/preferences-input.d.ts +1 -404
  99. package/dist/preferences-input/preferences-input2.js +9 -9
  100. package/dist/preferences-input/preferences-input2.js.map +1 -1
  101. package/dist/progress-bar/progress-bar2.js +8 -8
  102. package/dist/progress-ring/progress-ring2.js +15 -15
  103. package/dist/progressive-filter-chip/progressive-filter-chip2.js +15 -15
  104. package/dist/pulse/pulse2.js +6 -6
  105. package/dist/radio/radio-group2.js +7 -7
  106. package/dist/radio/radio2.js +7 -7
  107. package/dist/range/range2.js +5 -5
  108. package/dist/resize-handle/resize-handle.d.ts +1 -404
  109. package/dist/resize-handle/resize-handle2.js +16 -16
  110. package/dist/resize-handle/resize-handle2.js.map +1 -1
  111. package/dist/search/search2.js +8 -8
  112. package/dist/select/select2.js +18 -18
  113. package/dist/skeleton/skeleton2.js +7 -7
  114. package/dist/sort-button/sort-button.d.ts +4 -2
  115. package/dist/sort-button/sort-button2.js +19 -19
  116. package/dist/sort-button/sort-button2.js.map +1 -1
  117. package/dist/sparkline/sparkline2.js +14 -14
  118. package/dist/star-rating/star-rating2.js +6 -6
  119. package/dist/steps/steps.d.ts +4 -2
  120. package/dist/steps/steps2.js +36 -36
  121. package/dist/steps/steps2.js.map +1 -1
  122. package/dist/switch/switch-group2.js +6 -6
  123. package/dist/switch/switch2.js +7 -7
  124. package/dist/tabs/tabs-group2.js +21 -21
  125. package/dist/tabs/tabs.d.ts +4 -2
  126. package/dist/tabs/tabs2.js +30 -30
  127. package/dist/tabs/tabs2.js.map +1 -1
  128. package/dist/tag/tag.d.ts +5 -2
  129. package/dist/tag/tag2.js +20 -20
  130. package/dist/tag/tag2.js.map +1 -1
  131. package/dist/textarea/textarea2.js +1 -1
  132. package/dist/time/time2.js +7 -7
  133. package/dist/toast/toast2.js +21 -21
  134. package/dist/toggletip/toggletip-footer2.js +6 -6
  135. package/dist/toggletip/toggletip-header2.js +6 -6
  136. package/dist/toggletip/toggletip2.js +17 -17
  137. package/dist/toolbar/toolbar2.js +11 -11
  138. package/dist/tooltip/tooltip2.js +16 -16
  139. package/dist/tree/tree-node2.js +30 -30
  140. package/dist/tree/tree2.js +14 -14
  141. package/dist/week/week2.js +7 -7
  142. package/package.json +3 -3
  143. package/dist/internal/base/button.d.ts +0 -114
  144. package/dist/internal/base/button.js +0 -117
  145. package/dist/internal/base/button.js.map +0 -1
@@ -1,408 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- declare const ResizeHandle_base: {
3
- new (...args: any[]): {
4
- get readOnly(): boolean;
5
- set readOnly(value: boolean | unknown);
6
- get disabled(): boolean;
7
- set disabled(value: boolean | unknown);
8
- get required(): boolean;
9
- set required(value: number | unknown);
10
- name: string;
11
- get noValidate(): boolean;
12
- set noValidate(value: boolean | unknown);
13
- _value: number | undefined;
14
- get value(): number | undefined;
15
- set value(value: number | unknown);
16
- updateValue(value: number): void;
17
- readonly form: HTMLFormElement | null;
18
- readonly willValidate: boolean;
19
- readonly validity: ValidityState;
20
- readonly validationMessage: string;
21
- readonly valueAsString: string;
22
- valueAsNumber: number;
23
- readonly type: string;
24
- readonly _metadata: import('@nvidia-elements/forms').FormControlMetadata;
25
- _formInternals: ElementInternals;
26
- _initialValue: number | undefined;
27
- readonly _validators: import('@nvidia-elements/forms').Validator[];
28
- readonly _internals: ElementInternals;
29
- connectedCallback(): void;
30
- disconnectedCallback(): void;
31
- _stopInternalPropagation: (event: Event) => void;
32
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
33
- _handleAttributeChange(name: string, newValue: string): void;
34
- formResetCallback(): void;
35
- formStateRestoreCallback(state: number, _reason: string): void;
36
- reportValidity(): boolean;
37
- checkValidity(): boolean;
38
- setValidity(validity: Partial<ValidityState>, message?: string): void;
39
- dispatchInputEvent(): void;
40
- dispatchChangeEvent(): void;
41
- dispatchUpdateEvent(type: "input" | "change"): void;
42
- _updateFormState(): void;
43
- _requestUpdate(): void;
44
- accessKey: string;
45
- readonly accessKeyLabel: string;
46
- autocapitalize: string;
47
- autocorrect: boolean;
48
- dir: string;
49
- draggable: boolean;
50
- hidden: boolean | "until-found";
51
- inert: boolean;
52
- innerText: string;
53
- lang: string;
54
- readonly offsetHeight: number;
55
- readonly offsetLeft: number;
56
- readonly offsetParent: Element | null;
57
- readonly offsetTop: number;
58
- readonly offsetWidth: number;
59
- outerText: string;
60
- popover: string | null;
61
- spellcheck: boolean;
62
- title: string;
63
- translate: boolean;
64
- writingSuggestions: string;
65
- attachInternals(): ElementInternals;
66
- click(): void;
67
- hidePopover(): void;
68
- showPopover(options?: ShowPopoverOptions): void;
69
- togglePopover(options?: TogglePopoverOptions | boolean): boolean;
70
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
71
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
72
- removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
73
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
74
- readonly attributes: NamedNodeMap;
75
- get classList(): DOMTokenList;
76
- set classList(value: string);
77
- className: string;
78
- readonly clientHeight: number;
79
- readonly clientLeft: number;
80
- readonly clientTop: number;
81
- readonly clientWidth: number;
82
- readonly currentCSSZoom: number;
83
- readonly customElementRegistry: CustomElementRegistry | null;
84
- id: string;
85
- innerHTML: string;
86
- readonly localName: string;
87
- readonly namespaceURI: string | null;
88
- onfullscreenchange: ((this: Element, ev: Event) => any) | null;
89
- onfullscreenerror: ((this: Element, ev: Event) => any) | null;
90
- outerHTML: string;
91
- readonly ownerDocument: Document;
92
- get part(): DOMTokenList;
93
- set part(value: string);
94
- readonly prefix: string | null;
95
- readonly scrollHeight: number;
96
- scrollLeft: number;
97
- scrollTop: number;
98
- readonly scrollWidth: number;
99
- readonly shadowRoot: ShadowRoot | null;
100
- slot: string;
101
- readonly tagName: string;
102
- attachShadow(init: ShadowRootInit): ShadowRoot;
103
- checkVisibility(options?: CheckVisibilityOptions): boolean;
104
- closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
105
- closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
106
- closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
107
- closest<E extends Element = Element>(selectors: string): E | null;
108
- computedStyleMap(): StylePropertyMapReadOnly;
109
- getAttribute(qualifiedName: string): string | null;
110
- getAttributeNS(namespace: string | null, localName: string): string | null;
111
- getAttributeNames(): string[];
112
- getAttributeNode(qualifiedName: string): Attr | null;
113
- getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
114
- getBoundingClientRect(): DOMRect;
115
- getClientRects(): DOMRectList;
116
- getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
117
- getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
118
- getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
119
- getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
120
- getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
121
- getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
122
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
123
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
124
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
125
- getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
126
- getHTML(options?: GetHTMLOptions): string;
127
- hasAttribute(qualifiedName: string): boolean;
128
- hasAttributeNS(namespace: string | null, localName: string): boolean;
129
- hasAttributes(): boolean;
130
- hasPointerCapture(pointerId: number): boolean;
131
- insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
132
- insertAdjacentHTML(position: InsertPosition, string: string): void;
133
- insertAdjacentText(where: InsertPosition, data: string): void;
134
- matches<K extends keyof HTMLElementTagNameMap>(selectors: K): this is HTMLElementTagNameMap[K];
135
- matches<K extends keyof SVGElementTagNameMap>(selectors: K): this is SVGElementTagNameMap[K];
136
- matches<K extends keyof MathMLElementTagNameMap>(selectors: K): this is MathMLElementTagNameMap[K];
137
- matches(selectors: string): boolean;
138
- releasePointerCapture(pointerId: number): void;
139
- removeAttribute(qualifiedName: string): void;
140
- removeAttributeNS(namespace: string | null, localName: string): void;
141
- removeAttributeNode(attr: Attr): Attr;
142
- requestFullscreen(options?: FullscreenOptions): Promise<void>;
143
- requestPointerLock(options?: PointerLockOptions): Promise<void>;
144
- scroll(options?: ScrollToOptions): void;
145
- scroll(x: number, y: number): void;
146
- scrollBy(options?: ScrollToOptions): void;
147
- scrollBy(x: number, y: number): void;
148
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
149
- scrollTo(options?: ScrollToOptions): void;
150
- scrollTo(x: number, y: number): void;
151
- setAttribute(qualifiedName: string, value: string): void;
152
- setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
153
- setAttributeNode(attr: Attr): Attr | null;
154
- setAttributeNodeNS(attr: Attr): Attr | null;
155
- setHTMLUnsafe(html: string): void;
156
- setPointerCapture(pointerId: number): void;
157
- toggleAttribute(qualifiedName: string, force?: boolean): boolean;
158
- webkitMatchesSelector(selectors: string): boolean;
159
- get textContent(): string;
160
- set textContent(value: string | null);
161
- readonly baseURI: string;
162
- readonly childNodes: NodeListOf<ChildNode>;
163
- readonly firstChild: ChildNode | null;
164
- readonly isConnected: boolean;
165
- readonly lastChild: ChildNode | null;
166
- readonly nextSibling: ChildNode | null;
167
- readonly nodeName: string;
168
- readonly nodeType: number;
169
- nodeValue: string | null;
170
- readonly parentElement: HTMLElement | null;
171
- readonly parentNode: ParentNode | null;
172
- readonly previousSibling: ChildNode | null;
173
- appendChild<T_1 extends Node>(node: T_1): T_1;
174
- cloneNode(subtree?: boolean): Node;
175
- compareDocumentPosition(other: Node): number;
176
- contains(other: Node | null): boolean;
177
- getRootNode(options?: GetRootNodeOptions): Node;
178
- hasChildNodes(): boolean;
179
- insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
180
- isDefaultNamespace(namespace: string | null): boolean;
181
- isEqualNode(otherNode: Node | null): boolean;
182
- isSameNode(otherNode: Node | null): boolean;
183
- lookupNamespaceURI(prefix: string | null): string | null;
184
- lookupPrefix(namespace: string | null): string | null;
185
- normalize(): void;
186
- removeChild<T_1 extends Node>(child: T_1): T_1;
187
- replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
188
- readonly ELEMENT_NODE: 1;
189
- readonly ATTRIBUTE_NODE: 2;
190
- readonly TEXT_NODE: 3;
191
- readonly CDATA_SECTION_NODE: 4;
192
- readonly ENTITY_REFERENCE_NODE: 5;
193
- readonly ENTITY_NODE: 6;
194
- readonly PROCESSING_INSTRUCTION_NODE: 7;
195
- readonly COMMENT_NODE: 8;
196
- readonly DOCUMENT_NODE: 9;
197
- readonly DOCUMENT_TYPE_NODE: 10;
198
- readonly DOCUMENT_FRAGMENT_NODE: 11;
199
- readonly NOTATION_NODE: 12;
200
- readonly DOCUMENT_POSITION_DISCONNECTED: 1;
201
- readonly DOCUMENT_POSITION_PRECEDING: 2;
202
- readonly DOCUMENT_POSITION_FOLLOWING: 4;
203
- readonly DOCUMENT_POSITION_CONTAINS: 8;
204
- readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
205
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
206
- dispatchEvent(event: Event): boolean;
207
- ariaActiveDescendantElement: Element | null;
208
- ariaAtomic: string | null;
209
- ariaAutoComplete: string | null;
210
- ariaBrailleLabel: string | null;
211
- ariaBrailleRoleDescription: string | null;
212
- ariaBusy: string | null;
213
- ariaChecked: string | null;
214
- ariaColCount: string | null;
215
- ariaColIndex: string | null;
216
- ariaColIndexText: string | null;
217
- ariaColSpan: string | null;
218
- ariaControlsElements: ReadonlyArray<Element> | null;
219
- ariaCurrent: string | null;
220
- ariaDescribedByElements: ReadonlyArray<Element> | null;
221
- ariaDescription: string | null;
222
- ariaDetailsElements: ReadonlyArray<Element> | null;
223
- ariaDisabled: string | null;
224
- ariaErrorMessageElements: ReadonlyArray<Element> | null;
225
- ariaExpanded: string | null;
226
- ariaFlowToElements: ReadonlyArray<Element> | null;
227
- ariaHasPopup: string | null;
228
- ariaHidden: string | null;
229
- ariaInvalid: string | null;
230
- ariaKeyShortcuts: string | null;
231
- ariaLabel: string | null;
232
- ariaLabelledByElements: ReadonlyArray<Element> | null;
233
- ariaLevel: string | null;
234
- ariaLive: string | null;
235
- ariaModal: string | null;
236
- ariaMultiLine: string | null;
237
- ariaMultiSelectable: string | null;
238
- ariaOrientation: string | null;
239
- ariaOwnsElements: ReadonlyArray<Element> | null;
240
- ariaPlaceholder: string | null;
241
- ariaPosInSet: string | null;
242
- ariaPressed: string | null;
243
- ariaReadOnly: string | null;
244
- ariaRelevant: string | null;
245
- ariaRequired: string | null;
246
- ariaRoleDescription: string | null;
247
- ariaRowCount: string | null;
248
- ariaRowIndex: string | null;
249
- ariaRowIndexText: string | null;
250
- ariaRowSpan: string | null;
251
- ariaSelected: string | null;
252
- ariaSetSize: string | null;
253
- ariaSort: string | null;
254
- ariaValueMax: string | null;
255
- ariaValueMin: string | null;
256
- ariaValueNow: string | null;
257
- ariaValueText: string | null;
258
- role: string | null;
259
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
260
- getAnimations(options?: GetAnimationsOptions): Animation[];
261
- after(...nodes: (Node | string)[]): void;
262
- before(...nodes: (Node | string)[]): void;
263
- remove(): void;
264
- replaceWith(...nodes: (Node | string)[]): void;
265
- readonly nextElementSibling: Element | null;
266
- readonly previousElementSibling: Element | null;
267
- readonly childElementCount: number;
268
- readonly children: HTMLCollection;
269
- readonly firstElementChild: Element | null;
270
- readonly lastElementChild: Element | null;
271
- append(...nodes: (Node | string)[]): void;
272
- moveBefore(node: Node, child: Node | null): void;
273
- prepend(...nodes: (Node | string)[]): void;
274
- querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
275
- querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
276
- querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
277
- querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
278
- querySelector<E extends Element = Element>(selectors: string): E | null;
279
- querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
280
- querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
281
- querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
282
- querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
283
- querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
284
- replaceChildren(...nodes: (Node | string)[]): void;
285
- readonly assignedSlot: HTMLSlotElement | null;
286
- readonly attributeStyleMap: StylePropertyMap;
287
- get style(): CSSStyleDeclaration;
288
- set style(cssText: string);
289
- contentEditable: string;
290
- enterKeyHint: string;
291
- inputMode: string;
292
- readonly isContentEditable: boolean;
293
- onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
294
- onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
295
- onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
296
- onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
297
- onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
298
- onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
299
- onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
300
- onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
301
- onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
302
- onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
303
- oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
304
- oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
305
- oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
306
- onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
- onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
308
- onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
309
- oncommand: ((this: GlobalEventHandlers, ev: Event) => any) | null;
310
- oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
311
- oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
312
- oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
313
- oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
314
- oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
315
- oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
316
- ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
317
- ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
318
- ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
319
- ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
320
- ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
321
- ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
322
- ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
323
- ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
324
- ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
325
- onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
326
- onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
- onerror: OnErrorEventHandler;
328
- onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
329
- onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
330
- ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
331
- oninput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
332
- oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
333
- onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
334
- onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
335
- onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
336
- onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
337
- onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
338
- onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
339
- onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
340
- onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
341
- onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
342
- onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
343
- onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
344
- onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
345
- onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
346
- onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
347
- onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
348
- onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
349
- onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
350
- onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
351
- onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
352
- onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
353
- onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
354
- onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
355
- onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
356
- onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
357
- onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
358
- onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
359
- onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
360
- onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
361
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
362
- onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
363
- onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
364
- onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
365
- onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
366
- onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
367
- onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
368
- onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
369
- onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
370
- onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
371
- onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
372
- onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
373
- onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
374
- onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
375
- onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
376
- onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
377
- ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
378
- ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
379
- ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
380
- ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
381
- ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
382
- ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
383
- ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
384
- ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
385
- ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
386
- ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
387
- onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
388
- onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
389
- onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
390
- onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
391
- onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
392
- onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
393
- onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
394
- autofocus: boolean;
395
- readonly dataset: DOMStringMap;
396
- nonce: string;
397
- tabIndex: number;
398
- blur(): void;
399
- focus(options?: FocusOptions): void;
400
- requestUpdate?(name?: string, oldValue?: unknown): void;
401
- };
402
- formAssociated: boolean;
403
- metadata: import('@nvidia-elements/forms').FormControlMetadata;
404
- readonly observedAttributes: string[];
405
- } & typeof LitElement;
2
+ declare const ResizeHandle_base: import('@nvidia-elements/forms/mixins').FormControlMixinReturn<typeof LitElement, number>;
406
3
  /**
407
4
  * @element nve-resize-handle
408
5
  * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.
@@ -1,16 +1,16 @@
1
- import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
2
- import { I18nController as t } from "../internal/controllers/i18n.controller.js";
3
- import { typeTouch as n } from "../internal/controllers/type-touch.controller.js";
4
- import { useStyles as r } from "../internal/styles/index.js";
1
+ import { I18nController as e } from "../internal/controllers/i18n.controller.js";
2
+ import { typeTouch as t } from "../internal/controllers/type-touch.controller.js";
3
+ import { useStyles as n } from "../internal/styles/index.js";
4
+ import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
5
5
  import i from "./resize-handle.js";
6
6
  import { LitElement as a, html as o } from "lit";
7
7
  import { property as s } from "lit/decorators/property.js";
8
- import { ifDefined as c } from "lit/directives/if-defined.js";
9
- import { FormControlMixin as l } from "@nvidia-elements/forms/mixin";
8
+ import { FormControlMixin as c } from "@nvidia-elements/forms/mixins";
9
+ import { ifDefined as l } from "lit/directives/if-defined.js";
10
10
  //#region src/resize-handle/resize-handle.ts
11
- var u = class extends l(a) {
11
+ var u = class extends c(a) {
12
12
  static {
13
- this.styles = r([i]);
13
+ this.styles = n([i]);
14
14
  }
15
15
  get #e() {
16
16
  return this.shadowRoot.querySelector("input");
@@ -18,17 +18,17 @@ var u = class extends l(a) {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-resize-handle",
21
- version: "0.2.1",
21
+ version: "0.2.3",
22
22
  valueSchema: { type: "number" }
23
23
  };
24
24
  }
25
25
  #t;
26
26
  #n;
27
27
  render() {
28
- return o`<div internal-host><div class="line" part="_line"></div><input aria-label="${c(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#s(e.target.valueAsNumber)}" @change="${(e) => this.#c(e.target.valueAsNumber)}" step="${this.step}"></div>`;
28
+ return o`<div internal-host><div class="line" part="_line"></div><input aria-label="${l(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#s(e.target.valueAsNumber)}" @change="${(e) => this.#c(e.target.valueAsNumber)}" step="${this.step}"></div>`;
29
29
  }
30
30
  constructor() {
31
- super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new t(this), this.i18n = this.#t.i18n, this.#n = 0, this.value = this.value ?? 50, this.#n = this.valueAsNumber;
31
+ super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new e(this), this.i18n = this.#t.i18n, this.#n = 0, this.value = this.value ?? 50, this.#n = this.valueAsNumber;
32
32
  }
33
33
  connectedCallback() {
34
34
  super.connectedCallback(), this._internals.role = "none";
@@ -66,19 +66,19 @@ var u = class extends l(a) {
66
66
  e <= this.max && e >= this.min && (this.valueAsNumber = e);
67
67
  }
68
68
  };
69
- e([s({
69
+ r([s({
70
70
  type: String,
71
71
  reflect: !0
72
- })], u.prototype, "orientation", void 0), e([s({
72
+ })], u.prototype, "orientation", void 0), r([s({
73
73
  type: Number,
74
74
  reflect: !0
75
- })], u.prototype, "min", void 0), e([s({
75
+ })], u.prototype, "min", void 0), r([s({
76
76
  type: Number,
77
77
  reflect: !0
78
- })], u.prototype, "max", void 0), e([s({
78
+ })], u.prototype, "max", void 0), r([s({
79
79
  type: Number,
80
80
  reflect: !0
81
- })], u.prototype, "step", void 0), e([s({ type: Object })], u.prototype, "i18n", void 0), u = e([n()], u);
81
+ })], u.prototype, "step", void 0), r([s({ type: Object })], u.prototype, "i18n", void 0), u = r([t()], u);
82
82
  //#endregion
83
83
  export { u as ResizeHandle };
84
84
 
@@ -1 +1 @@
1
- {"version":3,"file":"resize-handle2.js","names":["#range","#setInput","#setChange","#i18nController","#offset","#touchStart","#touchEnd","#touchMove","#toggle","#updateValue"],"sources":["../../src/resize-handle/resize-handle.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixin';\nimport { useStyles, typeTouch } from '@nvidia-elements/core/internal';\nimport { I18nController, type NveTouchEvent } from '@nvidia-elements/core/internal';\nimport styles from './resize-handle.css?inline';\n\n/**\n * @element nve-resize-handle\n * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n * @since 1.27.0\n * @entrypoint \\@nvidia-elements/core/resize-handle\n * @event toggle - Dispatched when the resize handle is double clicked.\n * @cssprop --background\n * @cssprop --line-width\n * @cssprop --target-size\n * @cssprop --cursor\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n *\n */\n@typeTouch<ResizeHandle>()\nexport class ResizeHandle extends FormControlMixin<typeof LitElement, number>(LitElement) {\n /**\n * Determines the orientation direction of the resize handle.\n */\n @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n /**\n * Determines the min resize value.\n */\n @property({ type: Number, reflect: true }) min = 0;\n\n /**\n * Determines the max resize value.\n */\n @property({ type: Number, reflect: true }) max = 100;\n\n /**\n * Determines the value step change.\n */\n @property({ type: Number, reflect: true }) step = 10;\n\n static styles = useStyles([styles]);\n\n get #range() {\n return this.shadowRoot!.querySelector('input')!;\n }\n\n static readonly metadata = {\n tag: 'nve-resize-handle',\n version: '0.0.0',\n valueSchema: {\n type: 'number' as const\n }\n };\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /**\n * Updates internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n #offset = 0;\n\n render() {\n return html`\n <div internal-host>\n <div class=\"line\" part=\"_line\"></div>\n <input aria-label=${ifDefined(this.ariaLabel ?? this.i18n.resize)} type=\"range\" min=${this.min} max=${this.max} .valueAsNumber=${this.valueAsNumber} @input=${(e: Event) => this.#setInput((e.target as HTMLInputElement).valueAsNumber)} @change=${(e: Event) => this.#setChange((e.target as HTMLInputElement).valueAsNumber)} step=${this.step} />\n </div>\n `;\n }\n\n constructor() {\n super();\n this.value = this.value ?? 50;\n this.#offset = this.valueAsNumber;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._internals.role = 'none';\n }\n\n firstUpdated(props: PropertyValues) {\n super.firstUpdated(props);\n this.addEventListener('nve-touch-start', () => this.#touchStart());\n this.addEventListener('nve-touch-end', () => this.#touchEnd());\n this.addEventListener('nve-touch-move', ((e: NveTouchEvent) => this.#touchMove(e)) as EventListener);\n this.addEventListener('dblclick', () => {\n if (!this.dispatchEvent(new CustomEvent('toggle', { cancelable: true, bubbles: true, composed: true }))) {\n return;\n }\n this.#toggle();\n });\n }\n\n #toggle() {\n const value = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;\n this.#setInput(value);\n this.#setChange(value);\n }\n\n #touchStart() {\n this.#range.step = '1';\n this._internals.states.add('active');\n this.#offset = this.valueAsNumber;\n }\n\n #touchMove(e: NveTouchEvent) {\n const offset = (this.orientation === 'vertical' ? e.offsetX : -e.offsetY) * (this.dir === 'rtl' ? -1 : 1);\n this.#offset = this.#offset + offset;\n this.#setInput(this.#offset);\n }\n\n #touchEnd() {\n this.#offset = this.valueAsNumber;\n this.#range.step = `${this.step}`;\n this.#setChange(this.#offset);\n this._internals.states.delete('active');\n }\n\n #setInput(value: number) {\n this.#updateValue(value);\n this.dispatchInputEvent();\n }\n\n #setChange(value: number) {\n this.#updateValue(value);\n this.dispatchChangeEvent();\n }\n\n #updateValue(value: number) {\n if (value <= this.max && value >= this.min) {\n this.valueAsNumber = value;\n }\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"resize-handle2.js","names":["#range","#setInput","#setChange","#i18nController","#offset","#touchStart","#touchEnd","#touchMove","#toggle","#updateValue"],"sources":["../../src/resize-handle/resize-handle.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { useStyles, typeTouch } from '@nvidia-elements/core/internal';\nimport { I18nController, type NveTouchEvent } from '@nvidia-elements/core/internal';\nimport styles from './resize-handle.css?inline';\n\n/**\n * @element nve-resize-handle\n * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n * @since 1.27.0\n * @entrypoint \\@nvidia-elements/core/resize-handle\n * @event toggle - Dispatched when the resize handle is double clicked.\n * @cssprop --background\n * @cssprop --line-width\n * @cssprop --target-size\n * @cssprop --cursor\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n *\n */\n@typeTouch<ResizeHandle>()\nexport class ResizeHandle extends FormControlMixin<typeof LitElement, number>(LitElement) {\n /**\n * Determines the orientation direction of the resize handle.\n */\n @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n /**\n * Determines the min resize value.\n */\n @property({ type: Number, reflect: true }) min = 0;\n\n /**\n * Determines the max resize value.\n */\n @property({ type: Number, reflect: true }) max = 100;\n\n /**\n * Determines the value step change.\n */\n @property({ type: Number, reflect: true }) step = 10;\n\n static styles = useStyles([styles]);\n\n get #range() {\n return this.shadowRoot!.querySelector('input')!;\n }\n\n static readonly metadata = {\n tag: 'nve-resize-handle',\n version: '0.0.0',\n valueSchema: {\n type: 'number' as const\n }\n };\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /**\n * Updates internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n #offset = 0;\n\n render() {\n return html`\n <div internal-host>\n <div class=\"line\" part=\"_line\"></div>\n <input aria-label=${ifDefined(this.ariaLabel ?? this.i18n.resize)} type=\"range\" min=${this.min} max=${this.max} .valueAsNumber=${this.valueAsNumber} @input=${(e: Event) => this.#setInput((e.target as HTMLInputElement).valueAsNumber)} @change=${(e: Event) => this.#setChange((e.target as HTMLInputElement).valueAsNumber)} step=${this.step} />\n </div>\n `;\n }\n\n constructor() {\n super();\n this.value = this.value ?? 50;\n this.#offset = this.valueAsNumber;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._internals.role = 'none';\n }\n\n firstUpdated(props: PropertyValues) {\n super.firstUpdated(props);\n this.addEventListener('nve-touch-start', () => this.#touchStart());\n this.addEventListener('nve-touch-end', () => this.#touchEnd());\n this.addEventListener('nve-touch-move', ((e: NveTouchEvent) => this.#touchMove(e)) as EventListener);\n this.addEventListener('dblclick', () => {\n if (!this.dispatchEvent(new CustomEvent('toggle', { cancelable: true, bubbles: true, composed: true }))) {\n return;\n }\n this.#toggle();\n });\n }\n\n #toggle() {\n const value = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;\n this.#setInput(value);\n this.#setChange(value);\n }\n\n #touchStart() {\n this.#range.step = '1';\n this._internals.states.add('active');\n this.#offset = this.valueAsNumber;\n }\n\n #touchMove(e: NveTouchEvent) {\n const offset = (this.orientation === 'vertical' ? e.offsetX : -e.offsetY) * (this.dir === 'rtl' ? -1 : 1);\n this.#offset = this.#offset + offset;\n this.#setInput(this.#offset);\n }\n\n #touchEnd() {\n this.#offset = this.valueAsNumber;\n this.#range.step = `${this.step}`;\n this.#setChange(this.#offset);\n this._internals.states.delete('active');\n }\n\n #setInput(value: number) {\n this.#updateValue(value);\n this.dispatchInputEvent();\n }\n\n #setChange(value: number) {\n this.#updateValue(value);\n this.dispatchChangeEvent();\n }\n\n #updateValue(value: number) {\n if (value <= this.max && value >= this.min) {\n this.valueAsNumber = value;\n }\n }\n}\n"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
- import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
2
- import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
3
- import { useStyles as n } from "../internal/styles/index.js";
1
+ import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
2
+ import { useStyles as t } from "../internal/styles/index.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
4
4
  import { Control as r } from "../forms/control/control2.js";
5
5
  import { IconButton as i } from "../icon-button/icon-button2.js";
6
6
  import { inputStyles as a } from "../input/input2.js";
@@ -13,7 +13,7 @@ var l = class extends r {
13
13
  super(...e), this.rounded = !1;
14
14
  }
15
15
  static {
16
- this.styles = n([
16
+ this.styles = t([
17
17
  ...r.styles,
18
18
  a,
19
19
  o
@@ -22,7 +22,7 @@ var l = class extends r {
22
22
  static {
23
23
  this.metadata = {
24
24
  tag: "nve-search",
25
- version: "0.2.1"
25
+ version: "0.2.3"
26
26
  };
27
27
  }
28
28
  static {
@@ -32,13 +32,13 @@ var l = class extends r {
32
32
  return s`<nve-icon-button part="icon-button" icon-name="search" container="inline" aria-hidden="true" readonly="readonly"></nve-icon-button>`;
33
33
  }
34
34
  };
35
- e([c({
35
+ n([c({
36
36
  type: String,
37
37
  reflect: !0
38
- })], l.prototype, "container", void 0), e([c({
38
+ })], l.prototype, "container", void 0), n([c({
39
39
  type: Boolean,
40
40
  reflect: !0
41
- })], l.prototype, "rounded", void 0), l = e([t()], l);
41
+ })], l.prototype, "rounded", void 0), l = n([e()], l);
42
42
  //#endregion
43
43
  export { l as Search };
44
44
 
@@ -1,10 +1,10 @@
1
- import { focusElementTimeout as e, onListboxActivate as t } from "../internal/utils/focus.js";
2
- import { getElementUpdate as n } from "../internal/utils/dom.js";
3
- import { onChildListMutation as r } from "../internal/utils/events.js";
4
- import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
5
- import { I18nController as a, i18n as o } from "../internal/controllers/i18n.controller.js";
6
- import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
7
- import { useStyles as c } from "../internal/styles/index.js";
1
+ import { I18nController as e, i18n as t } from "../internal/controllers/i18n.controller.js";
2
+ import { onChildListMutation as n } from "../internal/utils/events.js";
3
+ import { focusElementTimeout as r, onListboxActivate as i } from "../internal/utils/focus.js";
4
+ import { getElementUpdate as a } from "../internal/utils/dom.js";
5
+ import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
6
+ import { useStyles as s } from "../internal/styles/index.js";
7
+ import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
8
8
  import { Icon as l } from "../icon/icon2.js";
9
9
  import { Control as u } from "../forms/control/control2.js";
10
10
  import { Tag as d } from "../tag/tag2.js";
@@ -17,16 +17,16 @@ import { property as v } from "lit/decorators/property.js";
17
17
  import { ifDefined as y } from "lit/directives/if-defined.js";
18
18
  //#region src/select/select.ts
19
19
  var b = class extends u {
20
- constructor(...e) {
21
- super(...e), this.#e = new a(this), this.i18n = this.#e.i18n, this.#l = [], this.#p = /* @__PURE__ */ new Set();
20
+ constructor(...t) {
21
+ super(...t), this.#e = new e(this), this.i18n = this.#e.i18n, this.#l = [], this.#p = /* @__PURE__ */ new Set();
22
22
  }
23
23
  static {
24
- this.styles = c([...u.styles, h]);
24
+ this.styles = s([...u.styles, h]);
25
25
  }
26
26
  static {
27
27
  this.metadata = {
28
28
  tag: "nve-select",
29
- version: "0.2.1"
29
+ version: "0.2.3"
30
30
  };
31
31
  }
32
32
  static {
@@ -81,15 +81,15 @@ var b = class extends u {
81
81
  super.firstUpdated(e), await this.updateComplete, this.#h(), this.#v(), this.#f(), this.#m();
82
82
  }
83
83
  #f() {
84
- this.#l.push(n(this.#t, "value", () => this.requestUpdate()), r(this.#t, () => this.requestUpdate(), {
84
+ this.#l.push(a(this.#t, "value", () => this.requestUpdate()), n(this.#t, () => this.requestUpdate(), {
85
85
  attributes: !0,
86
86
  subtree: !0
87
- }), r(this.#t, () => this.#m(), { subtree: !0 }));
87
+ }), n(this.#t, () => this.#m(), { subtree: !0 }));
88
88
  }
89
89
  #p;
90
90
  #m() {
91
91
  this.#n.forEach((e) => {
92
- this.#p.has(e) || (this.#p.add(e), this.#l.push(n(e, "selected", () => this.requestUpdate())));
92
+ this.#p.has(e) || (this.#p.add(e), this.#l.push(a(e, "selected", () => this.requestUpdate())));
93
93
  });
94
94
  }
95
95
  disconnectedCallback() {
@@ -99,8 +99,8 @@ var b = class extends u {
99
99
  super.updated(e), this.#t?.size && this.#t?.size !== 0 && (this._internals.states.add("size"), this.style.setProperty("--size", `${this.#t?.size + .75}`)), this.#t?.multiple && this.#t?.size === 0 && this._internals.states.add("multiple");
100
100
  }
101
101
  #h() {
102
- this.#t?.size === 0 && t(this.#t, () => {
103
- this.requestUpdate(), this.#r.style.setProperty("--min-width", `${this.#a.getBoundingClientRect().width}px`), this.#r.showPopover(), e(this.#i[0]);
102
+ this.#t?.size === 0 && i(this.#t, () => {
103
+ this.requestUpdate(), this.#r.style.setProperty("--min-width", `${this.#a.getBoundingClientRect().width}px`), this.#r.showPopover(), r(this.#i[0]);
104
104
  });
105
105
  }
106
106
  #g() {
@@ -121,10 +121,10 @@ var b = class extends u {
121
121
  this.#t?.multiple && t && t.getBoundingClientRect().width > e - 48 ? this._internals.states.add("multiple-overflow") : this._internals.states.delete("multiple-overflow");
122
122
  }
123
123
  };
124
- i([v({
124
+ c([v({
125
125
  type: String,
126
126
  reflect: !0
127
- })], b.prototype, "container", void 0), i([v({ type: Object })], b.prototype, "i18n", void 0), b = i([o(), s()], b);
127
+ })], b.prototype, "container", void 0), c([v({ type: Object })], b.prototype, "i18n", void 0), b = c([t(), o()], b);
128
128
  //#endregion
129
129
  export { b as Select };
130
130