@nvidia-elements/core 2.15.5 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/accordion/accordion2.js +4 -4
  3. package/dist/alert/alert-group2.js +1 -1
  4. package/dist/alert/alert2.js +1 -1
  5. package/dist/avatar/avatar-group2.js +1 -1
  6. package/dist/avatar/avatar2.js +1 -1
  7. package/dist/badge/badge2.js +1 -1
  8. package/dist/breadcrumb/breadcrumb2.js +1 -1
  9. package/dist/bundle.d.ts +4 -0
  10. package/dist/bundles/index.d.ts +63 -0
  11. package/dist/bundles/index.js +73 -6
  12. package/dist/button/button2.js +1 -1
  13. package/dist/button-group/button-group2.js +1 -1
  14. package/dist/card/card2.js +4 -4
  15. package/dist/chat-message/chat-message2.js +1 -1
  16. package/dist/checkbox/checkbox-group2.js +1 -1
  17. package/dist/checkbox/checkbox2.js +1 -1
  18. package/dist/color/color2.js +1 -1
  19. package/dist/combobox/combobox2.js +1 -1
  20. package/dist/copy-button/copy-button2.js +1 -1
  21. package/dist/custom-elements-jsx.d.ts +49 -0
  22. package/dist/custom-elements-vue.d.ts +49 -0
  23. package/dist/custom-elements.json +370 -55
  24. package/dist/data.html.json +42 -0
  25. package/dist/date/date2.js +1 -1
  26. package/dist/datetime/datetime2.js +1 -1
  27. package/dist/dialog/dialog-footer2.js +1 -1
  28. package/dist/dialog/dialog-header2.js +1 -1
  29. package/dist/dialog/dialog2.js +1 -1
  30. package/dist/divider/divider2.js +1 -1
  31. package/dist/dot/dot2.js +1 -1
  32. package/dist/drag-handle/drag-handle2.js +1 -1
  33. package/dist/drawer/drawer-content2.js +1 -1
  34. package/dist/drawer/drawer-footer2.js +1 -1
  35. package/dist/drawer/drawer-header2.js +1 -1
  36. package/dist/drawer/drawer2.js +1 -1
  37. package/dist/dropdown/dropdown-footer2.js +1 -1
  38. package/dist/dropdown/dropdown-header2.js +1 -1
  39. package/dist/dropdown/dropdown2.js +1 -1
  40. package/dist/dropdown-group/dropdown-group.js +1 -1
  41. package/dist/dropzone/dropzone2.js +1 -1
  42. package/dist/file/file2.js +1 -1
  43. package/dist/format-bytes/format-bytes2.js +1 -1
  44. package/dist/format-datetime/format-datetime2.js +1 -1
  45. package/dist/format-number/format-number2.js +1 -1
  46. package/dist/format-relative-time/format-relative-time2.js +1 -1
  47. package/dist/format-truncate/format-truncate2.js +1 -1
  48. package/dist/forms/control/control2.js +1 -1
  49. package/dist/forms/control-group/control-group2.js +1 -1
  50. package/dist/forms/control-message/control-message2.js +1 -1
  51. package/dist/gauge/gauge2.js +1 -1
  52. package/dist/grid/cell/cell2.js +1 -1
  53. package/dist/grid/column/column2.js +1 -1
  54. package/dist/grid/footer/footer2.js +1 -1
  55. package/dist/grid/grid2.js +1 -1
  56. package/dist/grid/header/header2.js +1 -1
  57. package/dist/grid/placeholder/placeholder2.js +1 -1
  58. package/dist/grid/row/row2.js +1 -1
  59. package/dist/icon/icon2.js +2 -2
  60. package/dist/icon-button/icon-button.d.ts +5 -0
  61. package/dist/icon-button/icon-button2.js +3 -3
  62. package/dist/icon-button/icon-button2.js.map +1 -1
  63. package/dist/iframe/define.d.ts +6 -0
  64. package/dist/iframe/define.js +7 -0
  65. package/dist/iframe/define.js.map +1 -0
  66. package/dist/iframe/iframe.d.ts +28 -0
  67. package/dist/iframe/iframe.examples.js +6 -0
  68. package/dist/iframe/iframe.examples.js.map +1 -0
  69. package/dist/iframe/iframe.examples.json +59 -0
  70. package/dist/iframe/iframe.js +6 -0
  71. package/dist/iframe/iframe.js.map +1 -0
  72. package/dist/iframe/iframe2.js +183 -0
  73. package/dist/iframe/iframe2.js.map +1 -0
  74. package/dist/iframe/index.d.ts +1 -0
  75. package/dist/iframe/index.js +2 -0
  76. package/dist/index.js +1 -1
  77. package/dist/input/input-group2.js +1 -1
  78. package/dist/input/input2.js +1 -1
  79. package/dist/internal/controllers/keynav-grid.controller.js +93 -62
  80. package/dist/internal/controllers/keynav-grid.controller.js.map +1 -1
  81. package/dist/internal/services/global.service.js +1 -1
  82. package/dist/internal/utils/events.d.ts +6 -1
  83. package/dist/internal/utils/events.js +22 -4
  84. package/dist/internal/utils/events.js.map +1 -1
  85. package/dist/logo/logo2.js +1 -1
  86. package/dist/menu/menu-group2.js +1 -1
  87. package/dist/menu/menu-item2.js +1 -1
  88. package/dist/menu/menu2.js +1 -1
  89. package/dist/month/month2.js +1 -1
  90. package/dist/notification/notification-group2.js +1 -1
  91. package/dist/notification/notification2.js +1 -1
  92. package/dist/page/page-panel/page-panel-content2.js +1 -1
  93. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  94. package/dist/page/page-panel/page-panel-header2.js +1 -1
  95. package/dist/page/page-panel/page-panel2.js +1 -1
  96. package/dist/page/page2.js +1 -1
  97. package/dist/page-header/page-header2.js +1 -1
  98. package/dist/page-loader/page-loader2.js +1 -1
  99. package/dist/pagination/pagination2.js +1 -1
  100. package/dist/panel/panel2.js +4 -4
  101. package/dist/password/password2.js +1 -1
  102. package/dist/preferences-input/preferences-input2.js +1 -1
  103. package/dist/progress-bar/progress-bar2.js +1 -1
  104. package/dist/progress-dot/define.d.ts +6 -0
  105. package/dist/progress-dot/define.js +7 -0
  106. package/dist/progress-dot/define.js.map +1 -0
  107. package/dist/progress-dot/index.d.ts +1 -0
  108. package/dist/progress-dot/index.js +2 -0
  109. package/dist/progress-dot/progress-dot.d.ts +33 -0
  110. package/dist/progress-dot/progress-dot.examples.js +6 -0
  111. package/dist/progress-dot/progress-dot.examples.js.map +1 -0
  112. package/dist/progress-dot/progress-dot.examples.json +64 -0
  113. package/dist/progress-dot/progress-dot.js +6 -0
  114. package/dist/progress-dot/progress-dot.js.map +1 -0
  115. package/dist/progress-dot/progress-dot2.js +40 -0
  116. package/dist/progress-dot/progress-dot2.js.map +1 -0
  117. package/dist/progress-ring/progress-ring2.js +1 -1
  118. package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
  119. package/dist/pulse/pulse2.js +1 -1
  120. package/dist/radio/radio-group2.js +1 -1
  121. package/dist/radio/radio2.js +1 -1
  122. package/dist/range/range2.js +1 -1
  123. package/dist/resize-handle/resize-handle2.js +1 -1
  124. package/dist/search/search2.js +1 -1
  125. package/dist/select/select2.js +1 -1
  126. package/dist/skeleton/skeleton2.js +1 -1
  127. package/dist/sort-button/sort-button2.js +1 -1
  128. package/dist/sparkline/sparkline2.js +1 -1
  129. package/dist/star-rating/star-rating2.js +1 -1
  130. package/dist/steps/steps2.js +2 -2
  131. package/dist/switch/switch-group2.js +1 -1
  132. package/dist/switch/switch2.js +1 -1
  133. package/dist/tabs/tabs-group2.js +1 -1
  134. package/dist/tabs/tabs2.js +2 -2
  135. package/dist/tag/tag2.js +1 -1
  136. package/dist/textarea/textarea2.js +1 -1
  137. package/dist/time/time2.js +1 -1
  138. package/dist/toast/toast2.js +1 -1
  139. package/dist/toggletip/toggletip-footer2.js +1 -1
  140. package/dist/toggletip/toggletip-header.js +1 -1
  141. package/dist/toggletip/toggletip-header.js.map +1 -1
  142. package/dist/toggletip/toggletip-header2.js +1 -1
  143. package/dist/toggletip/toggletip.examples.js.map +1 -1
  144. package/dist/toggletip/toggletip.examples.json +1 -1
  145. package/dist/toggletip/toggletip2.js +1 -1
  146. package/dist/toolbar/toolbar2.js +1 -1
  147. package/dist/tooltip/tooltip2.js +1 -1
  148. package/dist/tree/tree-node2.js +1 -1
  149. package/dist/tree/tree2.js +1 -1
  150. package/dist/week/week2.js +1 -1
  151. package/package.json +26 -1
