@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.
- package/CHANGELOG.md +13 -0
- package/dist/accordion/accordion2.js +39 -39
- package/dist/alert/alert-group2.js +14 -14
- package/dist/alert/alert2.js +20 -20
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +6 -6
- package/dist/badge/badge2.js +21 -21
- package/dist/breadcrumb/breadcrumb2.js +12 -12
- package/dist/bundles/index.d.ts +418 -1802
- package/dist/bundles/index.js +6 -6
- package/dist/button/button.d.ts +5 -2
- package/dist/button/button2.js +13 -13
- package/dist/button/button2.js.map +1 -1
- package/dist/button-group/button-group2.js +15 -15
- package/dist/card/card2.js +17 -17
- package/dist/chat-message/chat-message2.js +7 -7
- package/dist/checkbox/checkbox-group2.js +7 -7
- package/dist/checkbox/checkbox2.js +7 -7
- package/dist/color/color2.js +7 -7
- package/dist/combobox/combobox2.js +10 -10
- package/dist/copy-button/copy-button2.js +10 -10
- package/dist/custom-elements-jsx.d.ts +346 -613
- package/dist/custom-elements-vue.d.ts +346 -613
- package/dist/custom-elements.json +4870 -14220
- package/dist/data.html.json +252 -168
- package/dist/data.snippets.json +32 -32
- package/dist/date/date2.js +7 -7
- package/dist/datetime/datetime2.js +7 -7
- package/dist/dialog/dialog-footer2.js +6 -6
- package/dist/dialog/dialog-header2.js +6 -6
- package/dist/dialog/dialog2.js +19 -19
- package/dist/divider/divider2.js +5 -5
- package/dist/dot/dot2.js +8 -8
- package/dist/drawer/drawer-content2.js +6 -6
- package/dist/drawer/drawer-footer2.js +6 -6
- package/dist/drawer/drawer-header2.js +6 -6
- package/dist/drawer/drawer2.js +19 -19
- package/dist/dropdown/dropdown-footer2.js +6 -6
- package/dist/dropdown/dropdown-header2.js +6 -6
- package/dist/dropdown/dropdown2.js +16 -16
- package/dist/dropdown-group/dropdown-group.js +16 -16
- package/dist/dropzone/dropzone.d.ts +1 -404
- package/dist/dropzone/dropzone2.js +14 -14
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +10 -10
- package/dist/format-number/format-number2.js +16 -16
- package/dist/format-relative-time/format-relative-time2.js +7 -7
- package/dist/forms/control/control2.js +19 -19
- package/dist/forms/control-group/control-group2.js +6 -6
- package/dist/forms/control-message/control-message2.js +9 -9
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +10 -10
- package/dist/grid/footer/footer2.js +6 -6
- package/dist/grid/grid2.js +12 -12
- package/dist/grid/header/header2.js +9 -9
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +9 -9
- package/dist/icon/icon2.js +15 -15
- package/dist/icon-button/icon-button2.js +9 -9
- package/dist/index.js +4 -4
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +6 -6
- package/dist/internal/controllers/keynav-grid.controller.js +39 -39
- package/dist/internal/controllers/type-button.controller.examples.js.map +1 -1
- package/dist/internal/controllers/type-button.controller.examples.json +1 -1
- package/dist/internal/controllers/type-command.controller.d.ts +10 -1
- package/dist/internal/controllers/type-command.controller.js +23 -14
- package/dist/internal/controllers/type-command.controller.js.map +1 -1
- package/dist/internal/controllers/type-native-popover.utils.js +7 -7
- package/dist/internal/decorators/scoped-registry.js +24 -6
- package/dist/internal/decorators/scoped-registry.js.map +1 -1
- package/dist/internal/index.d.ts +0 -1
- package/dist/internal/index.js +40 -41
- package/dist/internal/services/global.service.js +1 -1
- package/dist/internal/utils/focus.js +1 -1
- package/dist/internal/utils/focus.js.map +1 -1
- package/dist/logo/logo2.js +6 -6
- package/dist/menu/menu-item.d.ts +4 -2
- package/dist/menu/menu-item2.js +12 -12
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu2.js +10 -10
- package/dist/month/month2.js +7 -7
- package/dist/notification/notification-group2.js +11 -11
- package/dist/notification/notification2.js +22 -22
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +6 -6
- package/dist/page/page-panel/page-panel-header2.js +6 -6
- package/dist/page/page-panel/page-panel2.js +14 -14
- package/dist/page/page2.js +9 -9
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +10 -10
- package/dist/pagination/pagination.d.ts +1 -404
- package/dist/pagination/pagination2.js +17 -17
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/panel2.js +21 -21
- package/dist/password/password2.js +7 -7
- package/dist/preferences-input/preferences-input.d.ts +1 -404
- package/dist/preferences-input/preferences-input2.js +9 -9
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +8 -8
- package/dist/progress-ring/progress-ring2.js +15 -15
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +15 -15
- package/dist/pulse/pulse2.js +6 -6
- package/dist/radio/radio-group2.js +7 -7
- package/dist/radio/radio2.js +7 -7
- package/dist/range/range2.js +5 -5
- package/dist/resize-handle/resize-handle.d.ts +1 -404
- package/dist/resize-handle/resize-handle2.js +16 -16
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +8 -8
- package/dist/select/select2.js +18 -18
- package/dist/skeleton/skeleton2.js +7 -7
- package/dist/sort-button/sort-button.d.ts +4 -2
- package/dist/sort-button/sort-button2.js +19 -19
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/sparkline2.js +14 -14
- package/dist/star-rating/star-rating2.js +6 -6
- package/dist/steps/steps.d.ts +4 -2
- package/dist/steps/steps2.js +36 -36
- package/dist/steps/steps2.js.map +1 -1
- package/dist/switch/switch-group2.js +6 -6
- package/dist/switch/switch2.js +7 -7
- package/dist/tabs/tabs-group2.js +21 -21
- package/dist/tabs/tabs.d.ts +4 -2
- package/dist/tabs/tabs2.js +30 -30
- package/dist/tabs/tabs2.js.map +1 -1
- package/dist/tag/tag.d.ts +5 -2
- package/dist/tag/tag2.js +20 -20
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +7 -7
- package/dist/toast/toast2.js +21 -21
- package/dist/toggletip/toggletip-footer2.js +6 -6
- package/dist/toggletip/toggletip-header2.js +6 -6
- package/dist/toggletip/toggletip2.js +17 -17
- package/dist/toolbar/toolbar2.js +11 -11
- package/dist/tooltip/tooltip2.js +16 -16
- package/dist/tree/tree-node2.js +30 -30
- package/dist/tree/tree2.js +14 -14
- package/dist/week/week2.js +7 -7
- package/package.json +3 -3
- package/dist/internal/base/button.d.ts +0 -114
- package/dist/internal/base/button.js +0 -117
- package/dist/internal/base/button.js.map +0 -1
package/dist/data.html.json
CHANGED
|
@@ -497,7 +497,7 @@
|
|
|
497
497
|
},
|
|
498
498
|
{
|
|
499
499
|
"name": "type",
|
|
500
|
-
"description": "Defines the button behavior when associated within
|
|
500
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
501
501
|
"values": [
|
|
502
502
|
{ "name": "button" },
|
|
503
503
|
{ "name": "submit" },
|
|
@@ -519,14 +519,9 @@
|
|
|
519
519
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
520
520
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
521
521
|
},
|
|
522
|
-
{
|
|
523
|
-
"name": "popoverTargetElement",
|
|
524
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
525
|
-
"values": [{ "name": "HTMLElement" }]
|
|
526
|
-
},
|
|
527
522
|
{
|
|
528
523
|
"name": "popovertarget",
|
|
529
|
-
"description": "The
|
|
524
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
530
525
|
"values": []
|
|
531
526
|
},
|
|
532
527
|
{
|
|
@@ -539,29 +534,19 @@
|
|
|
539
534
|
]
|
|
540
535
|
},
|
|
541
536
|
{
|
|
542
|
-
"name": "
|
|
537
|
+
"name": "commandfor",
|
|
543
538
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
544
539
|
"values": [{ "name": "HTMLElement" }]
|
|
545
540
|
},
|
|
546
|
-
{
|
|
547
|
-
"name": "commandfor",
|
|
548
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
549
|
-
"values": []
|
|
550
|
-
},
|
|
551
541
|
{
|
|
552
542
|
"name": "command",
|
|
553
543
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
554
544
|
"values": []
|
|
555
545
|
},
|
|
556
546
|
{
|
|
557
|
-
"name": "
|
|
547
|
+
"name": "interestfor",
|
|
558
548
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
559
549
|
"values": [{ "name": "HTMLElement" }]
|
|
560
|
-
},
|
|
561
|
-
{
|
|
562
|
-
"name": "interestfor",
|
|
563
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
564
|
-
"values": []
|
|
565
550
|
}
|
|
566
551
|
],
|
|
567
552
|
"references": [
|
|
@@ -571,7 +556,7 @@
|
|
|
571
556
|
},
|
|
572
557
|
{
|
|
573
558
|
"name": "markdown",
|
|
574
|
-
"url": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `
|
|
559
|
+
"url": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |"
|
|
575
560
|
}
|
|
576
561
|
]
|
|
577
562
|
},
|
|
@@ -993,7 +978,7 @@
|
|
|
993
978
|
},
|
|
994
979
|
{
|
|
995
980
|
"name": "type",
|
|
996
|
-
"description": "Defines the button behavior when associated within
|
|
981
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
997
982
|
"values": [
|
|
998
983
|
{ "name": "button" },
|
|
999
984
|
{ "name": "submit" },
|
|
@@ -1015,14 +1000,9 @@
|
|
|
1015
1000
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
1016
1001
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
1017
1002
|
},
|
|
1018
|
-
{
|
|
1019
|
-
"name": "popoverTargetElement",
|
|
1020
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
1021
|
-
"values": [{ "name": "HTMLElement" }]
|
|
1022
|
-
},
|
|
1023
1003
|
{
|
|
1024
1004
|
"name": "popovertarget",
|
|
1025
|
-
"description": "The
|
|
1005
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
1026
1006
|
"values": []
|
|
1027
1007
|
},
|
|
1028
1008
|
{
|
|
@@ -1035,29 +1015,19 @@
|
|
|
1035
1015
|
]
|
|
1036
1016
|
},
|
|
1037
1017
|
{
|
|
1038
|
-
"name": "
|
|
1018
|
+
"name": "commandfor",
|
|
1039
1019
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
1040
1020
|
"values": [{ "name": "HTMLElement" }]
|
|
1041
1021
|
},
|
|
1042
|
-
{
|
|
1043
|
-
"name": "commandfor",
|
|
1044
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
1045
|
-
"values": []
|
|
1046
|
-
},
|
|
1047
1022
|
{
|
|
1048
1023
|
"name": "command",
|
|
1049
1024
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
1050
1025
|
"values": []
|
|
1051
1026
|
},
|
|
1052
1027
|
{
|
|
1053
|
-
"name": "
|
|
1028
|
+
"name": "interestfor",
|
|
1054
1029
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
1055
1030
|
"values": [{ "name": "HTMLElement" }]
|
|
1056
|
-
},
|
|
1057
|
-
{
|
|
1058
|
-
"name": "interestfor",
|
|
1059
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
1060
|
-
"values": []
|
|
1061
1031
|
}
|
|
1062
1032
|
],
|
|
1063
1033
|
"references": [
|
|
@@ -1067,7 +1037,7 @@
|
|
|
1067
1037
|
},
|
|
1068
1038
|
{
|
|
1069
1039
|
"name": "markdown",
|
|
1070
|
-
"url": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n | | Enables updating internal string values for internationalization. |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `
|
|
1040
|
+
"url": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n | | Enables updating internal string values for internationalization. |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
1071
1041
|
}
|
|
1072
1042
|
]
|
|
1073
1043
|
},
|
|
@@ -1569,7 +1539,7 @@
|
|
|
1569
1539
|
},
|
|
1570
1540
|
{
|
|
1571
1541
|
"name": "nve-dropzone",
|
|
1572
|
-
"description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Slots:**\n - _default_ - use only when custom messaging requires it\n- **icon** - default slot for icon\n- **content** - default slot for content\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
|
|
1542
|
+
"description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - use only when custom messaging requires it\n- **icon** - default slot for icon\n- **content** - default slot for content\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
|
|
1573
1543
|
"attributes": [
|
|
1574
1544
|
{ "name": "accept", "values": [] },
|
|
1575
1545
|
{ "name": "max-file-size", "values": [] },
|
|
@@ -1577,6 +1547,62 @@
|
|
|
1577
1547
|
"name": "i18n",
|
|
1578
1548
|
"description": "Enables updating internal string values for internationalization.",
|
|
1579
1549
|
"values": []
|
|
1550
|
+
},
|
|
1551
|
+
{ "name": "readonly", "description": "", "values": [] },
|
|
1552
|
+
{
|
|
1553
|
+
"name": "disabled",
|
|
1554
|
+
"description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
|
|
1555
|
+
"values": []
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"name": "required",
|
|
1559
|
+
"description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
|
|
1560
|
+
"values": []
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"name": "pattern",
|
|
1564
|
+
"description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
|
|
1565
|
+
"values": []
|
|
1566
|
+
},
|
|
1567
|
+
{
|
|
1568
|
+
"name": "min",
|
|
1569
|
+
"description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
|
|
1570
|
+
"values": []
|
|
1571
|
+
},
|
|
1572
|
+
{
|
|
1573
|
+
"name": "max",
|
|
1574
|
+
"description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
|
|
1575
|
+
"values": []
|
|
1576
|
+
},
|
|
1577
|
+
{
|
|
1578
|
+
"name": "step",
|
|
1579
|
+
"description": "Defines the value granularity for numeric inputs.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step",
|
|
1580
|
+
"values": []
|
|
1581
|
+
},
|
|
1582
|
+
{
|
|
1583
|
+
"name": "minlength",
|
|
1584
|
+
"description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
|
|
1585
|
+
"values": []
|
|
1586
|
+
},
|
|
1587
|
+
{
|
|
1588
|
+
"name": "maxlength",
|
|
1589
|
+
"description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
|
|
1590
|
+
"values": []
|
|
1591
|
+
},
|
|
1592
|
+
{
|
|
1593
|
+
"name": "name",
|
|
1594
|
+
"description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
|
|
1595
|
+
"values": []
|
|
1596
|
+
},
|
|
1597
|
+
{
|
|
1598
|
+
"name": "novalidate",
|
|
1599
|
+
"description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
|
|
1600
|
+
"values": []
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"name": "value",
|
|
1604
|
+
"description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
|
|
1605
|
+
"values": [{ "name": "T" }]
|
|
1580
1606
|
}
|
|
1581
1607
|
],
|
|
1582
1608
|
"references": [
|
|
@@ -1586,7 +1612,7 @@
|
|
|
1586
1612
|
},
|
|
1587
1613
|
{
|
|
1588
1614
|
"name": "markdown",
|
|
1589
|
-
"url": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use only when custom messaging requires it |\n| icon | `string` | default slot for icon |\n| content | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` | |\n| maxFileSize (max-file-size) | `number` | |\n| i18n | | Enables updating internal string values for internationalization. |\n| formResetCallback | | |\n| value | `array` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
|
|
1615
|
+
"url": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use only when custom messaging requires it |\n| icon | `string` | default slot for icon |\n| content | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` | |\n| maxFileSize (max-file-size) | `number` | |\n| i18n | | Enables updating internal string values for internationalization. |\n| formResetCallback | | |\n| value | `array` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
|
|
1590
1616
|
}
|
|
1591
1617
|
]
|
|
1592
1618
|
},
|
|
@@ -2566,7 +2592,7 @@
|
|
|
2566
2592
|
},
|
|
2567
2593
|
{
|
|
2568
2594
|
"name": "type",
|
|
2569
|
-
"description": "Defines the button behavior when associated within
|
|
2595
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
2570
2596
|
"values": [
|
|
2571
2597
|
{ "name": "button" },
|
|
2572
2598
|
{ "name": "submit" },
|
|
@@ -2588,14 +2614,9 @@
|
|
|
2588
2614
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
2589
2615
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
2590
2616
|
},
|
|
2591
|
-
{
|
|
2592
|
-
"name": "popoverTargetElement",
|
|
2593
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
2594
|
-
"values": [{ "name": "HTMLElement" }]
|
|
2595
|
-
},
|
|
2596
2617
|
{
|
|
2597
2618
|
"name": "popovertarget",
|
|
2598
|
-
"description": "The
|
|
2619
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
2599
2620
|
"values": []
|
|
2600
2621
|
},
|
|
2601
2622
|
{
|
|
@@ -2608,29 +2629,19 @@
|
|
|
2608
2629
|
]
|
|
2609
2630
|
},
|
|
2610
2631
|
{
|
|
2611
|
-
"name": "
|
|
2632
|
+
"name": "commandfor",
|
|
2612
2633
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
2613
2634
|
"values": [{ "name": "HTMLElement" }]
|
|
2614
2635
|
},
|
|
2615
|
-
{
|
|
2616
|
-
"name": "commandfor",
|
|
2617
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
2618
|
-
"values": []
|
|
2619
|
-
},
|
|
2620
2636
|
{
|
|
2621
2637
|
"name": "command",
|
|
2622
2638
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
2623
2639
|
"values": []
|
|
2624
2640
|
},
|
|
2625
2641
|
{
|
|
2626
|
-
"name": "
|
|
2642
|
+
"name": "interestfor",
|
|
2627
2643
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
2628
2644
|
"values": [{ "name": "HTMLElement" }]
|
|
2629
|
-
},
|
|
2630
|
-
{
|
|
2631
|
-
"name": "interestfor",
|
|
2632
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
2633
|
-
"values": []
|
|
2634
2645
|
}
|
|
2635
2646
|
],
|
|
2636
2647
|
"references": [
|
|
@@ -2640,7 +2651,7 @@
|
|
|
2640
2651
|
},
|
|
2641
2652
|
{
|
|
2642
2653
|
"name": "markdown",
|
|
2643
|
-
"url": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bell-stroke' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bookmark-stroke' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'dot-stroke' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'filter-stroke' \\| 'flag' \\| 'flag-stroke' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt-stroke' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle-stroke' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'pointer-stroke' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'question-mark-circle-stroke' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'thumb-stroke' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `HTMLFormElement \\| null \\| string` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of the element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of the element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |"
|
|
2654
|
+
"url": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bell-stroke' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bookmark-stroke' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'dot-stroke' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'filter-stroke' \\| 'flag' \\| 'flag-stroke' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt-stroke' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle-stroke' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'pointer-stroke' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'question-mark-circle-stroke' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'thumb-stroke' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |"
|
|
2644
2655
|
}
|
|
2645
2656
|
]
|
|
2646
2657
|
},
|
|
@@ -3170,7 +3181,7 @@
|
|
|
3170
3181
|
},
|
|
3171
3182
|
{
|
|
3172
3183
|
"name": "type",
|
|
3173
|
-
"description": "Defines the button behavior when associated within
|
|
3184
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
3174
3185
|
"values": [
|
|
3175
3186
|
{ "name": "button" },
|
|
3176
3187
|
{ "name": "submit" },
|
|
@@ -3192,14 +3203,9 @@
|
|
|
3192
3203
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
3193
3204
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
3194
3205
|
},
|
|
3195
|
-
{
|
|
3196
|
-
"name": "popoverTargetElement",
|
|
3197
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
3198
|
-
"values": [{ "name": "HTMLElement" }]
|
|
3199
|
-
},
|
|
3200
3206
|
{
|
|
3201
3207
|
"name": "popovertarget",
|
|
3202
|
-
"description": "The
|
|
3208
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
3203
3209
|
"values": []
|
|
3204
3210
|
},
|
|
3205
3211
|
{
|
|
@@ -3212,29 +3218,19 @@
|
|
|
3212
3218
|
]
|
|
3213
3219
|
},
|
|
3214
3220
|
{
|
|
3215
|
-
"name": "
|
|
3221
|
+
"name": "commandfor",
|
|
3216
3222
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
3217
3223
|
"values": [{ "name": "HTMLElement" }]
|
|
3218
3224
|
},
|
|
3219
|
-
{
|
|
3220
|
-
"name": "commandfor",
|
|
3221
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
3222
|
-
"values": []
|
|
3223
|
-
},
|
|
3224
3225
|
{
|
|
3225
3226
|
"name": "command",
|
|
3226
3227
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
3227
3228
|
"values": []
|
|
3228
3229
|
},
|
|
3229
3230
|
{
|
|
3230
|
-
"name": "
|
|
3231
|
+
"name": "interestfor",
|
|
3231
3232
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
3232
3233
|
"values": [{ "name": "HTMLElement" }]
|
|
3233
|
-
},
|
|
3234
|
-
{
|
|
3235
|
-
"name": "interestfor",
|
|
3236
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
3237
|
-
"values": []
|
|
3238
3234
|
}
|
|
3239
3235
|
],
|
|
3240
3236
|
"references": [
|
|
@@ -3244,7 +3240,7 @@
|
|
|
3244
3240
|
},
|
|
3245
3241
|
{
|
|
3246
3242
|
"name": "markdown",
|
|
3247
|
-
"url": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| suffix | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| type | `
|
|
3243
|
+
"url": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| suffix | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| type | `string` | |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-background | `string` | |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --opacity | `string` | [MDN](https://mdn.dev/CSS/opacity) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
|
|
3248
3244
|
}
|
|
3249
3245
|
]
|
|
3250
3246
|
},
|
|
@@ -3567,7 +3563,7 @@
|
|
|
3567
3563
|
},
|
|
3568
3564
|
{
|
|
3569
3565
|
"name": "nve-pagination",
|
|
3570
|
-
"description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change**\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Slots:**\n - _default_ - default slot for content\n- **suffix-label** - slot for overriding the \"n of total\" label when total is an approximation\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
|
|
3566
|
+
"description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change**\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - default slot for content\n- **suffix-label** - slot for overriding the \"n of total\" label when total is an approximation\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
|
|
3571
3567
|
"attributes": [
|
|
3572
3568
|
{
|
|
3573
3569
|
"name": "step",
|
|
@@ -3607,6 +3603,57 @@
|
|
|
3607
3603
|
"name": "i18n",
|
|
3608
3604
|
"description": "Enables updating internal string values for internationalization.",
|
|
3609
3605
|
"values": []
|
|
3606
|
+
},
|
|
3607
|
+
{ "name": "readonly", "description": "", "values": [] },
|
|
3608
|
+
{
|
|
3609
|
+
"name": "disabled",
|
|
3610
|
+
"description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
|
|
3611
|
+
"values": []
|
|
3612
|
+
},
|
|
3613
|
+
{
|
|
3614
|
+
"name": "required",
|
|
3615
|
+
"description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
|
|
3616
|
+
"values": []
|
|
3617
|
+
},
|
|
3618
|
+
{
|
|
3619
|
+
"name": "pattern",
|
|
3620
|
+
"description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
|
|
3621
|
+
"values": []
|
|
3622
|
+
},
|
|
3623
|
+
{
|
|
3624
|
+
"name": "min",
|
|
3625
|
+
"description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
|
|
3626
|
+
"values": []
|
|
3627
|
+
},
|
|
3628
|
+
{
|
|
3629
|
+
"name": "max",
|
|
3630
|
+
"description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
|
|
3631
|
+
"values": []
|
|
3632
|
+
},
|
|
3633
|
+
{
|
|
3634
|
+
"name": "minlength",
|
|
3635
|
+
"description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
|
|
3636
|
+
"values": []
|
|
3637
|
+
},
|
|
3638
|
+
{
|
|
3639
|
+
"name": "maxlength",
|
|
3640
|
+
"description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
|
|
3641
|
+
"values": []
|
|
3642
|
+
},
|
|
3643
|
+
{
|
|
3644
|
+
"name": "name",
|
|
3645
|
+
"description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
|
|
3646
|
+
"values": []
|
|
3647
|
+
},
|
|
3648
|
+
{
|
|
3649
|
+
"name": "novalidate",
|
|
3650
|
+
"description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
|
|
3651
|
+
"values": []
|
|
3652
|
+
},
|
|
3653
|
+
{
|
|
3654
|
+
"name": "value",
|
|
3655
|
+
"description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
|
|
3656
|
+
"values": [{ "name": "T" }]
|
|
3610
3657
|
}
|
|
3611
3658
|
],
|
|
3612
3659
|
"references": [
|
|
@@ -3616,7 +3663,7 @@
|
|
|
3616
3663
|
},
|
|
3617
3664
|
{
|
|
3618
3665
|
"name": "markdown",
|
|
3619
|
-
"url": "## nve-pagination\n\nPagination is a control that enables users to navigate through pages of content.\n\n### Example\n\n```html\n<nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n<script type=\"module\">\n const pagination = document.querySelector(\"nve-pagination\");\n pagination.addEventListener(\"change\", (e) => console.log(e.target.value));\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pagination/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| suffix-label | `string` | slot for overriding the \"n of total\" label when total is an approximation |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| step | `number` | The number of items per page. |\n| stepSizes | `array` | The array of custom step-size. |\n| items | `number` | The total number of items. |\n| skippable | `boolean` | Whether the pagination is skippable to start/end. |\n| disableStep (disable-step) | `boolean` | Whether the step selector has a disabled state. |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | `number` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| step-change | `CustomEvent` | |\n| last-page | `CustomEvent` | Dispatched when the last page is active |\n| first-page | `CustomEvent` | Dispatched when the first page is active |\n| input | `CustomEvent` | Dispatched when the value (page) has changed |\n| change | `CustomEvent` | Dispatched when the value (page) has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
3666
|
+
"url": "## nve-pagination\n\nPagination is a control that enables users to navigate through pages of content.\n\n### Example\n\n```html\n<nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n<script type=\"module\">\n const pagination = document.querySelector(\"nve-pagination\");\n pagination.addEventListener(\"change\", (e) => console.log(e.target.value));\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pagination/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| suffix-label | `string` | slot for overriding the \"n of total\" label when total is an approximation |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| step | `number` | The number of items per page. |\n| stepSizes | `array` | The array of custom step-size. |\n| items | `number` | The total number of items. |\n| skippable | `boolean` | Whether the pagination is skippable to start/end. |\n| disableStep (disable-step) | `boolean` | Whether the step selector has a disabled state. |\n| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | `number` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| step-change | `CustomEvent` | |\n| last-page | `CustomEvent` | Dispatched when the last page is active |\n| first-page | `CustomEvent` | Dispatched when the first page is active |\n| input | `CustomEvent` | Dispatched when the value (page) has changed |\n| change | `CustomEvent` | Dispatched when the value (page) has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
3620
3667
|
}
|
|
3621
3668
|
]
|
|
3622
3669
|
},
|
|
@@ -3786,12 +3833,68 @@
|
|
|
3786
3833
|
},
|
|
3787
3834
|
{
|
|
3788
3835
|
"name": "nve-preferences-input",
|
|
3789
|
-
"description": "A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
|
|
3836
|
+
"description": "A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
|
|
3790
3837
|
"attributes": [
|
|
3791
3838
|
{
|
|
3792
3839
|
"name": "i18n",
|
|
3793
3840
|
"description": "Enables updating internal string values for internationalization.",
|
|
3794
3841
|
"values": []
|
|
3842
|
+
},
|
|
3843
|
+
{ "name": "readonly", "description": "", "values": [] },
|
|
3844
|
+
{
|
|
3845
|
+
"name": "disabled",
|
|
3846
|
+
"description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
|
|
3847
|
+
"values": []
|
|
3848
|
+
},
|
|
3849
|
+
{
|
|
3850
|
+
"name": "required",
|
|
3851
|
+
"description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
|
|
3852
|
+
"values": []
|
|
3853
|
+
},
|
|
3854
|
+
{
|
|
3855
|
+
"name": "pattern",
|
|
3856
|
+
"description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
|
|
3857
|
+
"values": []
|
|
3858
|
+
},
|
|
3859
|
+
{
|
|
3860
|
+
"name": "min",
|
|
3861
|
+
"description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
|
|
3862
|
+
"values": []
|
|
3863
|
+
},
|
|
3864
|
+
{
|
|
3865
|
+
"name": "max",
|
|
3866
|
+
"description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
|
|
3867
|
+
"values": []
|
|
3868
|
+
},
|
|
3869
|
+
{
|
|
3870
|
+
"name": "step",
|
|
3871
|
+
"description": "Defines the value granularity for numeric inputs.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step",
|
|
3872
|
+
"values": []
|
|
3873
|
+
},
|
|
3874
|
+
{
|
|
3875
|
+
"name": "minlength",
|
|
3876
|
+
"description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
|
|
3877
|
+
"values": []
|
|
3878
|
+
},
|
|
3879
|
+
{
|
|
3880
|
+
"name": "maxlength",
|
|
3881
|
+
"description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
|
|
3882
|
+
"values": []
|
|
3883
|
+
},
|
|
3884
|
+
{
|
|
3885
|
+
"name": "name",
|
|
3886
|
+
"description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
|
|
3887
|
+
"values": []
|
|
3888
|
+
},
|
|
3889
|
+
{
|
|
3890
|
+
"name": "novalidate",
|
|
3891
|
+
"description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
|
|
3892
|
+
"values": []
|
|
3893
|
+
},
|
|
3894
|
+
{
|
|
3895
|
+
"name": "value",
|
|
3896
|
+
"description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
|
|
3897
|
+
"values": [{ "name": "T" }]
|
|
3795
3898
|
}
|
|
3796
3899
|
],
|
|
3797
3900
|
"references": [
|
|
@@ -3801,7 +3904,7 @@
|
|
|
3801
3904
|
},
|
|
3802
3905
|
{
|
|
3803
3906
|
"name": "markdown",
|
|
3804
|
-
"url": "## nve-preferences-input\n\nA preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n\n### Example\n\n```html\n<nve-preferences-input\n name=\"theme\"\n value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'\n></nve-preferences-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/preferences-input/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | `object` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| input | `CustomEvent` | Dispatched when the value has changed |\n| change | `CustomEvent` | Dispatched when the value has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
3907
|
+
"url": "## nve-preferences-input\n\nA preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n\n### Example\n\n```html\n<nve-preferences-input\n name=\"theme\"\n value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'\n></nve-preferences-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/preferences-input/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | `object` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| input | `CustomEvent` | Dispatched when the value has changed |\n| change | `CustomEvent` | Dispatched when the value has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
3805
3908
|
}
|
|
3806
3909
|
]
|
|
3807
3910
|
},
|
|
@@ -4113,7 +4216,7 @@
|
|
|
4113
4216
|
},
|
|
4114
4217
|
{
|
|
4115
4218
|
"name": "nve-resize-handle",
|
|
4116
|
-
"description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** - _(default: undefined)_\n- **--target-size** - _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
|
|
4219
|
+
"description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** - _(default: undefined)_\n- **--target-size** - _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
|
|
4117
4220
|
"attributes": [
|
|
4118
4221
|
{
|
|
4119
4222
|
"name": "orientation",
|
|
@@ -4143,6 +4246,47 @@
|
|
|
4143
4246
|
"name": "i18n",
|
|
4144
4247
|
"description": "Enables updating internal string values for internationalization.",
|
|
4145
4248
|
"values": []
|
|
4249
|
+
},
|
|
4250
|
+
{ "name": "readonly", "description": "", "values": [] },
|
|
4251
|
+
{
|
|
4252
|
+
"name": "disabled",
|
|
4253
|
+
"description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
|
|
4254
|
+
"values": []
|
|
4255
|
+
},
|
|
4256
|
+
{
|
|
4257
|
+
"name": "required",
|
|
4258
|
+
"description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
|
|
4259
|
+
"values": []
|
|
4260
|
+
},
|
|
4261
|
+
{
|
|
4262
|
+
"name": "pattern",
|
|
4263
|
+
"description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
|
|
4264
|
+
"values": []
|
|
4265
|
+
},
|
|
4266
|
+
{
|
|
4267
|
+
"name": "minlength",
|
|
4268
|
+
"description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
|
|
4269
|
+
"values": []
|
|
4270
|
+
},
|
|
4271
|
+
{
|
|
4272
|
+
"name": "maxlength",
|
|
4273
|
+
"description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
|
|
4274
|
+
"values": []
|
|
4275
|
+
},
|
|
4276
|
+
{
|
|
4277
|
+
"name": "name",
|
|
4278
|
+
"description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
|
|
4279
|
+
"values": []
|
|
4280
|
+
},
|
|
4281
|
+
{
|
|
4282
|
+
"name": "novalidate",
|
|
4283
|
+
"description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
|
|
4284
|
+
"values": []
|
|
4285
|
+
},
|
|
4286
|
+
{
|
|
4287
|
+
"name": "value",
|
|
4288
|
+
"description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
|
|
4289
|
+
"values": [{ "name": "T" }]
|
|
4146
4290
|
}
|
|
4147
4291
|
],
|
|
4148
4292
|
"references": [
|
|
@@ -4152,7 +4296,7 @@
|
|
|
4152
4296
|
},
|
|
4153
4297
|
{
|
|
4154
4298
|
"name": "markdown",
|
|
4155
|
-
"url": "## nve-resize-handle\n\nA resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n\n### Example\n\n```html\n<nve-resize-handle></nve-resize-handle>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/resize-handle/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| orientation | `'horizontal' \\| 'vertical' \\| \"default\"` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| min | `number` | Determines the min resize value. |\n| max | `number` | Determines the max resize value. |\n| step | `number` | Determines the value step change. |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| toggle | `CustomEvent` | Dispatched when the resize handle is double clicked. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --line-width | `string` | |\n| --target-size | `string` | |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
|
|
4299
|
+
"url": "## nve-resize-handle\n\nA resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n\n### Example\n\n```html\n<nve-resize-handle></nve-resize-handle>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/resize-handle/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| orientation | `'horizontal' \\| 'vertical' \\| \"default\"` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| min | `number` | Determines the min resize value. |\n| max | `number` | Determines the max resize value. |\n| step | `number` | Determines the value step change. |\n| i18n | | Enables updating internal string values for internationalization. |\n| value | | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| toggle | `CustomEvent` | Dispatched when the resize handle is double clicked. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --line-width | `string` | |\n| --target-size | `string` | |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
|
|
4156
4300
|
}
|
|
4157
4301
|
]
|
|
4158
4302
|
},
|
|
@@ -4366,7 +4510,7 @@
|
|
|
4366
4510
|
},
|
|
4367
4511
|
{
|
|
4368
4512
|
"name": "type",
|
|
4369
|
-
"description": "Defines the button behavior when associated within
|
|
4513
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
4370
4514
|
"values": [
|
|
4371
4515
|
{ "name": "button" },
|
|
4372
4516
|
{ "name": "submit" },
|
|
@@ -4388,14 +4532,9 @@
|
|
|
4388
4532
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
4389
4533
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
4390
4534
|
},
|
|
4391
|
-
{
|
|
4392
|
-
"name": "popoverTargetElement",
|
|
4393
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
4394
|
-
"values": [{ "name": "HTMLElement" }]
|
|
4395
|
-
},
|
|
4396
4535
|
{
|
|
4397
4536
|
"name": "popovertarget",
|
|
4398
|
-
"description": "The
|
|
4537
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
4399
4538
|
"values": []
|
|
4400
4539
|
},
|
|
4401
4540
|
{
|
|
@@ -4408,29 +4547,19 @@
|
|
|
4408
4547
|
]
|
|
4409
4548
|
},
|
|
4410
4549
|
{
|
|
4411
|
-
"name": "
|
|
4550
|
+
"name": "commandfor",
|
|
4412
4551
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4413
4552
|
"values": [{ "name": "HTMLElement" }]
|
|
4414
4553
|
},
|
|
4415
|
-
{
|
|
4416
|
-
"name": "commandfor",
|
|
4417
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4418
|
-
"values": []
|
|
4419
|
-
},
|
|
4420
4554
|
{
|
|
4421
4555
|
"name": "command",
|
|
4422
4556
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4423
4557
|
"values": []
|
|
4424
4558
|
},
|
|
4425
4559
|
{
|
|
4426
|
-
"name": "
|
|
4560
|
+
"name": "interestfor",
|
|
4427
4561
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4428
4562
|
"values": [{ "name": "HTMLElement" }]
|
|
4429
|
-
},
|
|
4430
|
-
{
|
|
4431
|
-
"name": "interestfor",
|
|
4432
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4433
|
-
"values": []
|
|
4434
4563
|
}
|
|
4435
4564
|
],
|
|
4436
4565
|
"references": [
|
|
@@ -4440,7 +4569,7 @@
|
|
|
4440
4569
|
},
|
|
4441
4570
|
{
|
|
4442
4571
|
"name": "markdown",
|
|
4443
|
-
"url": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| i18n | | Enables updating internal string values for internationalization. |\n| type | `
|
|
4572
|
+
"url": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| i18n | | Enables updating internal string values for internationalization. |\n| type | `string` | |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| sort | `CustomEvent` | Dispatched on sort button click, returns the current sort value and the next sort value. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
|
|
4444
4573
|
}
|
|
4445
4574
|
]
|
|
4446
4575
|
},
|
|
@@ -4664,7 +4793,7 @@
|
|
|
4664
4793
|
},
|
|
4665
4794
|
{
|
|
4666
4795
|
"name": "type",
|
|
4667
|
-
"description": "Defines the button behavior when associated within
|
|
4796
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
4668
4797
|
"values": [
|
|
4669
4798
|
{ "name": "button" },
|
|
4670
4799
|
{ "name": "submit" },
|
|
@@ -4681,14 +4810,9 @@
|
|
|
4681
4810
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
4682
4811
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
4683
4812
|
},
|
|
4684
|
-
{
|
|
4685
|
-
"name": "popoverTargetElement",
|
|
4686
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
4687
|
-
"values": [{ "name": "HTMLElement" }]
|
|
4688
|
-
},
|
|
4689
4813
|
{
|
|
4690
4814
|
"name": "popovertarget",
|
|
4691
|
-
"description": "The
|
|
4815
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
4692
4816
|
"values": []
|
|
4693
4817
|
},
|
|
4694
4818
|
{
|
|
@@ -4701,29 +4825,19 @@
|
|
|
4701
4825
|
]
|
|
4702
4826
|
},
|
|
4703
4827
|
{
|
|
4704
|
-
"name": "
|
|
4828
|
+
"name": "commandfor",
|
|
4705
4829
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4706
4830
|
"values": [{ "name": "HTMLElement" }]
|
|
4707
4831
|
},
|
|
4708
|
-
{
|
|
4709
|
-
"name": "commandfor",
|
|
4710
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4711
|
-
"values": []
|
|
4712
|
-
},
|
|
4713
4832
|
{
|
|
4714
4833
|
"name": "command",
|
|
4715
4834
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4716
4835
|
"values": []
|
|
4717
4836
|
},
|
|
4718
4837
|
{
|
|
4719
|
-
"name": "
|
|
4838
|
+
"name": "interestfor",
|
|
4720
4839
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4721
4840
|
"values": [{ "name": "HTMLElement" }]
|
|
4722
|
-
},
|
|
4723
|
-
{
|
|
4724
|
-
"name": "interestfor",
|
|
4725
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4726
|
-
"values": []
|
|
4727
4841
|
}
|
|
4728
4842
|
],
|
|
4729
4843
|
"references": [
|
|
@@ -4733,7 +4847,7 @@
|
|
|
4733
4847
|
},
|
|
4734
4848
|
{
|
|
4735
4849
|
"name": "markdown",
|
|
4736
|
-
"url": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n <nve-steps-item selected>Step 3</nve-steps-item>\n <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"default\"` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| container | `'condensed' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| type | `
|
|
4850
|
+
"url": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n <nve-steps-item selected>Step 3</nve-steps-item>\n <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"default\"` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| container | `'condensed' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| type | `string` | |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
|
|
4737
4851
|
}
|
|
4738
4852
|
]
|
|
4739
4853
|
},
|
|
@@ -4915,7 +5029,7 @@
|
|
|
4915
5029
|
},
|
|
4916
5030
|
{
|
|
4917
5031
|
"name": "type",
|
|
4918
|
-
"description": "Defines the button behavior when associated within
|
|
5032
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
4919
5033
|
"values": [
|
|
4920
5034
|
{ "name": "button" },
|
|
4921
5035
|
{ "name": "submit" },
|
|
@@ -4932,14 +5046,9 @@
|
|
|
4932
5046
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
4933
5047
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
4934
5048
|
},
|
|
4935
|
-
{
|
|
4936
|
-
"name": "popoverTargetElement",
|
|
4937
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
4938
|
-
"values": [{ "name": "HTMLElement" }]
|
|
4939
|
-
},
|
|
4940
5049
|
{
|
|
4941
5050
|
"name": "popovertarget",
|
|
4942
|
-
"description": "The
|
|
5051
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
4943
5052
|
"values": []
|
|
4944
5053
|
},
|
|
4945
5054
|
{
|
|
@@ -4952,29 +5061,19 @@
|
|
|
4952
5061
|
]
|
|
4953
5062
|
},
|
|
4954
5063
|
{
|
|
4955
|
-
"name": "
|
|
5064
|
+
"name": "commandfor",
|
|
4956
5065
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4957
5066
|
"values": [{ "name": "HTMLElement" }]
|
|
4958
5067
|
},
|
|
4959
|
-
{
|
|
4960
|
-
"name": "commandfor",
|
|
4961
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4962
|
-
"values": []
|
|
4963
|
-
},
|
|
4964
5068
|
{
|
|
4965
5069
|
"name": "command",
|
|
4966
5070
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
4967
5071
|
"values": []
|
|
4968
5072
|
},
|
|
4969
5073
|
{
|
|
4970
|
-
"name": "
|
|
5074
|
+
"name": "interestfor",
|
|
4971
5075
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4972
5076
|
"values": [{ "name": "HTMLElement" }]
|
|
4973
|
-
},
|
|
4974
|
-
{
|
|
4975
|
-
"name": "interestfor",
|
|
4976
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
4977
|
-
"values": []
|
|
4978
5077
|
}
|
|
4979
5078
|
],
|
|
4980
5079
|
"references": [
|
|
@@ -4984,7 +5083,7 @@
|
|
|
4984
5083
|
},
|
|
4985
5084
|
{
|
|
4986
5085
|
"name": "markdown",
|
|
4987
|
-
"url": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n <nve-tabs>\n <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n </nve-tabs>\n <div slot=\"overview\">overview content</div>\n <div slot=\"details\">details content</div>\n <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `
|
|
5086
|
+
"url": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n <nve-tabs>\n <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n </nve-tabs>\n <div slot=\"overview\">overview content</div>\n <div slot=\"details\">details content</div>\n <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `string` | |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-height | `string` | |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --border-background | `string` | |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
|
|
4988
5087
|
}
|
|
4989
5088
|
]
|
|
4990
5089
|
},
|
|
@@ -5094,7 +5193,7 @@
|
|
|
5094
5193
|
},
|
|
5095
5194
|
{
|
|
5096
5195
|
"name": "type",
|
|
5097
|
-
"description": "Defines the button behavior when associated within
|
|
5196
|
+
"description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
|
|
5098
5197
|
"values": [
|
|
5099
5198
|
{ "name": "button" },
|
|
5100
5199
|
{ "name": "submit" },
|
|
@@ -5116,14 +5215,9 @@
|
|
|
5116
5215
|
"description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
|
|
5117
5216
|
"values": [{ "name": "page" }, { "name": "step" }]
|
|
5118
5217
|
},
|
|
5119
|
-
{
|
|
5120
|
-
"name": "popoverTargetElement",
|
|
5121
|
-
"description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
|
|
5122
|
-
"values": [{ "name": "HTMLElement" }]
|
|
5123
|
-
},
|
|
5124
5218
|
{
|
|
5125
5219
|
"name": "popovertarget",
|
|
5126
|
-
"description": "The
|
|
5220
|
+
"description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
|
|
5127
5221
|
"values": []
|
|
5128
5222
|
},
|
|
5129
5223
|
{
|
|
@@ -5136,29 +5230,19 @@
|
|
|
5136
5230
|
]
|
|
5137
5231
|
},
|
|
5138
5232
|
{
|
|
5139
|
-
"name": "
|
|
5233
|
+
"name": "commandfor",
|
|
5140
5234
|
"description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
5141
5235
|
"values": [{ "name": "HTMLElement" }]
|
|
5142
5236
|
},
|
|
5143
|
-
{
|
|
5144
|
-
"name": "commandfor",
|
|
5145
|
-
"description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
5146
|
-
"values": []
|
|
5147
|
-
},
|
|
5148
5237
|
{
|
|
5149
5238
|
"name": "command",
|
|
5150
5239
|
"description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
|
|
5151
5240
|
"values": []
|
|
5152
5241
|
},
|
|
5153
5242
|
{
|
|
5154
|
-
"name": "
|
|
5243
|
+
"name": "interestfor",
|
|
5155
5244
|
"description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
5156
5245
|
"values": [{ "name": "HTMLElement" }]
|
|
5157
|
-
},
|
|
5158
|
-
{
|
|
5159
|
-
"name": "interestfor",
|
|
5160
|
-
"description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
|
|
5161
|
-
"values": []
|
|
5162
5246
|
}
|
|
5163
5247
|
],
|
|
5164
5248
|
"references": [
|
|
@@ -5168,7 +5252,7 @@
|
|
|
5168
5252
|
},
|
|
5169
5253
|
{
|
|
5170
5254
|
"name": "markdown",
|
|
5171
|
-
"url": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| prominence | `'emphasis' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\n| i18n | | Enables updating internal string values for internationalization. |\n| type | `
|
|
5255
|
+
"url": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| prominence | `'emphasis' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\n| i18n | | Enables updating internal string values for internationalization. |\n| type | `string` | |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |"
|
|
5172
5256
|
}
|
|
5173
5257
|
]
|
|
5174
5258
|
},
|