@@ -2782,6 +2782,14 @@
2782
2782
  "package": "@nvidia-elements/core/icon-button"
2783
2783
  }
2784
2784
  },
2785
+ {
2786
+ "kind": "js",
2787
+ "name": "*",
2788
+ "declaration": {
2789
+ "name": "*",
2790
+ "package": "@nvidia-elements/core/iframe"
2791
+ }
2792
+ },
2785
2793
  {
2786
2794
  "kind": "js",
2787
2795
  "name": "*",
@@ -2886,6 +2894,14 @@
2886
2894
  "package": "@nvidia-elements/core/progress-bar"
2887
2895
  }
2888
2896
  },
2897
+ {
2898
+ "kind": "js",
2899
+ "name": "*",
2900
+ "declaration": {
2901
+ "name": "*",
2902
+ "package": "@nvidia-elements/core/progress-dot"
2903
+ }
2904
+ },
2889
2905
  {
2890
2906
  "kind": "js",
2891
2907
  "name": "*",
@@ -18228,6 +18244,12 @@
18228
18244
  }
18229
18245
  ]
18230
18246
  },
18247
+ {
18248
+ "kind": "javascript-module",
18249
+ "path": "/src/grid/grid-mutations.test.bench.js",
18250
+ "declarations": [],
18251
+ "exports": []
18252
+ },
18231
18253
  {
18232
18254
  "kind": "javascript-module",
18233
18255
  "path": "/src/grid/grid.js",
@@ -20045,6 +20067,26 @@
20045
20067
  },
20046
20068
  "descriptionText": "Controls the visual scale of an element to match its importance and available space."
20047
20069
  },
20070
+ {
20071
+ "kind": "field",
20072
+ "name": "appearance",
20073
+ "type": {
20074
+ "text": "'outline' | 'solid' | undefined",
20075
+ "_sourceAliases": [],
20076
+ "values": [
20077
+ {
20078
+ "value": "outline",
20079
+ "description": ""
20080
+ },
20081
+ {
20082
+ "value": "solid",
20083
+ "description": ""
20084
+ }
20085
+ ]
20086
+ },
20087
+ "description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
20088
+ "attribute": "appearance"
20089
+ },
20048
20090
  {
20049
20091
  "kind": "field",
20050
20092
  "name": "container",
@@ -21563,6 +21605,25 @@
21563
21605
  },
21564
21606
  "descriptionText": "Controls the visual scale of an element to match its importance and available space."
21565
21607
  },
21608
+ {
21609
+ "name": "appearance",
21610
+ "type": {
21611
+ "text": "'outline' | 'solid' | undefined",
21612
+ "_sourceAliases": [],
21613
+ "values": [
21614
+ {
21615
+ "value": "outline",
21616
+ "description": ""
21617
+ },
21618
+ {
21619
+ "value": "solid",
21620
+ "description": ""
21621
+ }
21622
+ ]
21623
+ },
21624
+ "description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
21625
+ "fieldName": "appearance"
21626
+ },
21566
21627
  {
21567
21628
  "name": "container",
21568
21629
  "type": {
@@ -21950,7 +22011,7 @@
21950
22011
  "since": "0.2.1",
21951
22012
  "status": "stable",
21952
22013
  "behavior": "button",
21953
- "markdown": "## 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| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\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| 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| 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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\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' \\| 'bold' \\| 'book' \\| 'bookmark' \\| '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' \\| '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' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| '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' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| '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' \\| '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| 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| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\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| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\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| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | 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| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\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\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
22014
+ "markdown": "## 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| appearance | `'outline' \\| 'solid' \\| undefined` | Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to the outline form when that asset is unavailable. |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\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| 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| 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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\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' \\| 'bold' \\| 'book' \\| 'bookmark' \\| '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' \\| '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' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| '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' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| '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' \\| '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| 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| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\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| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\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| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | 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| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\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\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
21954
22015
  }
21955
22016
  }
21956
22017
  ],
@@ -24577,6 +24638,106 @@
24577
24638
  "declarations": [],
24578
24639
  "exports": []
24579
24640
  },
24641
+ {
24642
+ "kind": "javascript-module",
24643
+ "path": "/src/iframe/define.js",
24644
+ "declarations": [],
24645
+ "exports": []
24646
+ },
24647
+ {
24648
+ "kind": "javascript-module",
24649
+ "path": "/src/iframe/iframe.js",
24650
+ "declarations": [
24651
+ {
24652
+ "kind": "class",
24653
+ "description": "An iframe component that syncs with the parent document's theme and template content. Use when needing to render dynamically generated or isolated content.",
24654
+ "name": "Iframe",
24655
+ "cssProperties": [
24656
+ {
24657
+ "name": "--border",
24658
+ "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border)"
24659
+ },
24660
+ {
24661
+ "name": "--width",
24662
+ "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)"
24663
+ },
24664
+ {
24665
+ "name": "--height",
24666
+ "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)"
24667
+ }
24668
+ ],
24669
+ "slots": [
24670
+ {
24671
+ "description": "A template containing the iframe body content.",
24672
+ "name": ""
24673
+ },
24674
+ {
24675
+ "description": "A template containing content inserted into the iframe head.",
24676
+ "name": "head"
24677
+ }
24678
+ ],
24679
+ "members": [],
24680
+ "attributes": [
24681
+ {
24682
+ "name": "aria-label"
24683
+ }
24684
+ ],
24685
+ "superclass": {
24686
+ "name": "LitElement",
24687
+ "package": "lit"
24688
+ },
24689
+ "tagName": "nve-iframe",
24690
+ "customElement": true,
24691
+ "metadata": {
24692
+ "unitTests": true,
24693
+ "apiReview": true,
24694
+ "performance": true,
24695
+ "stable": true,
24696
+ "vqa": true,
24697
+ "responsive": true,
24698
+ "themes": true,
24699
+ "aria": "#",
24700
+ "entrypoint": "@nvidia-elements/core/iframe",
24701
+ "example": "<nve-iframe aria-label=\"Elements iframe example\">\n <template slot=\"head\">\n <title>Elements iframe example</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n </template>\n <template>\n <nve-alert status=\"success\">isolated iframe content</nve-alert>\n </template>\n</nve-iframe>",
24702
+ "package": true,
24703
+ "since": "0.0.0",
24704
+ "documentation": "https://nvidia.github.io/elements/docs/elements/iframe/",
24705
+ "status": "beta",
24706
+ "behavior": "content",
24707
+ "markdown": "## nve-iframe\n\nAn iframe component that syncs with the parent document's theme and template content. Use when needing to render dynamically generated or isolated content.\n\n### Example\n\n```html\n<nve-iframe aria-label=\"Elements iframe example\">\n <template slot=\"head\">\n <title>Elements iframe example</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n </template>\n <template>\n <nve-alert status=\"success\">isolated iframe content</nve-alert>\n </template>\n</nve-iframe>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/iframe/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | A template containing the iframe body content. |\n| head | `string` | A template containing content inserted into the iframe head. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
24708
+ }
24709
+ },
24710
+ {
24711
+ "kind": "variable",
24712
+ "name": "theme"
24713
+ }
24714
+ ],
24715
+ "exports": [
24716
+ {
24717
+ "kind": "js",
24718
+ "name": "Iframe",
24719
+ "declaration": {
24720
+ "name": "Iframe",
24721
+ "module": "/src/iframe/iframe.js"
24722
+ }
24723
+ }
24724
+ ]
24725
+ },
24726
+ {
24727
+ "kind": "javascript-module",
24728
+ "path": "/src/iframe/index.js",
24729
+ "declarations": [],
24730
+ "exports": [
24731
+ {
24732
+ "kind": "js",
24733
+ "name": "*",
24734
+ "declaration": {
24735
+ "name": "*",
24736
+ "module": "home/runner/work/elements/elements/projects/core/src/iframe/iframe.js"
24737
+ }
24738
+ }
24739
+ ]
24740
+ },
24580
24741
  {
24581
24742
  "kind": "javascript-module",
24582
24743
  "path": "/src/index.js",
@@ -26514,19 +26675,13 @@
26514
26675
  "members": [
26515
26676
  {
26516
26677
  "kind": "field",
26517
- "name": "#observers",
26678
+ "name": "#observer",
26518
26679
  "privacy": "private",
26519
26680
  "type": {
26520
- "text": "MutationObserver[]",
26681
+ "text": "MutationObserver | undefined",
26521
26682
  "_sourceAliases": [],
26522
- "values": [
26523
- {
26524
- "value": "MutationObserver[]",
26525
- "description": ""
26526
- }
26527
- ]
26528
- },
26529
- "default": "[]"
26683
+ "values": []
26684
+ }
26530
26685
  },
26531
26686
  {
26532
26687
  "kind": "field",
@@ -26538,6 +26693,27 @@
26538
26693
  "values": []
26539
26694
  }
26540
26695
  },
26696
+ {
26697
+ "kind": "field",
26698
+ "name": "#activeCell",
26699
+ "privacy": "private",
26700
+ "type": {
26701
+ "text": "HTMLElement | undefined",
26702
+ "_sourceAliases": [],
26703
+ "values": []
26704
+ }
26705
+ },
26706
+ {
26707
+ "kind": "field",
26708
+ "name": "#cells",
26709
+ "privacy": "private",
26710
+ "default": "new WeakSet<HTMLElement>()"
26711
+ },
26712
+ {
26713
+ "kind": "field",
26714
+ "name": "#updateCells",
26715
+ "privacy": "private"
26716
+ },
26541
26717
  {
26542
26718
  "kind": "field",
26543
26719
  "name": "#config",
@@ -26566,29 +26742,28 @@
26566
26742
  },
26567
26743
  {
26568
26744
  "kind": "method",
26569
- "name": "#clickCell",
26570
- "privacy": "private",
26571
- "parameters": [
26572
- {
26573
- "name": "e",
26574
- "type": {
26575
- "text": "MouseEvent"
26576
- }
26577
- }
26578
- ]
26745
+ "name": "#initializeCells",
26746
+ "privacy": "private"
26747
+ },
26748
+ {
26749
+ "kind": "field",
26750
+ "name": "#onMutations",
26751
+ "privacy": "private"
26579
26752
  },
26580
26753
  {
26581
26754
  "kind": "method",
26582
- "name": "#keynavCell",
26583
- "privacy": "private",
26584
- "parameters": [
26585
- {
26586
- "name": "e",
26587
- "type": {
26588
- "text": "KeyboardEvent"
26589
- }
26590
- }
26591
- ]
26755
+ "name": "#flushCellUpdates",
26756
+ "privacy": "private"
26757
+ },
26758
+ {
26759
+ "kind": "field",
26760
+ "name": "#onMouseUp",
26761
+ "privacy": "private"
26762
+ },
26763
+ {
26764
+ "kind": "field",
26765
+ "name": "#onKeyDown",
26766
+ "privacy": "private"
26592
26767
  },
26593
26768
  {
26594
26769
  "kind": "method",
@@ -26609,33 +26784,10 @@
26609
26784
  }
26610
26785
  ]
26611
26786
  },
26612
- {
26613
- "kind": "method",
26614
- "name": "#updateCellActivation",
26615
- "privacy": "private",
26616
- "parameters": [
26617
- {
26618
- "name": "e",
26619
- "type": {
26620
- "text": "KeyboardEvent"
26621
- }
26622
- }
26623
- ]
26624
- },
26625
26787
  {
26626
26788
  "kind": "field",
26627
26789
  "name": "#onKeyUp",
26628
26790
  "privacy": "private"
26629
- },
26630
- {
26631
- "kind": "field",
26632
- "name": "#onKeyDown",
26633
- "privacy": "private"
26634
- },
26635
- {
26636
- "kind": "field",
26637
- "name": "#onMouseUp",
26638
- "privacy": "private"
26639
26791
  }
26640
26792
  ]
26641
26793
  },
@@ -30256,7 +30408,7 @@
30256
30408
  {
30257
30409
  "name": "func",
30258
30410
  "type": {
30259
- "text": "(...args: unknown[]) => void",
30411
+ "text": "(...args: Args) => void",
30260
30412
  "_sourceAliases": []
30261
30413
  }
30262
30414
  },
@@ -30266,6 +30418,14 @@
30266
30418
  "text": "number",
30267
30419
  "_sourceAliases": []
30268
30420
  }
30421
+ },
30422
+ {
30423
+ "name": "{ trailing = false }",
30424
+ "default": "{}",
30425
+ "type": {
30426
+ "text": "{ trailing?: boolean }",
30427
+ "_sourceAliases": []
30428
+ }
30269
30429
  }
30270
30430
  ]
30271
30431
  },
@@ -37912,6 +38072,161 @@
37912
38072
  }
37913
38073
  ]
37914
38074
  },
38075
+ {
38076
+ "kind": "javascript-module",
38077
+ "path": "/src/progress-dot/define.js",
38078
+ "declarations": [],
38079
+ "exports": []
38080
+ },
38081
+ {
38082
+ "kind": "javascript-module",
38083
+ "path": "/src/progress-dot/index.js",
38084
+ "declarations": [],
38085
+ "exports": [
38086
+ {
38087
+ "kind": "js",
38088
+ "name": "*",
38089
+ "declaration": {
38090
+ "name": "*",
38091
+ "module": "home/runner/work/elements/elements/projects/core/src/progress-dot/progress-dot.js"
38092
+ }
38093
+ }
38094
+ ]
38095
+ },
38096
+ {
38097
+ "kind": "javascript-module",
38098
+ "path": "/src/progress-dot/progress-dot.js",
38099
+ "declarations": [
38100
+ {
38101
+ "kind": "class",
38102
+ "description": "An inline visual indicator that shows the progress of an ongoing task with an unknown completion percentage.",
38103
+ "name": "ProgressDot",
38104
+ "cssProperties": [
38105
+ {
38106
+ "description": "Dot color. Defaults to the inherited text color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",
38107
+ "name": "--color"
38108
+ },
38109
+ {
38110
+ "description": "Indicator width. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)",
38111
+ "name": "--width"
38112
+ },
38113
+ {
38114
+ "description": "Indicator height. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)",
38115
+ "name": "--height"
38116
+ },
38117
+ {
38118
+ "description": "Duration of one animation cycle. Set to 0s for static dots. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration)",
38119
+ "name": "--animation-duration"
38120
+ }
38121
+ ],
38122
+ "members": [
38123
+ {
38124
+ "kind": "field",
38125
+ "name": "size",
38126
+ "type": {
38127
+ "text": "'sm' | 'md' | 'lg'",
38128
+ "_sourceAliases": [
38129
+ "Size"
38130
+ ],
38131
+ "values": [
38132
+ {
38133
+ "value": "sm",
38134
+ "description": "Compact size for dense layouts or secondary elements with less visual prominence."
38135
+ },
38136
+ {
38137
+ "value": "md",
38138
+ "description": "Standard size that works well in most contexts and provides balanced visibility."
38139
+ },
38140
+ {
38141
+ "value": "lg",
38142
+ "description": "Larger size for emphasizing important elements or improving touch targets in spacious layouts."
38143
+ }
38144
+ ]
38145
+ },
38146
+ "default": "'md'",
38147
+ "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
38148
+ "attribute": "size",
38149
+ "reflects": true,
38150
+ "descriptionText": "Controls the visual scale of an element to match its importance and available space."
38151
+ },
38152
+ {
38153
+ "kind": "field",
38154
+ "name": "i18n",
38155
+ "description": "Enables updating the default loading label for internationalization.",
38156
+ "attribute": "i18n"
38157
+ }
38158
+ ],
38159
+ "attributes": [
38160
+ {
38161
+ "name": "size",
38162
+ "type": {
38163
+ "text": "'sm' | 'md' | 'lg'",
38164
+ "_sourceAliases": [
38165
+ "Size"
38166
+ ],
38167
+ "values": [
38168
+ {
38169
+ "value": "sm",
38170
+ "description": "Compact size for dense layouts or secondary elements with less visual prominence."
38171
+ },
38172
+ {
38173
+ "value": "md",
38174
+ "description": "Standard size that works well in most contexts and provides balanced visibility."
38175
+ },
38176
+ {
38177
+ "value": "lg",
38178
+ "description": "Larger size for emphasizing important elements or improving touch targets in spacious layouts."
38179
+ }
38180
+ ]
38181
+ },
38182
+ "default": "'md'",
38183
+ "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
38184
+ "fieldName": "size",
38185
+ "descriptionText": "Controls the visual scale of an element to match its importance and available space."
38186
+ },
38187
+ {
38188
+ "name": "i18n",
38189
+ "description": "Enables updating the default loading label for internationalization.",
38190
+ "fieldName": "i18n"
38191
+ }
38192
+ ],
38193
+ "superclass": {
38194
+ "name": "LitElement",
38195
+ "package": "lit"
38196
+ },
38197
+ "tagName": "nve-progress-dot",
38198
+ "customElement": true,
38199
+ "metadata": {
38200
+ "unitTests": true,
38201
+ "apiReview": true,
38202
+ "performance": true,
38203
+ "stable": true,
38204
+ "vqa": true,
38205
+ "responsive": true,
38206
+ "themes": true,
38207
+ "aria": "https://www.w3.org/TR/wai-aria-1.2/#progressbar",
38208
+ "entrypoint": "@nvidia-elements/core/progress-dot",
38209
+ "example": "<nve-progress-dot aria-label=\"Loading results\"></nve-progress-dot>",
38210
+ "package": true,
38211
+ "documentation": "https://nvidia.github.io/elements/docs/elements/progress-dot/",
38212
+ "since": "0.0.0",
38213
+ "status": "stable",
38214
+ "behavior": "content",
38215
+ "markdown": "## nve-progress-dot\n\nAn inline visual indicator that shows the progress of an ongoing task with an unknown completion percentage.\n\n### Example\n\n```html\n<nve-progress-dot aria-label=\"Loading results\"></nve-progress-dot>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progress-dot/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n | | Enables updating the default loading label for internationalization. |\n| size | `'sm' \\| 'md' \\| 'lg'` | 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\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of one animation cycle. Set to 0s for static dots. [MDN](https://mdn.dev/CSS/animation-duration) |\n| --color | `string` | Dot color. Defaults to the inherited text color. [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | Indicator height. [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | Indicator width. [MDN](https://mdn.dev/CSS/width) |"
38216
+ }
38217
+ }
38218
+ ],
38219
+ "exports": [
38220
+ {
38221
+ "kind": "js",
38222
+ "name": "ProgressDot",
38223
+ "declaration": {
38224
+ "name": "ProgressDot",
38225
+ "module": "/src/progress-dot/progress-dot.js"
38226
+ }
38227
+ }
38228
+ ]
38229
+ },
37915
38230
  {
37916
38231
  "kind": "javascript-module",
37917
38232
  "path": "/src/progress-ring/define.js",