@tylertech/forge 3.8.2-dev.0 → 3.9.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/custom-elements.json +9827 -9331
  2. package/dist/lib.js +27 -105
  3. package/dist/lib.js.map +4 -4
  4. package/dist/toolbar/forge-toolbar.css +1 -0
  5. package/dist/vscode.css-custom-data.json +950 -943
  6. package/dist/vscode.html-custom-data.json +819 -772
  7. package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
  8. package/esm/app-bar/menu-button/app-bar-menu-button.js +1 -1
  9. package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
  10. package/esm/app-bar/search/app-bar-search.js +1 -1
  11. package/esm/autocomplete/autocomplete.js +1 -1
  12. package/esm/banner/banner.js +1 -1
  13. package/esm/button/base/base-button-adapter.js +1 -1
  14. package/esm/button/base/base-button.js +1 -1
  15. package/esm/calendar/calendar.js +1 -1
  16. package/esm/chips/chip/chip.js +1 -1
  17. package/esm/color-picker/color-picker.js +1 -1
  18. package/esm/core/utils/dismissible-stack.d.ts +5 -1
  19. package/esm/core/utils/dismissible-stack.js +6 -0
  20. package/esm/data-table/body/body.d.ts +33 -0
  21. package/esm/data-table/body/body.js +42 -0
  22. package/esm/data-table/body/index.d.ts +6 -0
  23. package/esm/data-table/body/index.js +6 -0
  24. package/esm/data-table/cell/cell.d.ts +33 -0
  25. package/esm/data-table/cell/cell.js +42 -0
  26. package/esm/data-table/cell/index.d.ts +6 -0
  27. package/esm/data-table/cell/index.js +6 -0
  28. package/esm/data-table/column/column.d.ts +33 -0
  29. package/esm/data-table/column/column.js +42 -0
  30. package/esm/data-table/column/index.d.ts +6 -0
  31. package/esm/data-table/column/index.js +6 -0
  32. package/esm/data-table/footer/footer.d.ts +33 -0
  33. package/esm/data-table/footer/footer.js +42 -0
  34. package/esm/data-table/footer/index.d.ts +6 -0
  35. package/esm/data-table/footer/index.js +6 -0
  36. package/esm/data-table/head/head.d.ts +33 -0
  37. package/esm/data-table/head/head.js +42 -0
  38. package/esm/data-table/head/index.d.ts +6 -0
  39. package/esm/data-table/head/index.js +6 -0
  40. package/esm/data-table/index.d.ts +12 -0
  41. package/esm/data-table/index.js +12 -0
  42. package/esm/data-table/row/index.d.ts +6 -0
  43. package/esm/data-table/row/index.js +6 -0
  44. package/esm/data-table/row/row.d.ts +33 -0
  45. package/esm/data-table/row/row.js +42 -0
  46. package/esm/data-table/table/index.d.ts +6 -0
  47. package/esm/data-table/table/index.js +6 -0
  48. package/esm/data-table/table/table.d.ts +36 -0
  49. package/esm/data-table/table/table.js +40 -0
  50. package/esm/date-picker/date-picker.js +1 -1
  51. package/esm/date-range-picker/date-range-picker.js +1 -1
  52. package/esm/icon/icon-constants.d.ts +2 -1
  53. package/esm/icon/icon-constants.js +2 -1
  54. package/esm/icon/icon-core.js +6 -2
  55. package/esm/icon/icon-utils.d.ts +2 -1
  56. package/esm/icon/icon-utils.js +2 -2
  57. package/esm/icon/icon.d.ts +3 -1
  58. package/esm/icon/icon.js +1 -1
  59. package/esm/icon-button/icon-button-core.js +11 -2
  60. package/esm/list-dropdown/list-dropdown-utils.js +1 -1
  61. package/esm/list-dropdown/list-dropdown.js +1 -1
  62. package/esm/menu/menu.js +1 -1
  63. package/esm/open-icon/open-icon.js +1 -1
  64. package/esm/paginator/paginator.js +1 -1
  65. package/esm/popover/popover-constants.d.ts +3 -0
  66. package/esm/popover/popover-constants.js +4 -2
  67. package/esm/popover/popover-core.d.ts +4 -0
  68. package/esm/popover/popover-core.js +20 -0
  69. package/esm/popover/popover.d.ts +4 -0
  70. package/esm/popover/popover.js +8 -0
  71. package/esm/select/select/select.js +1 -1
  72. package/esm/split-view/split-view-panel/split-view-panel.js +3 -4
  73. package/esm/stepper/step/step.js +1 -1
  74. package/esm/table/table-core.js +1 -0
  75. package/esm/table/table.js +1 -1
  76. package/esm/tabs/tab-bar/tab-bar-adapter.js +1 -1
  77. package/esm/tabs/tab-bar/tab-bar-core.d.ts +1 -0
  78. package/esm/tabs/tab-bar/tab-bar-core.js +27 -30
  79. package/esm/tabs/tab-bar/tab-bar.js +1 -1
  80. package/esm/text-field/text-field.js +1 -1
  81. package/esm/time-picker/time-picker.js +1 -2
  82. package/esm/toast/toast.js +1 -1
  83. package/esm/toolbar/toolbar.js +1 -1
  84. package/package.json +2 -2
  85. package/sass/data-table/_core.scss +52 -0
  86. package/sass/data-table/_token-utils.scss +15 -0
  87. package/sass/data-table/body/body.scss +27 -0
  88. package/sass/data-table/cell/cell.scss +27 -0
  89. package/sass/data-table/column/column.scss +27 -0
  90. package/sass/data-table/footer/footer.scss +27 -0
  91. package/sass/data-table/head/head.scss +27 -0
  92. package/sass/data-table/index.scss +12 -0
  93. package/sass/data-table/row/row.scss +27 -0
  94. package/sass/data-table/table/table.scss +16 -0
  95. package/sass/toolbar/_core.scss +5 -0
  96. package/sass/toolbar/toolbar.scss +4 -0
@@ -127,50 +127,44 @@
127
127
  "references": []
128
128
  },
129
129
  {
130
- "name": "forge-avatar",
131
- "description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
130
+ "name": "forge-backdrop",
131
+ "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
132
132
  "attributes": [
133
133
  {
134
- "name": "text",
135
- "description": "The text to display in the avatar.",
136
- "values": []
137
- },
138
- {
139
- "name": "letter-count",
140
- "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
134
+ "name": "visible",
135
+ "description": "Whether the backdrop is visible.",
141
136
  "values": []
142
137
  },
143
138
  {
144
- "name": "image-url",
145
- "description": "The background image URL to use.",
139
+ "name": "fixed",
140
+ "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
146
141
  "values": []
147
142
  }
148
143
  ],
149
144
  "references": []
150
145
  },
151
146
  {
152
- "name": "forge-backdrop",
153
- "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
147
+ "name": "forge-banner",
148
+ "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
154
149
  "attributes": [
155
150
  {
156
- "name": "visible",
157
- "description": "Whether the backdrop is visible.",
151
+ "name": "dismissed",
152
+ "description": "Controls the visibility of the banner.",
158
153
  "values": []
159
154
  },
160
155
  {
161
- "name": "fixed",
162
- "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
156
+ "name": "persistent",
157
+ "description": "Controls the visibility of the built-in dismiss button.",
163
158
  "values": []
159
+ },
160
+ {
161
+ "name": "theme",
162
+ "description": "The theme of the banner.",
163
+ "values": [{ "name": "BannerTheme" }]
164
164
  }
165
165
  ],
166
166
  "references": []
167
167
  },
168
- {
169
- "name": "forge-badge",
170
- "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
171
- "attributes": [],
172
- "references": []
173
- },
174
168
  {
175
169
  "name": "forge-bottom-sheet",
176
170
  "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
@@ -199,27 +193,33 @@
199
193
  "references": []
200
194
  },
201
195
  {
202
- "name": "forge-banner",
203
- "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
196
+ "name": "forge-avatar",
197
+ "description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
204
198
  "attributes": [
205
199
  {
206
- "name": "dismissed",
207
- "description": "Controls the visibility of the banner.",
200
+ "name": "text",
201
+ "description": "The text to display in the avatar.",
208
202
  "values": []
209
203
  },
210
204
  {
211
- "name": "persistent",
212
- "description": "Controls the visibility of the built-in dismiss button.",
205
+ "name": "letter-count",
206
+ "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
213
207
  "values": []
214
208
  },
215
209
  {
216
- "name": "theme",
217
- "description": "The theme of the banner.",
218
- "values": [{ "name": "BannerTheme" }]
210
+ "name": "image-url",
211
+ "description": "The background image URL to use.",
212
+ "values": []
219
213
  }
220
214
  ],
221
215
  "references": []
222
216
  },
217
+ {
218
+ "name": "forge-badge",
219
+ "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
220
+ "attributes": [],
221
+ "references": []
222
+ },
223
223
  {
224
224
  "name": "forge-button",
225
225
  "description": "Buttons represent actions that a user can take.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n- **start** - Elements to logically render before the label text.\n- **end** - Elements to logically render after the label text.\n\n### **CSS Properties:**\n - **--forge-button-primary-color** - The primary color of the button. _(default: undefined)_\n- **--forge-button-text-color** - The text color of the button. Inherits from primary color. _(default: undefined)_\n- **--forge-button-disabled-color** - The disabled color of the button. _(default: undefined)_\n- **--forge-button-padding** - The padding of the button. _(default: undefined)_\n- **--forge-button-display** - The display of the button. _(default: undefined)_\n- **--forge-button-justify** - The flex justify of the button. _(default: undefined)_\n- **--forge-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-button-height** - The height of the button. _(default: undefined)_\n- **--forge-button-min-width** - The min-width of the button. _(default: undefined)_\n- **--forge-button-spacing** - The spacing of the button. _(default: undefined)_\n- **--forge-button-border-width** - The border-width of the button. _(default: undefined)_\n- **--forge-button-border-style** - The border style of the button. _(default: undefined)_\n- **--forge-button-border-color** - The border color of the button. _(default: undefined)_\n- **--forge-button-shape-start-start-radius** - The shape start start radius of the button. _(default: undefined)_\n- **--forge-button-shape-start-end-radius** - The shape start end radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-start-radius** - The shape end start radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-end-radius** - The shape end end radius of the button. _(default: undefined)_\n- **--forge-button-padding-block** - The padding block of the button. _(default: undefined)_\n- **--forge-button-padding-inline** - The padding inline of the button. _(default: undefined)_\n- **--forge-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-button-hover-background** - The background color of the button on hover. _(default: undefined)_\n- **--forge-button-active-background** - The background color of the button on active state. _(default: undefined)_\n- **--forge-button-color** - The text color of the button. _(default: undefined)_\n- **--forge-button-icon-size** - The size of the icon in the button. _(default: undefined)_\n- **--forge-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-button-hover-shadow** - The shadow of the button on hover. _(default: undefined)_\n- **--forge-button-active-shadow** - The shadow of the button on active state. _(default: undefined)_\n- **--forge-button-cursor** - The cursor type of the button. _(default: undefined)_\n- **--forge-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-button-text-padding-inline** - The inline padding of the button when using the text variant. _(default: undefined)_\n- **--forge-button-filled-background** - The background color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-background** - The background color of the disabled filled button. _(default: undefined)_\n- **--forge-button-filled-color** - The text color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-color** - The text color of the disabled filled button. _(default: undefined)_\n- **--forge-button-raised-background** - The background color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-background** - The background color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-color** - The text color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-color** - The text color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-shadow** - The shadow of the raised button. _(default: undefined)_\n- **--forge-button-raised-hover-shadow** - The shadow of the raised button on hover. _(default: undefined)_\n- **--forge-button-raised-active-shadow** - The shadow of the raised button on active state. _(default: undefined)_\n- **--forge-button-raised-disabled-shadow** - The shadow of the disabled raised button. _(default: undefined)_\n- **--forge-button-flat-background** - The background color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-background** - The background color of the disabled flat button. _(default: undefined)_\n- **--forge-button-flat-color** - The text color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-color** - The text color of the disabled flat button. _(default: undefined)_\n- **--forge-button-outlined-background** - The background color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-color** - The text color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-width** - The border width of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-style** - The border style of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-color** - The border color of the outlined button. _(default: undefined)_\n- **--forge-button-link-color** - The text color of the link button. _(default: undefined)_\n- **--forge-button-link-text-decoration** - The text decoration of the link button. _(default: undefined)_\n- **--forge-button-link-height** - The height of the link button. _(default: undefined)_\n- **--forge-button-link-padding** - The padding of the link button. _(default: undefined)_\n- **--forge-button-link-line-height** - The line height of the link button. _(default: undefined)_\n- **--forge-button-link-width** - The width of the link button. _(default: undefined)_\n- **--forge-button-link-hover-text-decoration** - The text decoration of the link button on hover. _(default: undefined)_\n- **--forge-button-link-active-opacity** - The opacity of the link button on active state. _(default: undefined)_\n- **--forge-button-link-transition-duration** - The transition duration of the link button. _(default: undefined)_\n- **--forge-button-link-transition-timing** - The transition timing of the link button. _(default: undefined)_\n- **--forge-button-disabled-cursor** - The cursor type of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-text-color** - The text color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-background** - The background color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-border-color** - The border color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-shadow** - The shadow of the disabled button. _(default: undefined)_\n- **--forge-button-dense-height** - The height of the dense button. _(default: undefined)_\n- **--forge-button-pill-shape** - The shape of the pill button. _(default: undefined)_\n- **--forge-button-pill-padding-inline** - The inline padding of the pill button. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
@@ -765,18 +765,6 @@
765
765
  ],
766
766
  "references": []
767
767
  },
768
- {
769
- "name": "forge-divider",
770
- "description": "Divider is used to separate elements.\n---\n\n\n### **CSS Properties:**\n - **--forge-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-divider-width** - The width of the divider. _(default: undefined)_\n- **--forge-divider-border-style** - The border-style (dashed, solid) of the divider. _(default: undefined)_\n- **--forge-divider-margin** - The margin of divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
771
- "attributes": [
772
- {
773
- "name": "vertical",
774
- "description": "Controls if the divider is displayed vertically or horizontally.",
775
- "values": []
776
- }
777
- ],
778
- "references": []
779
- },
780
768
  {
781
769
  "name": "forge-dialog",
782
770
  "description": "Dialogs are temporary UI elements that are used to display information, ask for input, or confirm actions.\n---\n\n\n### **Events:**\n - **forge-dialog-open** - Dispatched when the dialog is opened.\n- **forge-dialog-close** - Dispatched when the dialog is closed.\n- **forge-dialog-before-close** - Dispatched before the dialog is closed. This event is cancelable.\n- **forge-dialog-move-start** - Dispatched when the dialog is first moved.\n- **forge-dialog-move** - Dispatched when the dialog is being moved.\n- **forge-dialog-move-end** - Dispatched when the dialog is done being moved.\n- **forge-dialog-fullscreen-change** - Dispatched when the dialog's fullscreen state changes.\n\n### **Methods:**\n - **show(): _void_** - Shows the dialog.\n- **hide(): _void_** - Hides the dialog.\n\n### **Slots:**\n - _default_ - The content of the dialog.\n- **move-handle** - The move handle content.\n\n### **CSS Properties:**\n - **--forge-dialog-background** - The background color of the dialog. _(default: undefined)_\n- **--forge-dialog-shape** - The shape of the dialog. _(default: undefined)_\n- **--forge-dialog-elevation** - The elevation of the dialog. _(default: undefined)_\n- **--forge-dialog-spacing** - The spacing between elements inside the dialog. _(default: undefined)_\n- **--forge-dialog-block-start-spacing** - The spacing at the start of the dialog block. _(default: undefined)_\n- **--forge-dialog-block-end-spacing** - The spacing at the end of the dialog block. _(default: undefined)_\n- **--forge-dialog-inline-start-spacing** - The spacing at the start of the dialog inline. _(default: undefined)_\n- **--forge-dialog-inline-end-spacing** - The spacing at the end of the dialog inline. _(default: undefined)_\n- **--forge-dialog-padding** - The padding of the dialog. _(default: undefined)_\n- **--forge-dialog-width** - The width of the dialog. _(default: undefined)_\n- **--forge-dialog-height** - The height of the dialog. _(default: undefined)_\n- **--forge-dialog-min-width** - The minimum width of the dialog. _(default: undefined)_\n- **--forge-dialog-max-width** - The maximum width of the dialog. _(default: undefined)_\n- **--forge-dialog-min-height** - The minimum height of the dialog. _(default: undefined)_\n- **--forge-dialog-max-height** - The maximum height of the dialog. _(default: undefined)_\n- **--forge-dialog-z-index** - The z-index of the dialog. _(default: undefined)_\n- **--forge-dialog-move-handle-color** - The color of the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-size** - The size of the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-hover-cursor** - The cursor style when hovering over the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-active-cursor** - The cursor style when the move handle is active. _(default: undefined)_\n- **--forge-dialog-move-handle-spacing** - The spacing around the move handle. _(default: undefined)_\n- **--forge-dialog-move-transition-duration** - The duration of the move transition. _(default: undefined)_\n- **--forge-dialog-move-transition-easing** - The easing function of the move transition. _(default: undefined)_\n- **--forge-dialog-moving-opacity** - The opacity of the dialog when it is being moved. _(default: undefined)_\n- **--forge-dialog-enter-animation-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-dialog-enter-animation-easing** - The easing function of the enter animation. _(default: undefined)_\n- **--forge-dialog-exit-animation-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-dialog-exit-animation-easing** - The easing function of the exit animation. _(default: undefined)_\n- **--forge-dialog-zoom-opacity** - The opacity of the dialog during zoom animation. _(default: undefined)_\n- **--forge-dialog-zoom-scale** - The scale of the dialog during zoom animation. _(default: undefined)_\n- **--forge-dialog-fade-opacity** - The opacity of the dialog during fade animation. _(default: undefined)_\n- **--forge-dialog-slide-opacity** - The opacity of the dialog during slide animation. _(default: undefined)_\n- **--forge-dialog-slide-translate** - The translation distance of the dialog during slide animation. _(default: undefined)_\n- **--forge-dialog-backdrop-opacity** - The opacity of the dialog backdrop. _(default: undefined)_\n- **--forge-dialog-nonmodal-elevation** - The elevation of non-modal dialogs. _(default: undefined)_\n- **--forge-dialog-fullscreen-enter-animation-duration** - The duration of the enter animation for fullscreen dialogs. _(default: undefined)_\n- **--forge-dialog-fullscreen-exit-animation-duration** - The duration of the exit animation for fullscreen dialogs. _(default: undefined)_\n- **--forge-dialog-position-x** - The x-axis position of the dialog. _(default: undefined)_\n- **--forge-dialog-position-y** - The y-axis position of the dialog. _(default: undefined)_\n- **--forge-dialog-preset-sheet-enter-animation-duration** - The duration of the enter animation for preset sheet dialogs. _(default: undefined)_\n- **--forge-dialog-preset-sheet-exit-animation-duration** - The duration of the exit animation for preset sheet dialogs. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The dialog container element.\n- **backdrop** - The backdrop element.\n- **surface** - The dialog surface element.\n- **move-handle-container** - The alignment container for the move handle.\n- **move-handle** - The move handle element.\n- **move-handle-icon** - The move handle icon element.",
@@ -860,27 +848,12 @@
860
848
  "references": []
861
849
  },
862
850
  {
863
- "name": "forge-expansion-panel",
864
- "description": "Expansion panels provide progressive disclosure of content.\n---\n\n\n### **Events:**\n - **forge-expansion-panel-toggle** - Event fired when the panel is toggled open or closed.\n- **forge-expansion-panel-animation-complete** - Event fired when the panel has finished animating when toggling.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles the open state of the panel.\n\n### **Slots:**\n - _default_ - The content of the panel.\n- **header** - The header of the panel.\n\n### **CSS Properties:**\n - **--forge-expansion-panel-animation-duration** - The duration of the open/close animation. _(default: undefined)_\n- **--forge-expansion-panel-animation-easing** - The easing function of the open/close animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the panel.\n- **header** - The header of the panel.\n- **content** - The content of the panel.",
851
+ "name": "forge-divider",
852
+ "description": "Divider is used to separate elements.\n---\n\n\n### **CSS Properties:**\n - **--forge-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-divider-width** - The width of the divider. _(default: undefined)_\n- **--forge-divider-border-style** - The border-style (dashed, solid) of the divider. _(default: undefined)_\n- **--forge-divider-margin** - The margin of divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
865
853
  "attributes": [
866
854
  {
867
- "name": "open",
868
- "description": "Whether the panel is open or closed.",
869
- "values": []
870
- },
871
- {
872
- "name": "orientation",
873
- "description": "The orientation of the panel.",
874
- "values": [{ "name": "ExpansionPanelOrientation" }]
875
- },
876
- {
877
- "name": "animation-type",
878
- "description": "The type of animation to use when opening/closing the panel.",
879
- "values": [{ "name": "ExpansionPanelAnimationType" }]
880
- },
881
- {
882
- "name": "trigger",
883
- "description": "The id of the button that the expansion panel is associated with.",
855
+ "name": "vertical",
856
+ "description": "Controls if the divider is displayed vertically or horizontally.",
884
857
  "values": []
885
858
  }
886
859
  ],
@@ -988,6 +961,33 @@
988
961
  ],
989
962
  "references": []
990
963
  },
964
+ {
965
+ "name": "forge-expansion-panel",
966
+ "description": "Expansion panels provide progressive disclosure of content.\n---\n\n\n### **Events:**\n - **forge-expansion-panel-toggle** - Event fired when the panel is toggled open or closed.\n- **forge-expansion-panel-animation-complete** - Event fired when the panel has finished animating when toggling.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles the open state of the panel.\n\n### **Slots:**\n - _default_ - The content of the panel.\n- **header** - The header of the panel.\n\n### **CSS Properties:**\n - **--forge-expansion-panel-animation-duration** - The duration of the open/close animation. _(default: undefined)_\n- **--forge-expansion-panel-animation-easing** - The easing function of the open/close animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the panel.\n- **header** - The header of the panel.\n- **content** - The content of the panel.",
967
+ "attributes": [
968
+ {
969
+ "name": "open",
970
+ "description": "Whether the panel is open or closed.",
971
+ "values": []
972
+ },
973
+ {
974
+ "name": "orientation",
975
+ "description": "The orientation of the panel.",
976
+ "values": [{ "name": "ExpansionPanelOrientation" }]
977
+ },
978
+ {
979
+ "name": "animation-type",
980
+ "description": "The type of animation to use when opening/closing the panel.",
981
+ "values": [{ "name": "ExpansionPanelAnimationType" }]
982
+ },
983
+ {
984
+ "name": "trigger",
985
+ "description": "The id of the button that the expansion panel is associated with.",
986
+ "values": []
987
+ }
988
+ ],
989
+ "references": []
990
+ },
991
991
  {
992
992
  "name": "forge-file-picker",
993
993
  "description": "The file-picker component allows for a user to upload files of their own to the system. The component provides a slot for a\nbutton, as well as drag-and-drop functionality to launch the system file chooser dialog. There are visual queues to let the\nuser know when files they are dragging can be dropped, as well as events that are relayed to the developer to handle files\nthat are legal and/or illegal based on the parameters set on the component.\n\nThe expectation of this component is that it will be used as a familiar element on the page that will let users upload files,\nwhile providing that visual and functional consistency.\n---\n\n\n### **Events:**\n - **forge-file-picker-change** - Dispatched when a file is chosen.\n\n### **CSS Properties:**\n - **--forge-file-picker-background** - Controls the background color. _(default: undefined)_\n- **--forge-file-picker-width** - Controls the width. _(default: undefined)_\n- **--forge-file-picker-height** - Controls the height. _(default: undefined)_\n- **--forge-file-picker-max-width** - Controls the maximum width. _(default: undefined)_\n- **--forge-file-picker-border-width** - Controls the border width. _(default: undefined)_\n- **--forge-file-picker-border-style** - Controls the border style. _(default: undefined)_\n- **--forge-file-picker-border-color** - Controls the border color. _(default: undefined)_\n- **--forge-file-picker-gap** - Controls gap between each element. _(default: undefined)_\n- **--forge-file-picker-padding** - Controls the padding. _(default: undefined)_\n- **--forge-file-picker-padding-block** - Controls the top and bottom padding. _(default: undefined)_\n- **--forge-file-picker-padding-inline** - Controls the left and right padding. _(default: undefined)_\n- **--forge-file-picker-disabled-opacity** - Controls the opacity value of the file picker when it's disabled. _(default: undefined)_\n- **--forge-file-picker-highlight-background** - Controls the background color of the file picker when dragging files into the form. _(default: undefined)_\n- **--forge-file-picker-highlight-border-color** - Controls the border color of the file picker when dragging files into the form. _(default: undefined)_\n\n### **CSS Parts:**\n - **form** - The `<form>` element at the root.\n- **primary** - The container element around the primary slot.\n- **secondary** - The container element around the secondary slot.\n- **input** - The `<input type=\"file\">` element.\n- **helper-text-container** - The container around the helper-text slot.",
@@ -1030,6 +1030,58 @@
1030
1030
  ],
1031
1031
  "references": []
1032
1032
  },
1033
+ {
1034
+ "name": "forge-fab",
1035
+ "description": "Floating action buttons are used to represent the most important action on a page.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot. Typically used for icon-only or label-only FABs. If the content forces the width to be large than the height, then the FAB will be in extended mode.\n- **start** - An element to logically render at the start of the button content.\n- **label** - Reserved specifically for label text. This forces the button into extended mode.\n- **end** - An element to logically render at the end of the button content.\n\n### **CSS Properties:**\n - **--forge-fab-background-display** - The display property. _(default: undefined)_\n- **--forge-fab-gap** - The gap between the icon and the label. _(default: undefined)_\n- **--forge-fab-background** - The background color. _(default: undefined)_\n- **--forge-fab-color** - The text color. _(default: undefined)_\n- **--forge-fab-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-fab-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-fab-shadow** - The box shadow of the button. _(default: undefined)_\n- **--forge-fab-hover-shadow** - The box shadow of the button when hovered. _(default: undefined)_\n- **--forge-fab-active-shadow** - The box shadow of the button when active. _(default: undefined)_\n- **--forge-fab-lowered-shadow** - The box shadow of the button when lowered. _(default: undefined)_\n- **--forge-fab-lowered-hover-shadow** - The box shadow of the button when lowered and hovered. _(default: undefined)_\n- **--forge-fab-lowered-active-shadow** - The box shadow of the button when lowered and active. _(default: undefined)_\n- **--forge-fab-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-fab-transition-timing** - The transition timing function. _(default: undefined)_\n- **--forge-fab-shape** - The border radius of the button. _(default: undefined)_\n- **--forge-fab-shape-start-start** - The start-start border radius. _(default: undefined)_\n- **--forge-fab-shape-start-end** - The start-end border radius. _(default: undefined)_\n- **--forge-fab-shape-end-start** - The end-start border radius. _(default: undefined)_\n- **--forge-fab-shape-end-end** - The end-end border radius. _(default: undefined)_\n- **--forge-fab-extended-padding** - The inline padding of the extended button. _(default: undefined)_\n- **--forge-fab-extended-min-width** - The min-width of the extended button. _(default: undefined)_\n- **--forge-fab-density-small-size** - The height and min-width of the small density button. _(default: undefined)_\n- **--forge-fab-density-medium-size** - The height and min-width of the medium density (default) button. _(default: undefined)_\n- **--forge-fab-density-large-size** - The height and min-width of the large density button. _(default: undefined)_\n- **--forge-fab-disabled-cursor** - The cursor when disabled. _(default: undefined)_\n- **--forge-fab-disabled-background** - The background color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-color** - The text color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1036
+ "attributes": [
1037
+ {
1038
+ "name": "theme",
1039
+ "description": "Sets the theme of the button.",
1040
+ "values": []
1041
+ },
1042
+ {
1043
+ "name": "density",
1044
+ "description": "Sets the density of the button.",
1045
+ "values": []
1046
+ },
1047
+ {
1048
+ "name": "elevation",
1049
+ "description": "Sets the elevation of the button.",
1050
+ "values": []
1051
+ },
1052
+ {
1053
+ "name": "type",
1054
+ "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1055
+ "values": [{ "name": "ButtonType" }]
1056
+ },
1057
+ {
1058
+ "name": "disabled",
1059
+ "description": "Disables the button.",
1060
+ "values": []
1061
+ },
1062
+ {
1063
+ "name": "popover-icon",
1064
+ "description": "Shows a popover icon on the button.",
1065
+ "values": []
1066
+ },
1067
+ {
1068
+ "name": "dense",
1069
+ "description": "Sets the density of the button.",
1070
+ "values": []
1071
+ },
1072
+ {
1073
+ "name": "name",
1074
+ "description": "The name of the button.",
1075
+ "values": []
1076
+ },
1077
+ {
1078
+ "name": "value",
1079
+ "description": "The value of the button.",
1080
+ "values": []
1081
+ }
1082
+ ],
1083
+ "references": []
1084
+ },
1033
1085
  {
1034
1086
  "name": "forge-focus-indicator",
1035
1087
  "description": "Renders a focus indicator when an attached element matches `:focus-visible`.\n---\n\n\n### **CSS Properties:**\n - **--forge-focus-indicator-display** - The `display` style. Defaults to `flex`. _(default: undefined)_\n- **--forge-focus-indicator-width** - The width of the focus indicator when resting. _(default: undefined)_\n- **--forge-focus-indicator-active-width** - The width of the focus indicator when active. When animating this is the max extent. _(default: undefined)_\n- **--forge-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-focus-indicator-shape** - The shape of the focus indicator. _(default: undefined)_\n- **--forge-focus-indicator-duration** - The animation duration. _(default: undefined)_\n- **--forge-focus-indicator-easing** - The animation easing function. _(default: undefined)_\n- **--forge-focus-indicator-shape-start-start** - The start start shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-start-end** - The start end shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-end-start** - The end start shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-end-end** - The end end shape. _(default: undefined)_\n- **--forge-focus-indicator-outward-offset** - The offset of the focus indicator when outward. _(default: undefined)_\n- **--forge-focus-indicator-inward-offset** - The offset of the focus indicator when inward. _(default: undefined)_\n- **--forge-focus-indicator-offset-block** - The block offset. _(default: undefined)_\n- **--forge-focus-indicator-offset-inline** - The inline offset. _(default: undefined)_\n\n### **CSS Parts:**\n - **indicator** - The focus indicator element.",
@@ -1067,6 +1119,53 @@
1067
1119
  ],
1068
1120
  "references": []
1069
1121
  },
1122
+ {
1123
+ "name": "forge-icon",
1124
+ "description": "Icons are used to represent information visually\n---\n\n\n### **Methods:**\n - **layout(): _void_** - Forces a reload of the icon.\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
1125
+ "attributes": [
1126
+ {
1127
+ "name": "external-type",
1128
+ "description": "The type of icon to load externally. Possible values: \"standard\", \"extended\", \"custom\".",
1129
+ "values": [{ "name": "IconExternalType" }]
1130
+ },
1131
+ {
1132
+ "name": "external-url-builder",
1133
+ "description": "A callback that can be provided to generate a URL that will be used to fetch an SVG icon.",
1134
+ "values": [{ "name": "IconUrlBuilder" }]
1135
+ },
1136
+ {
1137
+ "name": "name",
1138
+ "description": "The name of the icon to render.",
1139
+ "values": []
1140
+ },
1141
+ {
1142
+ "name": "src",
1143
+ "description": "Provides the ability to set the SVG string content directly.",
1144
+ "values": []
1145
+ },
1146
+ {
1147
+ "name": "lazy",
1148
+ "description": "Controls whether the icon will be loaded dynamically when it comes into view. False by default.",
1149
+ "values": []
1150
+ },
1151
+ {
1152
+ "name": "external",
1153
+ "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
1154
+ "values": []
1155
+ },
1156
+ {
1157
+ "name": "viewbox",
1158
+ "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1159
+ "values": []
1160
+ },
1161
+ {
1162
+ "name": "theme",
1163
+ "description": "The theme to apply to the icon.",
1164
+ "values": [{ "name": "IconTheme" }]
1165
+ }
1166
+ ],
1167
+ "references": []
1168
+ },
1070
1169
  {
1071
1170
  "name": "forge-inline-message",
1072
1171
  "description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
@@ -1080,24 +1179,9 @@
1080
1179
  "references": []
1081
1180
  },
1082
1181
  {
1083
- "name": "forge-fab",
1084
- "description": "Floating action buttons are used to represent the most important action on a page.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot. Typically used for icon-only or label-only FABs. If the content forces the width to be large than the height, then the FAB will be in extended mode.\n- **start** - An element to logically render at the start of the button content.\n- **label** - Reserved specifically for label text. This forces the button into extended mode.\n- **end** - An element to logically render at the end of the button content.\n\n### **CSS Properties:**\n - **--forge-fab-background-display** - The display property. _(default: undefined)_\n- **--forge-fab-gap** - The gap between the icon and the label. _(default: undefined)_\n- **--forge-fab-background** - The background color. _(default: undefined)_\n- **--forge-fab-color** - The text color. _(default: undefined)_\n- **--forge-fab-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-fab-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-fab-shadow** - The box shadow of the button. _(default: undefined)_\n- **--forge-fab-hover-shadow** - The box shadow of the button when hovered. _(default: undefined)_\n- **--forge-fab-active-shadow** - The box shadow of the button when active. _(default: undefined)_\n- **--forge-fab-lowered-shadow** - The box shadow of the button when lowered. _(default: undefined)_\n- **--forge-fab-lowered-hover-shadow** - The box shadow of the button when lowered and hovered. _(default: undefined)_\n- **--forge-fab-lowered-active-shadow** - The box shadow of the button when lowered and active. _(default: undefined)_\n- **--forge-fab-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-fab-transition-timing** - The transition timing function. _(default: undefined)_\n- **--forge-fab-shape** - The border radius of the button. _(default: undefined)_\n- **--forge-fab-shape-start-start** - The start-start border radius. _(default: undefined)_\n- **--forge-fab-shape-start-end** - The start-end border radius. _(default: undefined)_\n- **--forge-fab-shape-end-start** - The end-start border radius. _(default: undefined)_\n- **--forge-fab-shape-end-end** - The end-end border radius. _(default: undefined)_\n- **--forge-fab-extended-padding** - The inline padding of the extended button. _(default: undefined)_\n- **--forge-fab-extended-min-width** - The min-width of the extended button. _(default: undefined)_\n- **--forge-fab-density-small-size** - The height and min-width of the small density button. _(default: undefined)_\n- **--forge-fab-density-medium-size** - The height and min-width of the medium density (default) button. _(default: undefined)_\n- **--forge-fab-density-large-size** - The height and min-width of the large density button. _(default: undefined)_\n- **--forge-fab-disabled-cursor** - The cursor when disabled. _(default: undefined)_\n- **--forge-fab-disabled-background** - The background color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-color** - The text color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1182
+ "name": "forge-icon-button",
1183
+ "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1085
1184
  "attributes": [
1086
- {
1087
- "name": "theme",
1088
- "description": "Sets the theme of the button.",
1089
- "values": []
1090
- },
1091
- {
1092
- "name": "density",
1093
- "description": "Sets the density of the button.",
1094
- "values": []
1095
- },
1096
- {
1097
- "name": "elevation",
1098
- "description": "Sets the elevation of the button.",
1099
- "values": []
1100
- },
1101
1185
  {
1102
1186
  "name": "type",
1103
1187
  "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
@@ -1184,49 +1268,49 @@
1184
1268
  "references": []
1185
1269
  },
1186
1270
  {
1187
- "name": "forge-label",
1188
- "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
1271
+ "name": "forge-label-value",
1272
+ "description": "Label-value pairs are used to display a label and a value in a compact format.\n---\n\n\n### **Slots:**\n - **label** - The label to display.\n- **value** - The value to display.\n- **icon** - An icon to display next to the label.\n\n### **CSS Properties:**\n - **--forge-label-value-align** - Aligns the label and value. Possible values: `start` (default), `center`, `end`. _(default: undefined)_\n- **--forge-label-value-label-spacing** - The spacing between the label and value. _(default: undefined)_\n- **--forge-label-value-label-block-start-spacing** - The block start spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-block-end-spacing** - The block end spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-color** - The color to apply to the label. _(default: undefined)_\n- **--forge-label-value-icon-spacing** - The spacing between the icon and the label. _(default: undefined)_\n- **--forge-label-value-inline-label-spacing** - The spacing between the label and value when displayed inline. _(default: undefined)_\n- **--forge-label-value-empty-color** - The color to apply to the value when empty. _(default: undefined)_\n- **--forge-label-value-empty-style** - The font-style to apply to the value when empty. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout container element.\n- **label** - The label container element.\n- **value** - The value container element.\n- **icon** - The icon container element.",
1189
1273
  "attributes": [
1190
1274
  {
1191
- "name": "for",
1192
- "description": "The id of the associated element.",
1275
+ "name": "empty",
1276
+ "description": "If present, the value will be displayed in an alternative emphasized style.",
1193
1277
  "values": []
1194
1278
  },
1195
1279
  {
1196
- "name": "dynamic",
1197
- "description": "Propagates changes in the label's text content to the associated element.",
1280
+ "name": "ellipsis",
1281
+ "description": "If present, the value will be truncated with an ellipsis if it overflows its container.",
1198
1282
  "values": []
1199
1283
  },
1200
1284
  {
1201
- "name": "non-interactive",
1202
- "description": "Removes click handling from the label.",
1203
- "values": []
1204
- },
1205
- {
1206
- "name": "legend",
1207
- "description": "Whether or not the label should be associated with an ancestor element.",
1285
+ "name": "inline",
1286
+ "description": "If present, the label and value will be displayed on the same line.",
1208
1287
  "values": []
1209
1288
  }
1210
1289
  ],
1211
1290
  "references": []
1212
1291
  },
1213
1292
  {
1214
- "name": "forge-label-value",
1215
- "description": "Label-value pairs are used to display a label and a value in a compact format.\n---\n\n\n### **Slots:**\n - **label** - The label to display.\n- **value** - The value to display.\n- **icon** - An icon to display next to the label.\n\n### **CSS Properties:**\n - **--forge-label-value-align** - Aligns the label and value. Possible values: `start` (default), `center`, `end`. _(default: undefined)_\n- **--forge-label-value-label-spacing** - The spacing between the label and value. _(default: undefined)_\n- **--forge-label-value-label-block-start-spacing** - The block start spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-block-end-spacing** - The block end spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-color** - The color to apply to the label. _(default: undefined)_\n- **--forge-label-value-icon-spacing** - The spacing between the icon and the label. _(default: undefined)_\n- **--forge-label-value-inline-label-spacing** - The spacing between the label and value when displayed inline. _(default: undefined)_\n- **--forge-label-value-empty-color** - The color to apply to the value when empty. _(default: undefined)_\n- **--forge-label-value-empty-style** - The font-style to apply to the value when empty. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout container element.\n- **label** - The label container element.\n- **value** - The value container element.\n- **icon** - The icon container element.",
1293
+ "name": "forge-label",
1294
+ "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
1216
1295
  "attributes": [
1217
1296
  {
1218
- "name": "empty",
1219
- "description": "If present, the value will be displayed in an alternative emphasized style.",
1297
+ "name": "for",
1298
+ "description": "The id of the associated element.",
1220
1299
  "values": []
1221
1300
  },
1222
1301
  {
1223
- "name": "ellipsis",
1224
- "description": "If present, the value will be truncated with an ellipsis if it overflows its container.",
1302
+ "name": "dynamic",
1303
+ "description": "Propagates changes in the label's text content to the associated element.",
1225
1304
  "values": []
1226
1305
  },
1227
1306
  {
1228
- "name": "inline",
1229
- "description": "If present, the label and value will be displayed on the same line.",
1307
+ "name": "non-interactive",
1308
+ "description": "Removes click handling from the label.",
1309
+ "values": []
1310
+ },
1311
+ {
1312
+ "name": "legend",
1313
+ "description": "Whether or not the label should be associated with an ancestor element.",
1230
1314
  "values": []
1231
1315
  }
1232
1316
  ],
@@ -1255,90 +1339,6 @@
1255
1339
  ],
1256
1340
  "references": []
1257
1341
  },
1258
- {
1259
- "name": "forge-icon",
1260
- "description": "Icons are used to represent information visually\n---\n\n\n### **Methods:**\n - **layout(): _void_** - Forces a reload of the icon.\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
1261
- "attributes": [
1262
- {
1263
- "name": "external-type",
1264
- "description": "The type of icon to load externally. Possible values: \"standard\", \"extended\", \"custom\".",
1265
- "values": [{ "name": "IconExternalType" }]
1266
- },
1267
- {
1268
- "name": "external-url-builder",
1269
- "description": "A callback that can be provided to generate a URL that will be used to fetch an SVG icon.",
1270
- "values": [{ "name": "IconUrlBuilder" }]
1271
- },
1272
- {
1273
- "name": "name",
1274
- "description": "The name of the icon to render.",
1275
- "values": []
1276
- },
1277
- {
1278
- "name": "src",
1279
- "description": "Provides the ability to set the SVG string content directly.",
1280
- "values": []
1281
- },
1282
- {
1283
- "name": "lazy",
1284
- "description": "Controls whether the icon will be loaded dynamically when it comes into view. False by default.",
1285
- "values": []
1286
- },
1287
- {
1288
- "name": "external",
1289
- "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
1290
- "values": []
1291
- },
1292
- {
1293
- "name": "viewbox",
1294
- "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1295
- "values": []
1296
- },
1297
- {
1298
- "name": "theme",
1299
- "description": "The theme to apply to the icon.",
1300
- "values": [{ "name": "IconTheme" }]
1301
- }
1302
- ],
1303
- "references": []
1304
- },
1305
- {
1306
- "name": "forge-icon-button",
1307
- "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1308
- "attributes": [
1309
- {
1310
- "name": "type",
1311
- "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1312
- "values": [{ "name": "ButtonType" }]
1313
- },
1314
- {
1315
- "name": "disabled",
1316
- "description": "Disables the button.",
1317
- "values": []
1318
- },
1319
- {
1320
- "name": "popover-icon",
1321
- "description": "Shows a popover icon on the button.",
1322
- "values": []
1323
- },
1324
- {
1325
- "name": "dense",
1326
- "description": "Sets the density of the button.",
1327
- "values": []
1328
- },
1329
- {
1330
- "name": "name",
1331
- "description": "The name of the button.",
1332
- "values": []
1333
- },
1334
- {
1335
- "name": "value",
1336
- "description": "The value of the button.",
1337
- "values": []
1338
- }
1339
- ],
1340
- "references": []
1341
- },
1342
1342
  {
1343
1343
  "name": "forge-menu",
1344
1344
  "description": "\n---\n\n\n### **Methods:**\n - **propagateKeyEvent(evt: _KeyboardEvent_): _void_** - Force propagates the key event from another element to this component.\n- **activateFirstOption(): _void_** - Activates the first option in the menu when open.",
@@ -1468,69 +1468,6 @@
1468
1468
  ],
1469
1469
  "references": []
1470
1470
  },
1471
- {
1472
- "name": "forge-page-state",
1473
- "description": "\n---\n\n\n### **Slots:**\n - **graphic** - The slot where the graphic will be rendered.\n- **title** - The slot where the title will be rendered.\n- **message** - The slot where the message will be rendered.\n- **actions** - The slot where the actions will be rendered.\n\n### **CSS Properties:**\n - **--forge-page-state-width** - The width of the page state. _(default: undefined)_\n- **--forge-page-state-height** - The height of the page state. _(default: undefined)_\n- **--forge-page-state-spacing** - The spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-width** - The mobile width of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-height** - The graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-spacing** - The graphic spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-graphic-height** - The mobile graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-title-color** - The title color of the page state. _(default: undefined)_\n- **--forge-page-state-title-spacing** - The title spacing of the page state. _(default: undefined)_\n- **--forge-page-state-message-color** - The message color of the page state. _(default: undefined)_\n- **--forge-page-state-message-spacing** - The message spacing of the page state. _(default: undefined)_\n- **--forge-page-state-actions-spacing** - The actions spacing of the page state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **graphic-container** - The graphic container element.\n- **title-container** - The title container element.\n- **message-container** - The message container element.\n- **actions-container** - The actions container element.",
1474
- "attributes": [],
1475
- "references": []
1476
- },
1477
- {
1478
- "name": "forge-paginator",
1479
- "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
1480
- "attributes": [
1481
- {
1482
- "name": "page-index",
1483
- "description": "The zero-based page index.",
1484
- "values": []
1485
- },
1486
- {
1487
- "name": "page-size",
1488
- "description": "Number of items to display on a page.",
1489
- "values": []
1490
- },
1491
- {
1492
- "name": "offset",
1493
- "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
1494
- "values": []
1495
- },
1496
- {
1497
- "name": "total",
1498
- "description": "The total number of items to be paginated.",
1499
- "values": []
1500
- },
1501
- {
1502
- "name": "page-size-options",
1503
- "description": "The set of provided page size options to display to the user.",
1504
- "values": [{ "name": "number[]" }]
1505
- },
1506
- {
1507
- "name": "label",
1508
- "description": "A label for the paginator.",
1509
- "values": []
1510
- },
1511
- {
1512
- "name": "first-last",
1513
- "description": "Whether to show the first page and last page buttons.",
1514
- "values": []
1515
- },
1516
- {
1517
- "name": "first",
1518
- "description": "Whether to show the first page button. Default is false.",
1519
- "values": []
1520
- },
1521
- {
1522
- "name": "disabled",
1523
- "description": "Whether the paginator is disabled.",
1524
- "values": []
1525
- },
1526
- {
1527
- "name": "alternative",
1528
- "description": "Whether to use the alternative range label slot.",
1529
- "values": []
1530
- }
1531
- ],
1532
- "references": []
1533
- },
1534
1471
  {
1535
1472
  "name": "forge-overlay",
1536
1473
  "description": "Overlays are used to render content in an element that rendered above all content on the page,\nand positioned around a specified anchor element.\n---\n\n\n### **Events:**\n - **forge-overlay-light-dismiss** - Dispatches when the overlay is light dismissed via the escape key or clicking outside the overlay.\n\n### **Slots:**\n - _default_ - The content to render inside the positioned overlay container.\n\n### **CSS Properties:**\n - **--forge-overlay-position** - The `position` of the overlay. _(default: undefined)_\n- **--forge-overlay-z-index** - The `z-index` of the overlay. Defaults to the `popup` range. _(default: undefined)_\n- **--forge-overlay-height** - The `height` of the overlay. Defaults to `min-content`. _(default: undefined)_\n- **--forge-overlay-width** - The `width` of the overlay. Defaults to `min-content`. _(default: undefined)_\n- **--forge-overlay-position-block-start** - The `block-start` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-block-end** - The `block-end` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-inline-start** - The `inline-start` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-inline-end** - The `inline-end` position of the overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
@@ -1603,6 +1540,69 @@
1603
1540
  ],
1604
1541
  "references": []
1605
1542
  },
1543
+ {
1544
+ "name": "forge-page-state",
1545
+ "description": "\n---\n\n\n### **Slots:**\n - **graphic** - The slot where the graphic will be rendered.\n- **title** - The slot where the title will be rendered.\n- **message** - The slot where the message will be rendered.\n- **actions** - The slot where the actions will be rendered.\n\n### **CSS Properties:**\n - **--forge-page-state-width** - The width of the page state. _(default: undefined)_\n- **--forge-page-state-height** - The height of the page state. _(default: undefined)_\n- **--forge-page-state-spacing** - The spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-width** - The mobile width of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-height** - The graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-spacing** - The graphic spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-graphic-height** - The mobile graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-title-color** - The title color of the page state. _(default: undefined)_\n- **--forge-page-state-title-spacing** - The title spacing of the page state. _(default: undefined)_\n- **--forge-page-state-message-color** - The message color of the page state. _(default: undefined)_\n- **--forge-page-state-message-spacing** - The message spacing of the page state. _(default: undefined)_\n- **--forge-page-state-actions-spacing** - The actions spacing of the page state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **graphic-container** - The graphic container element.\n- **title-container** - The title container element.\n- **message-container** - The message container element.\n- **actions-container** - The actions container element.",
1546
+ "attributes": [],
1547
+ "references": []
1548
+ },
1549
+ {
1550
+ "name": "forge-paginator",
1551
+ "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
1552
+ "attributes": [
1553
+ {
1554
+ "name": "page-index",
1555
+ "description": "The zero-based page index.",
1556
+ "values": []
1557
+ },
1558
+ {
1559
+ "name": "page-size",
1560
+ "description": "Number of items to display on a page.",
1561
+ "values": []
1562
+ },
1563
+ {
1564
+ "name": "offset",
1565
+ "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
1566
+ "values": []
1567
+ },
1568
+ {
1569
+ "name": "total",
1570
+ "description": "The total number of items to be paginated.",
1571
+ "values": []
1572
+ },
1573
+ {
1574
+ "name": "page-size-options",
1575
+ "description": "The set of provided page size options to display to the user.",
1576
+ "values": [{ "name": "number[]" }]
1577
+ },
1578
+ {
1579
+ "name": "label",
1580
+ "description": "A label for the paginator.",
1581
+ "values": []
1582
+ },
1583
+ {
1584
+ "name": "first-last",
1585
+ "description": "Whether to show the first page and last page buttons.",
1586
+ "values": []
1587
+ },
1588
+ {
1589
+ "name": "first",
1590
+ "description": "Whether to show the first page button. Default is false.",
1591
+ "values": []
1592
+ },
1593
+ {
1594
+ "name": "disabled",
1595
+ "description": "Whether the paginator is disabled.",
1596
+ "values": []
1597
+ },
1598
+ {
1599
+ "name": "alternative",
1600
+ "description": "Whether to use the alternative range label slot.",
1601
+ "values": []
1602
+ }
1603
+ ],
1604
+ "references": []
1605
+ },
1606
1606
  {
1607
1607
  "name": "forge-popover",
1608
1608
  "description": "Popovers are used to render content in an element that is above all other content on the page.\n---\n\n\n### **Events:**\n - **forge-popover-beforetoggle** - Dispatches before the popover is toggled, and is cancelable.\n- **forge-popover-toggle** - Dispatches after the popover is toggled.\n\n### **Methods:**\n - **hideAsync(): _Promise<void>_** - Hides the popover, and returns a `Promise` that resolves when the hide animation is complete.\n- **position(): _void_** - Forces the overlay to reposition itself.\n\n### **Slots:**\n - _default_ - The content to render inside the popover.\n\n### **CSS Properties:**\n - **--forge-popover-background** - The background color of the popover surface. _(default: undefined)_\n- **--forge-popover-border-radius** - The border radius of the popover surface. _(default: undefined)_\n- **--forge-popover-box-shadow** - The box shadow of the popover surface. _(default: undefined)_\n- **--forge-popover-border-width** - The border width of the popover surface. _(default: undefined)_\n- **--forge-popover-border-style** - The border style of the popover surface. _(default: undefined)_\n- **--forge-popover-border-color** - The border color of the popover surface. _(default: undefined)_\n- **--forge-popover-width** - The width of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-height** - The height of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-min-width** - The minimum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-width** - The maximum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-min-height** - The minimum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-height** - The maximum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-arrow-size** - The size of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-height** - The height of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-width** - The width of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-background-color** - The background color of the arrow. Defaults to the background color of the popover surface. _(default: undefined)_\n- **--forge-popover-arrow-top-rotation** - The rotation of the arrow when the popover is placed on the top. _(default: undefined)_\n- **--forge-popover-arrow-right-rotation** - The rotation of the arrow when the popover is placed on the right. _(default: undefined)_\n- **--forge-popover-arrow-bottom-rotation** - The rotation of the arrow when the popover is placed on the bottom. _(default: undefined)_\n- **--forge-popover-arrow-left-rotation** - The rotation of the arrow when the popover is placed on the left. _(default: undefined)_\n- **--forge-popover-arrow-border-width** - The border width of the popover surface and arrow when an arrow is applied. _(default: undefined)_\n- **--forge-popover-arrow-clip-path** - The clip path to use for the arrow element. _(default: undefined)_\n- **--forge-popover-animation-timing** - The animation timing function to use for the popover animation. _(default: undefined)_\n- **--forge-popover-zoom-duration** - The duration of the zoom animation. _(default: undefined)_\n- **--forge-popover-zoom-timing** - The timing function to use for the zoom animation. _(default: undefined)_\n- **--forge-popover-slide-duration** - The duration of the slide animation. _(default: undefined)_\n- **--forge-popover-slide-timing** - The timing function to use for the slide animation. _(default: undefined)_\n- **--forge-popover-slide-offset** - The start offset to use for the slide animation. _(default: undefined)_\n- **--forge-popover-fade-duration** - The duration of the fade animation. _(default: undefined)_\n- **--forge-popover-fade-timing** - The timing function to use for the fade animation. _(default: undefined)_\n- **--forge-popover-position-block-start** - The `block-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-block-end** - The `block-end` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-start** - The `inline-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-end** - The `inline-end` position of the popover. _(default: undefined)_\n- **--forge-popover-preset-dropdown-max-height** - The maximum height of the popover when using `preset=\"dropdown\"`. Defaults to `256px`. _(default: undefined)_\n- **--forge-popover-preset-dropdown-overflow** - The overflow behavior of the popover when using `preset=\"dropdown\"`. Defaults to `auto visible` (vertical scrolling only). _(default: undefined)_\n\n### **CSS Parts:**\n - **overlay** - The overlay root element.\n- **surface** - The surface container element for the slotted content.",
@@ -1647,6 +1647,11 @@
1647
1647
  "description": "The preset to use for the popover.",
1648
1648
  "values": []
1649
1649
  },
1650
+ {
1651
+ "name": "distinct",
1652
+ "description": "Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.",
1653
+ "values": []
1654
+ },
1650
1655
  {
1651
1656
  "name": "anchor",
1652
1657
  "description": "The IDREF of the anchor element to position the overlay relative to.",
@@ -1729,79 +1734,79 @@
1729
1734
  "references": []
1730
1735
  },
1731
1736
  {
1732
- "name": "forge-skip-link",
1733
- "description": "The Forge Skip Link component is used to provide a way for users to skip repetitive content and navigate directly to a section of the page.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
1737
+ "name": "forge-skeleton",
1738
+ "description": "Skeleton is used to provide a placeholder for content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--forge-skeleton-animation-duration** - The duration of the skeleton animation. _(default: undefined)_\n- **--forge-skeleton-width** - The width of the skeleton. _(default: undefined)_\n- **--forge-skeleton-height** - The height of the skeleton. _(default: undefined)_\n- **--forge-skeleton-background** - The background color of the skeleton. _(default: undefined)_\n- **--forge-skeleton-shape** - The shape of the skeleton. _(default: undefined)_\n- **--forge-skeleton-margin** - The margin of the skeleton. _(default: undefined)_\n- **--forge-skeleton-button-height** - The height of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-button-width** - The width of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-height** - The height of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-width** - The width of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-height** - The height of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-width** - The width of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-shape** - The shape of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-height** - The height of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-margin** - The margin of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-text-height** - The height of the text skeleton. _(default: undefined)_\n- **--forge-skeleton-gradient-color** - The color of the gradient skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-size** - The size of the avatar skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-shape** - The shape of the avatar skeleton. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the skeleton.",
1734
1739
  "attributes": [
1735
1740
  {
1736
- "name": "target",
1737
- "description": "The IDREF of the element to which the skip link should navigate.",
1741
+ "name": "form-field",
1742
+ "description": "Apply form field styles to the skeleton.",
1738
1743
  "values": []
1739
1744
  },
1740
1745
  {
1741
- "name": "theme",
1742
- "description": "The theme applied to the skip link.",
1743
- "values": [{ "name": "SkipLinkTheme" }]
1744
- },
1745
- {
1746
- "name": "muted",
1747
- "description": "Whether or not the skip link uses a muted color scheme.",
1746
+ "name": "button",
1747
+ "description": "Apply button styles to the skeleton.",
1748
1748
  "values": []
1749
1749
  },
1750
1750
  {
1751
- "name": "persistent",
1752
- "description": "Whether or not the skip link should remain visible when not focused.",
1751
+ "name": "chip",
1752
+ "description": "Apply chip styles to the skeleton.",
1753
1753
  "values": []
1754
1754
  },
1755
1755
  {
1756
- "name": "inline",
1757
- "description": "Whether or not the skip link renders within its container.",
1756
+ "name": "list-item",
1757
+ "description": "Apply list item styles to the skeleton.",
1758
1758
  "values": []
1759
1759
  },
1760
1760
  {
1761
- "name": "skip-url-change",
1762
- "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
1761
+ "name": "text",
1762
+ "description": "Apply text styles to the skeleton.",
1763
+ "values": []
1764
+ },
1765
+ {
1766
+ "name": "avatar",
1767
+ "description": "Apply avatar styles to the skeleton.",
1768
+ "values": []
1769
+ },
1770
+ {
1771
+ "name": "stretch",
1772
+ "description": "Apply stretch styles to the skeleton.",
1763
1773
  "values": []
1764
1774
  }
1765
1775
  ],
1766
1776
  "references": []
1767
1777
  },
1768
1778
  {
1769
- "name": "forge-skeleton",
1770
- "description": "Skeleton is used to provide a placeholder for content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--forge-skeleton-animation-duration** - The duration of the skeleton animation. _(default: undefined)_\n- **--forge-skeleton-width** - The width of the skeleton. _(default: undefined)_\n- **--forge-skeleton-height** - The height of the skeleton. _(default: undefined)_\n- **--forge-skeleton-background** - The background color of the skeleton. _(default: undefined)_\n- **--forge-skeleton-shape** - The shape of the skeleton. _(default: undefined)_\n- **--forge-skeleton-margin** - The margin of the skeleton. _(default: undefined)_\n- **--forge-skeleton-button-height** - The height of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-button-width** - The width of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-height** - The height of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-width** - The width of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-height** - The height of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-width** - The width of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-shape** - The shape of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-height** - The height of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-margin** - The margin of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-text-height** - The height of the text skeleton. _(default: undefined)_\n- **--forge-skeleton-gradient-color** - The color of the gradient skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-size** - The size of the avatar skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-shape** - The shape of the avatar skeleton. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the skeleton.",
1779
+ "name": "forge-skip-link",
1780
+ "description": "The Forge Skip Link component is used to provide a way for users to skip repetitive content and navigate directly to a section of the page.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
1771
1781
  "attributes": [
1772
1782
  {
1773
- "name": "form-field",
1774
- "description": "Apply form field styles to the skeleton.",
1775
- "values": []
1776
- },
1777
- {
1778
- "name": "button",
1779
- "description": "Apply button styles to the skeleton.",
1783
+ "name": "target",
1784
+ "description": "The IDREF of the element to which the skip link should navigate.",
1780
1785
  "values": []
1781
1786
  },
1782
1787
  {
1783
- "name": "chip",
1784
- "description": "Apply chip styles to the skeleton.",
1785
- "values": []
1788
+ "name": "theme",
1789
+ "description": "The theme applied to the skip link.",
1790
+ "values": [{ "name": "SkipLinkTheme" }]
1786
1791
  },
1787
1792
  {
1788
- "name": "list-item",
1789
- "description": "Apply list item styles to the skeleton.",
1793
+ "name": "muted",
1794
+ "description": "Whether or not the skip link uses a muted color scheme.",
1790
1795
  "values": []
1791
1796
  },
1792
1797
  {
1793
- "name": "text",
1794
- "description": "Apply text styles to the skeleton.",
1798
+ "name": "persistent",
1799
+ "description": "Whether or not the skip link should remain visible when not focused.",
1795
1800
  "values": []
1796
1801
  },
1797
1802
  {
1798
- "name": "avatar",
1799
- "description": "Apply avatar styles to the skeleton.",
1803
+ "name": "inline",
1804
+ "description": "Whether or not the skip link renders within its container.",
1800
1805
  "values": []
1801
1806
  },
1802
1807
  {
1803
- "name": "stretch",
1804
- "description": "Apply stretch styles to the skeleton.",
1808
+ "name": "skip-url-change",
1809
+ "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
1805
1810
  "values": []
1806
1811
  }
1807
1812
  ],
@@ -1983,6 +1988,23 @@
1983
1988
  ],
1984
1989
  "references": []
1985
1990
  },
1991
+ {
1992
+ "name": "forge-state-layer",
1993
+ "description": "State layers show the interaction status of an element.\n---\n\n\n### **Methods:**\n - **playAnimation(coords: _StateLayerCoords_): _void_** - Triggers the animation to run.\n\nNote: If coordinates are not provided, the transition will originate from the center of the target element.\n\n### **CSS Properties:**\n - **--forge-state-layer-color** - The color of the state layer. Defaults to the on-surface theme. _(default: undefined)_\n- **--forge-state-layer-hover-color** - The color of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-hover-opacity** - The opacity of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-pressed-color** - The color of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-pressed-opacity** - The opacity of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-hover-duration** - The duration of the hover animation. _(default: undefined)_\n- **--forge-state-layer-animation-duration** - The duration of the animation. _(default: undefined)_\n- **--forge-state-layer-pressed-duration** - The duration of the pressed animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface element.",
1994
+ "attributes": [
1995
+ {
1996
+ "name": "target",
1997
+ "description": "The id of the element to attach the state layer to.",
1998
+ "values": []
1999
+ },
2000
+ {
2001
+ "name": "disabled",
2002
+ "description": "Controls whether the state layer is disabled.",
2003
+ "values": []
2004
+ }
2005
+ ],
2006
+ "references": []
2007
+ },
1986
2008
  {
1987
2009
  "name": "forge-switch",
1988
2010
  "description": "Switches toggle the state of a single setting on or off.\n---\n\n\n### **Events:**\n - **change** - Dispatches when the switch's value changes.\n- **forge-switch-change** - Dispatches when the switch's value changes.\n\n### **Methods:**\n - **toggle(force: _boolean_): _void_** - Toggles the switch on or off.\n\n### **CSS Properties:**\n - **--forge-theme-primary** - The primary color of the switch. _(default: undefined)_\n- **--forge-theme-on-primary** - The color of elements placed on top of the primary color (the handle icons for example). _(default: undefined)_\n- **--forge-switch-handle-on-color** - The color of the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-color** - The color of the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-on-color** - The color of the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-color** - The color of the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-size** - The inline and block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-width** - The inline size of the handle. _(default: undefined)_\n- **--forge-switch-handle-height** - The block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-scale** - The scale transformation applied to the handle. _(default: undefined)_\n- **--forge-switch-handle-on-scale** - The scale transformation applied to the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-scale** - The scale transformation applied to the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-scale** - The scale transformation applied to the handle when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-shape** - The shape of the handle. _(default: undefined)_\n- **--forge-switch-handle-elevation** - The handle's shadow. _(default: undefined)_\n- **--forge-switch-handle-on-elevation** - The handle's shadow in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-elevation** - The handle's shadow in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-elevation** - The handle's shadow when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-elevation** - The handle's shadow when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-elevation** - The handle's shadow when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-on-color** - The color of the track in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-color** - The color fo the track in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-color** - The color of the track when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-color** - The color fo the track when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-width** - The inline size of the track. _(default: undefined)_\n- **--forge-switch-track-height** - The block size of the track. _(default: undefined)_\n- **--forge-switch-track-shape** - The shape of the track. _(default: undefined)_\n- **--forge-switch-track-border-width** - The width of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-width** - The width of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-width** - The width of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-width** - The width of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-width** - The width of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-border-color** - The color of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-color** - The color of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-color** - The color of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-color** - The color of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-color** - The color of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-color** - The color of the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-color** - The color of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-color** - The color of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-color** - The color of the handle icon when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-color** - The color of the handle icon when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-size** - The size of the handle icon. _(default: undefined)_\n- **--forge-switch-icon-on-size** - The size of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-size** - The size of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-scale** - The scale transformation applied to the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-scale** - The scale transformation applied to the handle icons in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-scale** - The scale transformation applied to the handle icons in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-gap** - The space between the switch and label. _(default: undefined)_\n- **--forge-switch-justify** - How the switch and label are distributed along their main axis. _(default: undefined)_\n- **--forge-switch-align** - How the switch and label are distributed along their cross axis. _(default: undefined)_\n- **--forge-switch-direction** - Whether the switch and label are arranged along the inline or block axis. _(default: undefined)_\n- **--forge-switch-state-layer-size** - The inline and block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-width** - The inline size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-height** - The block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-on-color** - The color of the handle's state layer when the switch is in its on state. _(default: undefined)_\n- **--forge-switch-state-layer-off-color** - The color of the handle's state layer when the switch is in its off state. _(default: undefined)_\n- **--forge-switch-state-layer-dense-size** - The inline and block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-width** - The inline size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-height** - The block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-disabled-opacity** - The opacity of the switch when disabled. _(default: undefined)_\n- **--forge-switch-animation-duration** - The duration of animations. _(default: undefined)_\n- **--forge-switch-animation-timing** - The timing function used in most animations. _(default: undefined)_\n- **--forge-switch-active-animation-timing** - The timing function used in active state animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **switch** - Styles the switch container element.\n- **track** - Styles the track element.\n- **handle** - Styles the handle element.\n- **icon-on** - Styles the on icon element.\n- **icon-off** - Styles the off icon element.\n- **label** - Styles the label element.\n- **state-layer** - Styles the state layer root element.\n- **focus-indicator** - Styles the focus indicator root element.",
@@ -2050,6 +2072,93 @@
2050
2072
  ],
2051
2073
  "references": []
2052
2074
  },
2075
+ {
2076
+ "name": "forge-table",
2077
+ "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
2078
+ "attributes": [
2079
+ {
2080
+ "name": "select",
2081
+ "description": "Controls the visibility of the select column.",
2082
+ "values": []
2083
+ },
2084
+ {
2085
+ "name": "multiselect",
2086
+ "description": "Controls the visibility of the select all checkbox (only applied when `select` is `true`).",
2087
+ "values": []
2088
+ },
2089
+ {
2090
+ "name": "select-key",
2091
+ "description": "The row key for matching data to selections.",
2092
+ "values": [{ "name": "string[]" }]
2093
+ },
2094
+ {
2095
+ "name": "tooltip-select",
2096
+ "description": "The tooltip to display when hovering over the select column.",
2097
+ "values": [{ "name": "TableSelectTooltipCallback" }]
2098
+ },
2099
+ {
2100
+ "name": "tooltip-select-all",
2101
+ "description": "The tooltip to display when hovering over the select all checkbox.",
2102
+ "values": []
2103
+ },
2104
+ {
2105
+ "name": "dense",
2106
+ "description": "Controls whether the table is dense or not.",
2107
+ "values": []
2108
+ },
2109
+ {
2110
+ "name": "roomy",
2111
+ "description": "Controls whether the table is roomy or not.",
2112
+ "values": []
2113
+ },
2114
+ {
2115
+ "name": "filter",
2116
+ "description": "Controls whether the table shows its column filter row.",
2117
+ "values": []
2118
+ },
2119
+ {
2120
+ "name": "fixed-headers",
2121
+ "description": "Controls whether the table applies fixed headers when in scroll containers.",
2122
+ "values": []
2123
+ },
2124
+ {
2125
+ "name": "layout-type",
2126
+ "description": "Controls the table layout algorithm.",
2127
+ "values": [{ "name": "TableLayoutType" }]
2128
+ },
2129
+ {
2130
+ "name": "wrap-content",
2131
+ "description": "Controls whether the content in each cell wraps or not (true by default).",
2132
+ "values": []
2133
+ },
2134
+ {
2135
+ "name": "resizable",
2136
+ "description": "Controls whether the columns are resizable or not.",
2137
+ "values": []
2138
+ },
2139
+ {
2140
+ "name": "min-resize-width",
2141
+ "description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
2142
+ "values": []
2143
+ },
2144
+ {
2145
+ "name": "allow-row-click",
2146
+ "description": "Gets/sets whether the rows respond to (and emit) row click events.",
2147
+ "values": []
2148
+ },
2149
+ {
2150
+ "name": "multi-column-sort",
2151
+ "description": "Gets/sets whether the table supports multi-column sorting.",
2152
+ "values": []
2153
+ },
2154
+ {
2155
+ "name": "select-checkbox-alignment",
2156
+ "description": "Controls the alignment of the select checkbox.",
2157
+ "values": [{ "name": "`${CellAlign}`" }]
2158
+ }
2159
+ ],
2160
+ "references": []
2161
+ },
2053
2162
  {
2054
2163
  "name": "forge-text-field",
2055
2164
  "description": "The Forge Text Field component wraps and styles an input or textarea element.\n---\n\n\n### **Events:**\n - **forge-text-field-clear** - Dispatched when the clear button is clicked.\n- **forge-field-popover-icon-click** - Dispatches when the user clicks the popover icon.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label immediately. Only applies when the label is inset.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the field's input.\n- **label** - Renders its content as a positioned label.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **clear-button** - Content slotted here replaces the default clear button.\n- **clear-button-tooltip** - Sets the text content of the clear button's tooltip and accessible label.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The support text element.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
@@ -2270,182 +2379,78 @@
2270
2379
  "references": []
2271
2380
  },
2272
2381
  {
2273
- "name": "forge-table",
2274
- "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
2382
+ "name": "forge-toast",
2383
+ "description": "Toasts are non-modal notifications that appear in response to user interactions.\n---\n\n\n### **Events:**\n - **forge-toast-action** - Dispatched when the action button is clicked.\n- **forge-toast-close** - Dispatched when the toast is closed.\n\n### **Methods:**\n - **show(): _void_** - Shows the toast.\n- **hide(): __** - Hides the toast.\n\n### **CSS Properties:**\n - **--forge-toast-background** - The background color of the toast. _(default: undefined)_\n- **--forge-toast-color** - The text color of the toast. _(default: undefined)_\n- **--forge-toast-offset** - The offset of the toast from the edge of the viewport. _(default: undefined)_\n- **--forge-toast-shape** - The shape of the toast. _(default: undefined)_\n- **--forge-toast-elevation** - The elevation of the toast. _(default: undefined)_\n- **--forge-toast-action-color** - The text color of the action button. _(default: undefined)_\n- **--forge-toast-min-width** - The minimum width of the toast. _(default: undefined)_\n- **--forge-toast-max-width** - The maximum width of the toast. _(default: undefined)_\n- **--forge-toast-min-height** - The minimum height of the toast. _(default: undefined)_\n- **--forge-toast-inline-padding** - The padding of the toast when inline. _(default: undefined)_\n- **--forge-toast-spacing** - The spacing between toasts. _(default: undefined)_\n- **--forge-toast-message-padding** - The padding of the toast message. _(default: undefined)_\n- **--forge-toast-enter-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-toast-enter-timing** - The timing function of the enter animation. _(default: undefined)_\n- **--forge-toast-exit-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-toast-exit-timing** - The timing function of the exit animation. _(default: undefined)_\n- **--forge-toast-slide-origin** - The origin of the slide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface container.\n- **message** - The message container.\n- **action-button** - The action button.\n- **close-button** - The close button.\n- **overlay** - The `<forge-overlay>` element.",
2275
2384
  "attributes": [
2385
+ { "name": "open", "description": "The open state.", "values": [] },
2276
2386
  {
2277
- "name": "select",
2278
- "description": "Controls the visibility of the select column.",
2279
- "values": []
2280
- },
2281
- {
2282
- "name": "multiselect",
2283
- "description": "Controls the visibility of the select all checkbox (only applied when `select` is `true`).",
2284
- "values": []
2285
- },
2286
- {
2287
- "name": "select-key",
2288
- "description": "The row key for matching data to selections.",
2289
- "values": [{ "name": "string[]" }]
2290
- },
2291
- {
2292
- "name": "tooltip-select",
2293
- "description": "The tooltip to display when hovering over the select column.",
2294
- "values": [{ "name": "TableSelectTooltipCallback" }]
2295
- },
2296
- {
2297
- "name": "tooltip-select-all",
2298
- "description": "The tooltip to display when hovering over the select all checkbox.",
2387
+ "name": "duration",
2388
+ "description": "The duration in milliseconds that the toast is displayed.",
2299
2389
  "values": []
2300
2390
  },
2301
2391
  {
2302
- "name": "dense",
2303
- "description": "Controls whether the table is dense or not.",
2304
- "values": []
2392
+ "name": "placement",
2393
+ "description": "The placement of the toast.",
2394
+ "values": [{ "name": "ToastPlacement" }]
2305
2395
  },
2306
2396
  {
2307
- "name": "roomy",
2308
- "description": "Controls whether the table is roomy or not.",
2397
+ "name": "action-text",
2398
+ "description": "The text for the action button. This controls the visibility of the action button.",
2309
2399
  "values": []
2310
2400
  },
2311
2401
  {
2312
- "name": "filter",
2313
- "description": "Controls whether the table shows its column filter row.",
2402
+ "name": "dismissible",
2403
+ "description": "Whether the toast is dismissible (displays a close button).",
2314
2404
  "values": []
2315
2405
  },
2316
2406
  {
2317
- "name": "fixed-headers",
2318
- "description": "Controls whether the table applies fixed headers when in scroll containers.",
2407
+ "name": "dismiss-label",
2408
+ "description": "The accessible label for the dismiss button.",
2319
2409
  "values": []
2320
2410
  },
2321
2411
  {
2322
- "name": "layout-type",
2323
- "description": "Controls the table layout algorithm.",
2324
- "values": [{ "name": "TableLayoutType" }]
2325
- },
2412
+ "name": "theme",
2413
+ "description": "The theme of the toast.",
2414
+ "values": [{ "name": "ToastTheme" }]
2415
+ }
2416
+ ],
2417
+ "references": []
2418
+ },
2419
+ {
2420
+ "name": "forge-toolbar",
2421
+ "description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar.\nThis component is useful as headers and footers within pages, dialogs, sections... etc. to ensure consistent layout and alignment.\n---\n\n\n### **Slots:**\n - **before-start** - The content to place before the start slot.\n- **start** - The content to place at the start of the toolbar.\n- **center** - The content to place in the center of the toolbar.\n- **end** - The content to place at the end of the toolbar.\n- **after-end** - The content to place after the end slot.\n\n### **CSS Properties:**\n - **--forge-toolbar-height** - Controls the height. _(default: undefined)_\n- **--forge-toolbar-min-height** - Controls the minimum height. Defaults to the toolbar height. _(default: undefined)_\n- **--forge-theme-surface** - Controls the background-color of the toolbar. _(default: undefined)_\n- **--forge-toolbar-divider-width** - Controls the divider width. _(default: undefined)_\n- **--forge-toolbar-divider-style** - Controls the divider style. _(default: undefined)_\n- **--forge-toolbar-divider-color** - Controls the divider color. _(default: undefined)_\n- **--forge-toolbar-shape** - Controls the border radius of the toolbar. _(default: undefined)_\n- **--forge-toolbar-start-start-shape** - Controls the border radius of the top left corner. _(default: undefined)_\n- **--forge-toolbar-start-end-shape** - Controls the border radius of the top right corner. _(default: undefined)_\n- **--forge-toolbar-end-start-shape** - Controls the border radius of the bottom left corner. _(default: undefined)_\n- **--forge-toolbar-end-end-shape** - Controls the border radius of the bottom right corner. _(default: undefined)_\n- **--forge-toolbar-padding** - Controls the left and right padding using the padding-inline style. _(default: undefined)_\n- **--forge-toolbar-padding-block** - Controls the top and bottom padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-padding-inline** - Controls the left and right padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-columns** - The grid column track sizes. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element wrapping all slots and content.\n- **inner** - The internal container element for the start, center, and end slots.\n- **before-section-start** - The container element for the before-start slot.\n- **section-start** - The container element for the start slot.\n- **section-center** - The container element for the center slot.\n- **section-end** - The container element for the end slot.\n- **after-section-end** - The container element for the after-end slot.",
2422
+ "attributes": [
2326
2423
  {
2327
- "name": "wrap-content",
2328
- "description": "Controls whether the content in each cell wraps or not (true by default).",
2424
+ "name": "inverted",
2425
+ "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2329
2426
  "values": []
2330
2427
  },
2331
2428
  {
2332
- "name": "resizable",
2333
- "description": "Controls whether the columns are resizable or not.",
2429
+ "name": "no-divider",
2430
+ "description": "Hides the internal divider.",
2334
2431
  "values": []
2335
2432
  },
2336
2433
  {
2337
- "name": "min-resize-width",
2338
- "description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
2434
+ "name": "no-border",
2435
+ "description": "Deprecated. Use `no-divider` instead.",
2339
2436
  "values": []
2340
2437
  },
2341
2438
  {
2342
- "name": "allow-row-click",
2343
- "description": "Gets/sets whether the rows respond to (and emit) row click events.",
2439
+ "name": "no-padding",
2440
+ "description": "Sets the internal padding style to 0.",
2344
2441
  "values": []
2345
2442
  },
2346
2443
  {
2347
- "name": "multi-column-sort",
2348
- "description": "Gets/sets whether the table supports multi-column sorting.",
2444
+ "name": "auto-height",
2445
+ "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2349
2446
  "values": []
2350
- },
2351
- {
2352
- "name": "select-checkbox-alignment",
2353
- "description": "Controls the alignment of the select checkbox.",
2354
- "values": [{ "name": "`${CellAlign}`" }]
2355
2447
  }
2356
2448
  ],
2357
2449
  "references": []
2358
2450
  },
2359
2451
  {
2360
- "name": "forge-state-layer",
2361
- "description": "State layers show the interaction status of an element.\n---\n\n\n### **Methods:**\n - **playAnimation(coords: _StateLayerCoords_): _void_** - Triggers the animation to run.\n\nNote: If coordinates are not provided, the transition will originate from the center of the target element.\n\n### **CSS Properties:**\n - **--forge-state-layer-color** - The color of the state layer. Defaults to the on-surface theme. _(default: undefined)_\n- **--forge-state-layer-hover-color** - The color of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-hover-opacity** - The opacity of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-pressed-color** - The color of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-pressed-opacity** - The opacity of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-hover-duration** - The duration of the hover animation. _(default: undefined)_\n- **--forge-state-layer-animation-duration** - The duration of the animation. _(default: undefined)_\n- **--forge-state-layer-pressed-duration** - The duration of the pressed animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface element.",
2362
- "attributes": [
2363
- {
2364
- "name": "target",
2365
- "description": "The id of the element to attach the state layer to.",
2366
- "values": []
2367
- },
2368
- {
2369
- "name": "disabled",
2370
- "description": "Controls whether the state layer is disabled.",
2371
- "values": []
2372
- }
2373
- ],
2374
- "references": []
2375
- },
2376
- {
2377
- "name": "forge-toast",
2378
- "description": "Toasts are non-modal notifications that appear in response to user interactions.\n---\n\n\n### **Events:**\n - **forge-toast-action** - Dispatched when the action button is clicked.\n- **forge-toast-close** - Dispatched when the toast is closed.\n\n### **Methods:**\n - **show(): _void_** - Shows the toast.\n- **hide(): __** - Hides the toast.\n\n### **CSS Properties:**\n - **--forge-toast-background** - The background color of the toast. _(default: undefined)_\n- **--forge-toast-color** - The text color of the toast. _(default: undefined)_\n- **--forge-toast-offset** - The offset of the toast from the edge of the viewport. _(default: undefined)_\n- **--forge-toast-shape** - The shape of the toast. _(default: undefined)_\n- **--forge-toast-elevation** - The elevation of the toast. _(default: undefined)_\n- **--forge-toast-action-color** - The text color of the action button. _(default: undefined)_\n- **--forge-toast-min-width** - The minimum width of the toast. _(default: undefined)_\n- **--forge-toast-max-width** - The maximum width of the toast. _(default: undefined)_\n- **--forge-toast-min-height** - The minimum height of the toast. _(default: undefined)_\n- **--forge-toast-inline-padding** - The padding of the toast when inline. _(default: undefined)_\n- **--forge-toast-spacing** - The spacing between toasts. _(default: undefined)_\n- **--forge-toast-message-padding** - The padding of the toast message. _(default: undefined)_\n- **--forge-toast-enter-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-toast-enter-timing** - The timing function of the enter animation. _(default: undefined)_\n- **--forge-toast-exit-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-toast-exit-timing** - The timing function of the exit animation. _(default: undefined)_\n- **--forge-toast-slide-origin** - The origin of the slide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface container.\n- **message** - The message container.\n- **action-button** - The action button.\n- **close-button** - The close button.\n- **overlay** - The `<forge-overlay>` element.",
2379
- "attributes": [
2380
- { "name": "open", "description": "The open state.", "values": [] },
2381
- {
2382
- "name": "duration",
2383
- "description": "The duration in milliseconds that the toast is displayed.",
2384
- "values": []
2385
- },
2386
- {
2387
- "name": "placement",
2388
- "description": "The placement of the toast.",
2389
- "values": [{ "name": "ToastPlacement" }]
2390
- },
2391
- {
2392
- "name": "action-text",
2393
- "description": "The text for the action button. This controls the visibility of the action button.",
2394
- "values": []
2395
- },
2396
- {
2397
- "name": "dismissible",
2398
- "description": "Whether the toast is dismissible (displays a close button).",
2399
- "values": []
2400
- },
2401
- {
2402
- "name": "dismiss-label",
2403
- "description": "The accessible label for the dismiss button.",
2404
- "values": []
2405
- },
2406
- {
2407
- "name": "theme",
2408
- "description": "The theme of the toast.",
2409
- "values": [{ "name": "ToastTheme" }]
2410
- }
2411
- ],
2412
- "references": []
2413
- },
2414
- {
2415
- "name": "forge-toolbar",
2416
- "description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar.\nThis component is useful as headers and footers within pages, dialogs, sections... etc. to ensure consistent layout and alignment.\n---\n\n\n### **Slots:**\n - **before-start** - The content to place before the start slot.\n- **start** - The content to place at the start of the toolbar.\n- **center** - The content to place in the center of the toolbar.\n- **end** - The content to place at the end of the toolbar.\n- **after-end** - The content to place after the end slot.\n\n### **CSS Properties:**\n - **--forge-toolbar-height** - Controls the height. _(default: undefined)_\n- **--forge-toolbar-min-height** - Controls the minimum height. Defaults to the toolbar height. _(default: undefined)_\n- **--forge-theme-surface** - Controls the background-color of the toolbar. _(default: undefined)_\n- **--forge-toolbar-divider-width** - Controls the divider width. _(default: undefined)_\n- **--forge-toolbar-divider-style** - Controls the divider style. _(default: undefined)_\n- **--forge-toolbar-divider-color** - Controls the divider color. _(default: undefined)_\n- **--forge-toolbar-shape** - Controls the border radius of the toolbar. _(default: undefined)_\n- **--forge-toolbar-start-start-shape** - Controls the border radius of the top left corner. _(default: undefined)_\n- **--forge-toolbar-start-end-shape** - Controls the border radius of the top right corner. _(default: undefined)_\n- **--forge-toolbar-end-start-shape** - Controls the border radius of the bottom left corner. _(default: undefined)_\n- **--forge-toolbar-end-end-shape** - Controls the border radius of the bottom right corner. _(default: undefined)_\n- **--forge-toolbar-padding** - Controls the left and right padding using the padding-inline style. _(default: undefined)_\n- **--forge-toolbar-padding-block** - Controls the top and bottom padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-padding-inline** - Controls the left and right padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-columns** - The grid column track sizes. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element wrapping all slots and content.\n- **inner** - The internal container element for the start, center, and end slots.\n- **before-section-start** - The container element for the before-start slot.\n- **section-start** - The container element for the start slot.\n- **section-center** - The container element for the center slot.\n- **section-end** - The container element for the end slot.\n- **after-section-end** - The container element for the after-end slot.",
2417
- "attributes": [
2418
- {
2419
- "name": "inverted",
2420
- "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2421
- "values": []
2422
- },
2423
- {
2424
- "name": "no-divider",
2425
- "description": "Hides the internal divider.",
2426
- "values": []
2427
- },
2428
- {
2429
- "name": "no-border",
2430
- "description": "Deprecated. Use `no-divider` instead.",
2431
- "values": []
2432
- },
2433
- {
2434
- "name": "no-padding",
2435
- "description": "Sets the internal padding style to 0.",
2436
- "values": []
2437
- },
2438
- {
2439
- "name": "auto-height",
2440
- "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2441
- "values": []
2442
- }
2443
- ],
2444
- "references": []
2445
- },
2446
- {
2447
- "name": "forge-tooltip",
2448
- "description": "Tooltips display information related to an element when the user hovers over an element.\n---\n\n\n### **Slots:**\n - _default_ - The content to display in the tooltip.\n\n### **CSS Properties:**\n - **--forge-tooltip-background** - The background color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-color** - The text color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-shape** - The shape of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding** - The padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-block** - The block padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-inline** - The inline padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-max-width** - The maximum width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-elevation** - The elevation of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-width** - The border width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-style** - The border style of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-color** - The border color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-timing** - The animation timing function of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-duration** - The animation duration of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-offset** - The animation offset of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-arrow-size** - The size of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-height** - The height of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-width** - The width of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-shape** - The shape of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-clip-path** - The clip path of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-rotation** - The rotation of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-top-rotation** - The rotation of the tooltip arrow when the tooltip is placed on top. _(default: undefined)_\n- **--forge-tooltip-arrow-right-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the right. _(default: undefined)_\n- **--forge-tooltip-arrow-bottom-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the bottom. _(default: undefined)_\n- **--forge-tooltip-arrow-left-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the left. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The tooltip surface.\n- **arrow** - The tooltip arrow.\n- **overlay** - The overlay surface.",
2452
+ "name": "forge-tooltip",
2453
+ "description": "Tooltips display information related to an element when the user hovers over an element.\n---\n\n\n### **Slots:**\n - _default_ - The content to display in the tooltip.\n\n### **CSS Properties:**\n - **--forge-tooltip-background** - The background color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-color** - The text color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-shape** - The shape of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding** - The padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-block** - The block padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-inline** - The inline padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-max-width** - The maximum width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-elevation** - The elevation of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-width** - The border width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-style** - The border style of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-color** - The border color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-timing** - The animation timing function of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-duration** - The animation duration of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-offset** - The animation offset of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-arrow-size** - The size of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-height** - The height of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-width** - The width of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-shape** - The shape of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-clip-path** - The clip path of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-rotation** - The rotation of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-top-rotation** - The rotation of the tooltip arrow when the tooltip is placed on top. _(default: undefined)_\n- **--forge-tooltip-arrow-right-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the right. _(default: undefined)_\n- **--forge-tooltip-arrow-bottom-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the bottom. _(default: undefined)_\n- **--forge-tooltip-arrow-left-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the left. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The tooltip surface.\n- **arrow** - The tooltip arrow.\n- **overlay** - The overlay surface.",
2449
2454
  "attributes": [
2450
2455
  {
2451
2456
  "name": "open",
@@ -2503,6 +2508,26 @@
2503
2508
  ],
2504
2509
  "references": []
2505
2510
  },
2511
+ {
2512
+ "name": "forge-view-switcher",
2513
+ "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
2514
+ "attributes": [
2515
+ {
2516
+ "name": "index",
2517
+ "description": "Gets/sets the currently visible view index.",
2518
+ "values": []
2519
+ },
2520
+ {
2521
+ "name": "animation-type",
2522
+ "description": "Gets/sets the animation type.",
2523
+ "values": [
2524
+ { "name": "`${ViewSwitcherAnimationType}`" },
2525
+ { "name": "ViewSwitcherAnimation" }
2526
+ ]
2527
+ }
2528
+ ],
2529
+ "references": []
2530
+ },
2506
2531
  {
2507
2532
  "name": "forge-app-bar",
2508
2533
  "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
@@ -2541,21 +2566,23 @@
2541
2566
  "references": []
2542
2567
  },
2543
2568
  {
2544
- "name": "forge-view-switcher",
2545
- "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
2569
+ "name": "forge-app-bar-help-button",
2570
+ "description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
2546
2571
  "attributes": [
2547
2572
  {
2548
- "name": "index",
2549
- "description": "Gets/sets the currently visible view index.",
2573
+ "name": "icon",
2574
+ "description": "The name of an alternative icon to display.",
2550
2575
  "values": []
2551
2576
  },
2552
2577
  {
2553
- "name": "animation-type",
2554
- "description": "Gets/sets the animation type.",
2555
- "values": [
2556
- { "name": "`${ViewSwitcherAnimationType}`" },
2557
- { "name": "ViewSwitcherAnimation" }
2558
- ]
2578
+ "name": "aria-label",
2579
+ "description": "The aria-label to apply to the button.",
2580
+ "values": []
2581
+ },
2582
+ {
2583
+ "name": "aria-labelledby",
2584
+ "description": "The id of an element to use as the aria-labelledby attribute.",
2585
+ "values": []
2559
2586
  }
2560
2587
  ],
2561
2588
  "references": []
@@ -2624,28 +2651,6 @@
2624
2651
  ],
2625
2652
  "references": []
2626
2653
  },
2627
- {
2628
- "name": "forge-app-bar-search",
2629
- "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
2630
- "attributes": [
2631
- {
2632
- "name": "disabled",
2633
- "description": "A boolean attribute that, if present, indicates that the input should be disabled.",
2634
- "values": []
2635
- },
2636
- {
2637
- "name": "value",
2638
- "description": "The value of the input.",
2639
- "values": []
2640
- },
2641
- {
2642
- "name": "placeholder",
2643
- "description": "The placeholder text of the input.",
2644
- "values": []
2645
- }
2646
- ],
2647
- "references": []
2648
- },
2649
2654
  {
2650
2655
  "name": "forge-app-bar-profile-button",
2651
2656
  "description": "\n---\n\n\n### **Events:**\n - **forge-profile-card-sign-out** - Fires when the sign out button is clicked.\n- **forge-profile-card-profile** - Fires when the profile button is clicked.",
@@ -2711,179 +2716,248 @@
2711
2716
  "references": []
2712
2717
  },
2713
2718
  {
2714
- "name": "forge-app-bar-help-button",
2715
- "description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
2719
+ "name": "forge-app-bar-search",
2720
+ "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
2716
2721
  "attributes": [
2717
2722
  {
2718
- "name": "icon",
2719
- "description": "The name of an alternative icon to display.",
2723
+ "name": "disabled",
2724
+ "description": "A boolean attribute that, if present, indicates that the input should be disabled.",
2720
2725
  "values": []
2721
2726
  },
2722
2727
  {
2723
- "name": "aria-label",
2724
- "description": "The aria-label to apply to the button.",
2728
+ "name": "value",
2729
+ "description": "The value of the input.",
2725
2730
  "values": []
2726
2731
  },
2727
2732
  {
2728
- "name": "aria-labelledby",
2729
- "description": "The id of an element to use as the aria-labelledby attribute.",
2733
+ "name": "placeholder",
2734
+ "description": "The placeholder text of the input.",
2730
2735
  "values": []
2731
2736
  }
2732
2737
  ],
2733
2738
  "references": []
2734
2739
  },
2735
2740
  {
2736
- "name": "forge-chip",
2737
- "description": "\n---\n\n\n### **Events:**\n - **forge-chip-delete** - Event fired when the chip is deleted.\n- **forge-chip-select** - Event fired when the chip is selected.\n\n### **Slots:**\n - _default_ - The content of the chip.\n- **start** - The start content of the chip.\n- **end** - The end content of the chip.\n\n### **CSS Properties:**\n - **--forge-chip-background** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-color** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-shape** - The shape of the chip. _(default: undefined)_\n- **--forge-chip-spacing** - The spacing between chips. _(default: undefined)_\n- **--forge-chip-height** - The height of the chip. _(default: undefined)_\n- **--forge-chip-padding-inline** - The inline padding of the chip. _(default: undefined)_\n- **--forge-chip-padding-block** - The block padding of the chip. _(default: undefined)_\n- **--forge-chip-cursor** - The cursor style of the chip. _(default: undefined)_\n- **--forge-chip-icon-font-size** - The font size of the chip icon. _(default: undefined)_\n- **--forge-chip-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-chip-disabled-opacity** - The opacity of the disabled chip. _(default: undefined)_\n- **--forge-chip-disabled-cursor** - The cursor style of the disabled chip. _(default: undefined)_\n- **--forge-chip-dense-height** - The height of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-padding-inline** - The inline padding of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-spacing** - The spacing between dense chips. _(default: undefined)_\n- **--forge-chip-dense-font-size** - The font size of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-font-weight** - The font weight of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-focus-indicator-offset** - The offset of the focus indicator for dense chips. _(default: undefined)_\n- **--forge-chip-dense-icon-font-size** - The font size of the icon in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing** - The spacing of the remove button in chips. _(default: undefined)_\n- **--forge-chip-remove-button-height-dense** - The height of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-icon-size-dense** - The icon size of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing-dense** - The spacing of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-selected-background** - The background color of the selected chip. _(default: undefined)_\n- **--forge-chip-selected-color** - The text color of the selected chip. _(default: undefined)_\n- **--forge-chip-invalid-color** - The text color of the invalid chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-background** - The background color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-color** - The text color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-border-width** - The width of the chip border. _(default: undefined)_\n- **--forge-chip-border-style** - The style of the chip border. _(default: undefined)_\n- **--forge-chip-border-color** - The color of the chip border. _(default: undefined)_\n- **--forge-chip-field-background** - The background color of the chip field. _(default: undefined)_\n- **--forge-chip-field-color** - The text color of the chip field. _(default: undefined)_\n- **--forge-chip-field-shape** - The shape of the chip field. _(default: undefined)_\n- **--forge-chip-field-border-color** - The color of the chip field border. _(default: undefined)_\n- **--forge-chip-field-cursor** - The cursor style of the chip field. _(default: undefined)_\n- **--forge-chip-checkmark-size** - The size of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-color** - The color of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-spacing** - The spacing of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-avatar-size** - The size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-size-dense** - The size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size** - The font size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size-dense** - The font size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing** - The spacing of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing-dense** - The spacing of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-transition-duration** - The duration of the chip transition. _(default: undefined)_\n- **--forge-chip-transition-easing** - The easing function of the chip transition. _(default: undefined)_\n- **--forge-chip-checkmark-transition-delay** - The delay of the checkmark transition in chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **trigger** - The trigger element of the chip.\n- **focus-indicator** - The focus indicator of the chip.\n- **state-layer** - The state layer surface.",
2741
+ "name": "forge-button-toggle",
2742
+ "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
2738
2743
  "attributes": [
2739
- {
2740
- "name": "type",
2741
- "description": "The type of chip.",
2742
- "values": [{ "name": "ChipType" }]
2743
- },
2744
2744
  {
2745
2745
  "name": "value",
2746
- "description": "The value of the chip.",
2746
+ "description": "The value of the button toggle.",
2747
2747
  "values": []
2748
2748
  },
2749
2749
  {
2750
2750
  "name": "selected",
2751
- "description": "Whether the chip is selected.",
2751
+ "description": "Whether or not the button is selected.",
2752
2752
  "values": []
2753
2753
  },
2754
2754
  {
2755
- "name": "invalid",
2756
- "description": "Whether the chip is invalid.",
2755
+ "name": "disabled",
2756
+ "description": "Whether or not the button is disabled.",
2757
2757
  "values": []
2758
2758
  },
2759
2759
  {
2760
- "name": "disabled",
2761
- "description": "Whether the chip is disabled.",
2760
+ "name": "readonly",
2761
+ "description": "Whether or not the button is readonly.",
2762
2762
  "values": []
2763
- },
2763
+ }
2764
+ ],
2765
+ "references": []
2766
+ },
2767
+ {
2768
+ "name": "forge-button-toggle-group",
2769
+ "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-group-change** - Dispatches when the value of the group changes.\n\n### **Slots:**\n - _default_ - The is a default/unnamed slot for child button toggle elements.\n\n### **CSS Properties:**\n - **--forge-button-toggle-group-display** - The `display` of the group container elements. _(default: undefined)_\n- **--forge-button-toggle-group-gap** - The space between button toggle elements. _(default: undefined)_\n- **--forge-button-toggle-group-padding** - The padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-block** - The block padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-inline** - The inline padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-height** - The height of the group element. _(default: undefined)_\n- **--forge-button-toggle-group-dense-height** - The height of the group element when dense. _(default: undefined)_\n- **--forge-button-toggle-group-outline-width** - The width of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-style** - The style of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color** - The color of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color-active** - The color of the outline around the group element when hovered or focused. _(default: undefined)_\n- **--forge-button-toggle-group-shape** - The shape radius of the group container element. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-start** - The start-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-end** - The start-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-start** - The end-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-end** - The end-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-transition-duration** - The transition duration for all animations on the group. _(default: undefined)_\n- **--forge-button-toggle-group-transition-timing** - The transition timing for all animations on the group. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element for the group.",
2770
+ "attributes": [
2764
2771
  {
2765
- "name": "dense",
2766
- "description": "Whether the chip is dense.",
2772
+ "name": "value",
2773
+ "description": "The value of the selected button toggle(s).",
2767
2774
  "values": []
2768
2775
  },
2769
2776
  {
2770
- "name": "theme",
2771
- "description": "The theme of the chip.",
2772
- "values": [{ "name": "ChipTheme" }]
2777
+ "name": "outlined",
2778
+ "description": "Whether or not the group should be outlined.",
2779
+ "values": []
2773
2780
  },
2774
2781
  {
2775
- "name": "href",
2776
- "description": "The href of the chip.",
2782
+ "name": "multiple",
2783
+ "description": "Whether or not the group should allow multiple selections.",
2777
2784
  "values": []
2778
2785
  },
2779
2786
  {
2780
- "name": "target",
2781
- "description": "The target of the chip.",
2787
+ "name": "stretch",
2788
+ "description": "Whether or not the group should stretch to fill the available width.",
2782
2789
  "values": []
2783
2790
  },
2784
2791
  {
2785
- "name": "download",
2786
- "description": "The download of the chip.",
2792
+ "name": "mandatory",
2793
+ "description": "Whether or not the group should require a selection once a button has been toggled on.",
2787
2794
  "values": []
2788
2795
  },
2789
- { "name": "rel", "description": "The rel of the chip.", "values": [] }
2790
- ],
2791
- "references": []
2792
- },
2793
- {
2794
- "name": "forge-chip-set",
2795
- "description": "Chips sets are used to group multiple chips together and orchestrate their behavior.\n---\n\n\n### **Slots:**\n - _default_ - The chips to display in the chip set.\n\n### **CSS Properties:**\n - **--forge-chip-set-spacing** - The spacing between chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
2796
- "attributes": [
2797
2796
  {
2798
2797
  "name": "vertical",
2799
- "description": "Whether the chip set is vertically oriented.",
2798
+ "description": "Whether or not the group should be displayed vertically.",
2800
2799
  "values": []
2801
2800
  },
2802
2801
  {
2803
- "name": "type",
2804
- "description": "The type of chips.",
2805
- "values": [{ "name": "ChipType" }]
2806
- },
2807
- {
2808
- "name": "dense",
2809
- "description": "Whether all chips in the chip set are dense.",
2802
+ "name": "disabled",
2803
+ "description": "Whether or not the group should be disabled.",
2810
2804
  "values": []
2811
2805
  },
2812
2806
  {
2813
- "name": "disabled",
2814
- "description": "Whether all chips in the chip set are disabled.",
2807
+ "name": "readonly",
2808
+ "description": "Whether or not the group should be readonly.",
2815
2809
  "values": []
2816
2810
  },
2817
2811
  {
2818
- "name": "invalid",
2819
- "description": "Whether all chips in the chip set are invalid.",
2812
+ "name": "dense",
2813
+ "description": "Whether or not the group should be dense.",
2820
2814
  "values": []
2821
2815
  },
2822
2816
  {
2823
2817
  "name": "theme",
2824
- "description": "The theme of the chips.",
2825
- "values": [{ "name": "ChipTheme" }]
2818
+ "description": "The theme to use for the group.",
2819
+ "values": [{ "name": "ButtonToggleGroupTheme" }]
2826
2820
  }
2827
2821
  ],
2828
2822
  "references": []
2829
2823
  },
2830
2824
  {
2831
- "name": "forge-button-toggle-group",
2832
- "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-group-change** - Dispatches when the value of the group changes.\n\n### **Slots:**\n - _default_ - The is a default/unnamed slot for child button toggle elements.\n\n### **CSS Properties:**\n - **--forge-button-toggle-group-display** - The `display` of the group container elements. _(default: undefined)_\n- **--forge-button-toggle-group-gap** - The space between button toggle elements. _(default: undefined)_\n- **--forge-button-toggle-group-padding** - The padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-block** - The block padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-inline** - The inline padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-height** - The height of the group element. _(default: undefined)_\n- **--forge-button-toggle-group-dense-height** - The height of the group element when dense. _(default: undefined)_\n- **--forge-button-toggle-group-outline-width** - The width of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-style** - The style of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color** - The color of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color-active** - The color of the outline around the group element when hovered or focused. _(default: undefined)_\n- **--forge-button-toggle-group-shape** - The shape radius of the group container element. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-start** - The start-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-end** - The start-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-start** - The end-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-end** - The end-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-transition-duration** - The transition duration for all animations on the group. _(default: undefined)_\n- **--forge-button-toggle-group-transition-timing** - The transition timing for all animations on the group. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element for the group.",
2825
+ "name": "forge-chip",
2826
+ "description": "\n---\n\n\n### **Events:**\n - **forge-chip-delete** - Event fired when the chip is deleted.\n- **forge-chip-select** - Event fired when the chip is selected.\n\n### **Slots:**\n - _default_ - The content of the chip.\n- **start** - The start content of the chip.\n- **end** - The end content of the chip.\n\n### **CSS Properties:**\n - **--forge-chip-background** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-color** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-shape** - The shape of the chip. _(default: undefined)_\n- **--forge-chip-spacing** - The spacing between chips. _(default: undefined)_\n- **--forge-chip-height** - The height of the chip. _(default: undefined)_\n- **--forge-chip-padding-inline** - The inline padding of the chip. _(default: undefined)_\n- **--forge-chip-padding-block** - The block padding of the chip. _(default: undefined)_\n- **--forge-chip-cursor** - The cursor style of the chip. _(default: undefined)_\n- **--forge-chip-icon-font-size** - The font size of the chip icon. _(default: undefined)_\n- **--forge-chip-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-chip-disabled-opacity** - The opacity of the disabled chip. _(default: undefined)_\n- **--forge-chip-disabled-cursor** - The cursor style of the disabled chip. _(default: undefined)_\n- **--forge-chip-dense-height** - The height of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-padding-inline** - The inline padding of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-spacing** - The spacing between dense chips. _(default: undefined)_\n- **--forge-chip-dense-font-size** - The font size of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-font-weight** - The font weight of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-focus-indicator-offset** - The offset of the focus indicator for dense chips. _(default: undefined)_\n- **--forge-chip-dense-icon-font-size** - The font size of the icon in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing** - The spacing of the remove button in chips. _(default: undefined)_\n- **--forge-chip-remove-button-height-dense** - The height of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-icon-size-dense** - The icon size of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing-dense** - The spacing of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-selected-background** - The background color of the selected chip. _(default: undefined)_\n- **--forge-chip-selected-color** - The text color of the selected chip. _(default: undefined)_\n- **--forge-chip-invalid-color** - The text color of the invalid chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-background** - The background color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-color** - The text color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-border-width** - The width of the chip border. _(default: undefined)_\n- **--forge-chip-border-style** - The style of the chip border. _(default: undefined)_\n- **--forge-chip-border-color** - The color of the chip border. _(default: undefined)_\n- **--forge-chip-field-background** - The background color of the chip field. _(default: undefined)_\n- **--forge-chip-field-color** - The text color of the chip field. _(default: undefined)_\n- **--forge-chip-field-shape** - The shape of the chip field. _(default: undefined)_\n- **--forge-chip-field-border-color** - The color of the chip field border. _(default: undefined)_\n- **--forge-chip-field-cursor** - The cursor style of the chip field. _(default: undefined)_\n- **--forge-chip-checkmark-size** - The size of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-color** - The color of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-spacing** - The spacing of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-avatar-size** - The size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-size-dense** - The size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size** - The font size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size-dense** - The font size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing** - The spacing of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing-dense** - The spacing of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-transition-duration** - The duration of the chip transition. _(default: undefined)_\n- **--forge-chip-transition-easing** - The easing function of the chip transition. _(default: undefined)_\n- **--forge-chip-checkmark-transition-delay** - The delay of the checkmark transition in chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **trigger** - The trigger element of the chip.\n- **focus-indicator** - The focus indicator of the chip.\n- **state-layer** - The state layer surface.",
2833
2827
  "attributes": [
2828
+ {
2829
+ "name": "type",
2830
+ "description": "The type of chip.",
2831
+ "values": [{ "name": "ChipType" }]
2832
+ },
2834
2833
  {
2835
2834
  "name": "value",
2836
- "description": "The value of the selected button toggle(s).",
2835
+ "description": "The value of the chip.",
2837
2836
  "values": []
2838
2837
  },
2839
2838
  {
2840
- "name": "outlined",
2841
- "description": "Whether or not the group should be outlined.",
2839
+ "name": "selected",
2840
+ "description": "Whether the chip is selected.",
2842
2841
  "values": []
2843
2842
  },
2844
2843
  {
2845
- "name": "multiple",
2846
- "description": "Whether or not the group should allow multiple selections.",
2844
+ "name": "invalid",
2845
+ "description": "Whether the chip is invalid.",
2847
2846
  "values": []
2848
2847
  },
2849
2848
  {
2850
- "name": "stretch",
2851
- "description": "Whether or not the group should stretch to fill the available width.",
2849
+ "name": "disabled",
2850
+ "description": "Whether the chip is disabled.",
2852
2851
  "values": []
2853
2852
  },
2854
2853
  {
2855
- "name": "mandatory",
2856
- "description": "Whether or not the group should require a selection once a button has been toggled on.",
2854
+ "name": "dense",
2855
+ "description": "Whether the chip is dense.",
2856
+ "values": []
2857
+ },
2858
+ {
2859
+ "name": "theme",
2860
+ "description": "The theme of the chip.",
2861
+ "values": [{ "name": "ChipTheme" }]
2862
+ },
2863
+ {
2864
+ "name": "href",
2865
+ "description": "The href of the chip.",
2866
+ "values": []
2867
+ },
2868
+ {
2869
+ "name": "target",
2870
+ "description": "The target of the chip.",
2871
+ "values": []
2872
+ },
2873
+ {
2874
+ "name": "download",
2875
+ "description": "The download of the chip.",
2857
2876
  "values": []
2858
2877
  },
2878
+ { "name": "rel", "description": "The rel of the chip.", "values": [] }
2879
+ ],
2880
+ "references": []
2881
+ },
2882
+ {
2883
+ "name": "forge-chip-set",
2884
+ "description": "Chips sets are used to group multiple chips together and orchestrate their behavior.\n---\n\n\n### **Slots:**\n - _default_ - The chips to display in the chip set.\n\n### **CSS Properties:**\n - **--forge-chip-set-spacing** - The spacing between chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
2885
+ "attributes": [
2859
2886
  {
2860
2887
  "name": "vertical",
2861
- "description": "Whether or not the group should be displayed vertically.",
2888
+ "description": "Whether the chip set is vertically oriented.",
2862
2889
  "values": []
2863
2890
  },
2864
2891
  {
2865
- "name": "disabled",
2866
- "description": "Whether or not the group should be disabled.",
2892
+ "name": "type",
2893
+ "description": "The type of chips.",
2894
+ "values": [{ "name": "ChipType" }]
2895
+ },
2896
+ {
2897
+ "name": "dense",
2898
+ "description": "Whether all chips in the chip set are dense.",
2867
2899
  "values": []
2868
2900
  },
2869
2901
  {
2870
- "name": "readonly",
2871
- "description": "Whether or not the group should be readonly.",
2902
+ "name": "disabled",
2903
+ "description": "Whether all chips in the chip set are disabled.",
2872
2904
  "values": []
2873
2905
  },
2874
2906
  {
2875
- "name": "dense",
2876
- "description": "Whether or not the group should be dense.",
2907
+ "name": "invalid",
2908
+ "description": "Whether all chips in the chip set are invalid.",
2877
2909
  "values": []
2878
2910
  },
2879
2911
  {
2880
2912
  "name": "theme",
2881
- "description": "The theme to use for the group.",
2882
- "values": [{ "name": "ButtonToggleGroupTheme" }]
2913
+ "description": "The theme of the chips.",
2914
+ "values": [{ "name": "ChipTheme" }]
2883
2915
  }
2884
2916
  ],
2885
2917
  "references": []
2886
2918
  },
2919
+ {
2920
+ "name": "forge-data-table-body",
2921
+ "description": "Represents the body section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for body content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2922
+ "attributes": [],
2923
+ "references": []
2924
+ },
2925
+ {
2926
+ "name": "forge-data-table-cell",
2927
+ "description": "Represents a cell in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for cell content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2928
+ "attributes": [],
2929
+ "references": []
2930
+ },
2931
+ {
2932
+ "name": "forge-data-table-column",
2933
+ "description": "Represents a column in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for column content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2934
+ "attributes": [],
2935
+ "references": []
2936
+ },
2937
+ {
2938
+ "name": "forge-data-table-footer",
2939
+ "description": "Represents the footer section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for footer content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2940
+ "attributes": [],
2941
+ "references": []
2942
+ },
2943
+ {
2944
+ "name": "forge-data-table-head",
2945
+ "description": "Represents the header section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for head content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2946
+ "attributes": [],
2947
+ "references": []
2948
+ },
2949
+ {
2950
+ "name": "forge-data-table-row",
2951
+ "description": "Represents a row in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for row content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2952
+ "attributes": [],
2953
+ "references": []
2954
+ },
2955
+ {
2956
+ "name": "forge-data-table",
2957
+ "description": "Data tables display information in a grid-like format of rows and columns.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for data table content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2958
+ "attributes": [],
2959
+ "references": []
2960
+ },
2887
2961
  {
2888
2962
  "name": "forge-deprecated-button",
2889
2963
  "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
@@ -2935,33 +3009,6 @@
2935
3009
  ],
2936
3010
  "references": []
2937
3011
  },
2938
- {
2939
- "name": "forge-button-toggle",
2940
- "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
2941
- "attributes": [
2942
- {
2943
- "name": "value",
2944
- "description": "The value of the button toggle.",
2945
- "values": []
2946
- },
2947
- {
2948
- "name": "selected",
2949
- "description": "Whether or not the button is selected.",
2950
- "values": []
2951
- },
2952
- {
2953
- "name": "disabled",
2954
- "description": "Whether or not the button is disabled.",
2955
- "values": []
2956
- },
2957
- {
2958
- "name": "readonly",
2959
- "description": "Whether or not the button is readonly.",
2960
- "values": []
2961
- }
2962
- ],
2963
- "references": []
2964
- },
2965
3012
  {
2966
3013
  "name": "forge-modal-drawer",
2967
3014
  "description": "\n---\n\n\n### **Events:**\n - **forge-modal-drawer-close** - Dispatched when the modal drawer is closed by clicking the backdrop.\n- **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **content** - The content container element.\n- **backdrop** - The backdrop root element.",
@@ -3328,194 +3375,42 @@
3328
3375
  "description": "Gets/sets the leading icon class of this option.",
3329
3376
  "values": []
3330
3377
  },
3331
- {
3332
- "name": "leading-icon-type",
3333
- "description": "Gets/sets the leading icon type of this option.",
3334
- "values": [{ "name": "ListDropdownIconType" }]
3335
- },
3336
- {
3337
- "name": "trailing-icon",
3338
- "description": "Gets/sets the trailing icon of this option.",
3339
- "values": []
3340
- },
3341
- {
3342
- "name": "trailing-icon-class",
3343
- "description": "Gets/sets the trailing icon class of this option.",
3344
- "values": []
3345
- },
3346
- {
3347
- "name": "trailing-icon-type",
3348
- "description": "Gets/sets the trailing icon type of this option.",
3349
- "values": [{ "name": "ListDropdownIconType" }]
3350
- }
3351
- ],
3352
- "references": []
3353
- },
3354
- {
3355
- "name": "forge-option-group",
3356
- "description": "\n---\n",
3357
- "attributes": [
3358
- {
3359
- "name": "value",
3360
- "description": "Gets/sets the optional group value.",
3361
- "values": []
3362
- },
3363
- {
3364
- "name": "text",
3365
- "description": "The text content for the group.",
3366
- "values": []
3367
- }
3368
- ],
3369
- "references": []
3370
- },
3371
- {
3372
- "name": "forge-select",
3373
- "description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
3374
- "attributes": [
3375
- {
3376
- "name": "label",
3377
- "description": "Controls the label text.",
3378
- "values": []
3379
- },
3380
- {
3381
- "name": "placeholder",
3382
- "description": "Controls the placeholder text.",
3383
- "values": []
3384
- },
3385
- {
3386
- "name": "value",
3387
- "description": "Gets/sets the value.",
3388
- "values": []
3389
- },
3390
- {
3391
- "name": "selected-index",
3392
- "description": "Gets/sets the selected index.",
3393
- "values": [{ "name": "number[]" }]
3394
- },
3395
- {
3396
- "name": "multiple",
3397
- "description": "Gets/sets the multiple select state.",
3398
- "values": []
3399
- },
3400
- {
3401
- "name": "open",
3402
- "description": "Gets/sets the open state.",
3403
- "values": []
3404
- },
3405
- {
3406
- "name": "sync-popup-width",
3407
- "description": "Gets/sets whether the popup width is synchronized with the popup target width.",
3408
- "values": []
3409
- },
3410
- {
3411
- "name": "option-limit",
3412
- "description": "Gets/sets the maximum number of options to display in the dropdown.",
3413
- "values": []
3414
- },
3415
- {
3416
- "name": "observe-scroll",
3417
- "description": "Controls the observation of scroll events on the dropdown.",
3418
- "values": []
3419
- },
3420
- {
3421
- "name": "observe-scroll-threshold",
3422
- "description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
3423
- "values": []
3424
- },
3425
- {
3426
- "name": "wrap-option-text",
3427
- "description": "Gets/sets whether the options will wrap their text or not. This only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
3428
- "values": []
3429
- },
3430
- {
3431
- "name": "popover-placement",
3432
- "description": "Gets/sets the placement of the popover.",
3433
- "values": [{ "name": "OverlayPlacement" }]
3434
- },
3435
- {
3436
- "name": "popover-offset",
3437
- "description": "Gets/sets the offset of the popover.",
3438
- "values": [{ "name": "IOverlayOffset" }]
3439
- },
3440
- {
3441
- "name": "popover-flip",
3442
- "description": "Gets/sets the flip state of the popover.",
3443
- "values": [{ "name": "OverlayFlipState" }]
3444
- },
3445
- {
3446
- "name": "popover-shift",
3447
- "description": "Gets/sets whether the popover should shift to fit within the viewport.",
3448
- "values": [{ "name": "OverlayShiftState" }]
3449
- },
3450
- {
3451
- "name": "label-position",
3452
- "description": "The position of the label.",
3453
- "values": [{ "name": "FieldLabelPosition" }]
3454
- },
3455
- {
3456
- "name": "label-alignment",
3457
- "description": "The alignment of the label.",
3458
- "values": [{ "name": "FieldLabelAlignment" }]
3459
- },
3460
- {
3461
- "name": "invalid",
3462
- "description": "Whether the field is invalid.",
3463
- "values": []
3464
- },
3465
- {
3466
- "name": "required",
3467
- "description": "Whether the field is required.",
3468
- "values": []
3469
- },
3470
- {
3471
- "name": "optional",
3472
- "description": "Whether the field is optional.",
3473
- "values": []
3474
- },
3475
- {
3476
- "name": "disabled",
3477
- "description": "Whether the field is disabled.",
3478
- "values": []
3479
- },
3480
- {
3481
- "name": "float-label",
3482
- "description": "Whether the label floats above the field.",
3483
- "values": []
3484
- },
3485
- {
3486
- "name": "variant",
3487
- "description": "The variant of the field.",
3488
- "values": [{ "name": "FieldVariant" }]
3489
- },
3490
- {
3491
- "name": "theme",
3492
- "description": "The theme of the field.",
3493
- "values": [{ "name": "FieldTheme" }]
3494
- },
3495
- {
3496
- "name": "shape",
3497
- "description": "The shape of the field.",
3498
- "values": [{ "name": "FieldShape" }]
3378
+ {
3379
+ "name": "leading-icon-type",
3380
+ "description": "Gets/sets the leading icon type of this option.",
3381
+ "values": [{ "name": "ListDropdownIconType" }]
3499
3382
  },
3500
3383
  {
3501
- "name": "density",
3502
- "description": "The density of the field.",
3503
- "values": [{ "name": "FieldDensity" }]
3384
+ "name": "trailing-icon",
3385
+ "description": "Gets/sets the trailing icon of this option.",
3386
+ "values": []
3504
3387
  },
3505
3388
  {
3506
- "name": "dense",
3507
- "description": "Whether the field is dense.",
3389
+ "name": "trailing-icon-class",
3390
+ "description": "Gets/sets the trailing icon class of this option.",
3508
3391
  "values": []
3509
3392
  },
3510
3393
  {
3511
- "name": "popover-icon",
3512
- "description": "Whether the popover icon is displayed.",
3394
+ "name": "trailing-icon-type",
3395
+ "description": "Gets/sets the trailing icon type of this option.",
3396
+ "values": [{ "name": "ListDropdownIconType" }]
3397
+ }
3398
+ ],
3399
+ "references": []
3400
+ },
3401
+ {
3402
+ "name": "forge-option-group",
3403
+ "description": "\n---\n",
3404
+ "attributes": [
3405
+ {
3406
+ "name": "value",
3407
+ "description": "Gets/sets the optional group value.",
3513
3408
  "values": []
3514
3409
  },
3515
3410
  {
3516
- "name": "support-text-inset",
3517
- "description": "The inset of the support text.",
3518
- "values": [{ "name": "FieldSupportTextInset" }]
3411
+ "name": "text",
3412
+ "description": "The text content for the group.",
3413
+ "values": []
3519
3414
  }
3520
3415
  ],
3521
3416
  "references": []
@@ -3697,79 +3592,194 @@
3697
3592
  "references": []
3698
3593
  },
3699
3594
  {
3700
- "name": "forge-stepper",
3701
- "description": "\n---\n\n\n### **Events:**\n - **forge-step-select** - Emits the index when a step is selected.\n- **forge-step-expanded-content-focusin** - Emits the step component when the expanded content is focused.\n- **forge-step-expanded-content-focusout** - Emits the step component when the expanded content is blurred.",
3595
+ "name": "forge-select",
3596
+ "description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
3702
3597
  "attributes": [
3598
+ {
3599
+ "name": "label",
3600
+ "description": "Controls the label text.",
3601
+ "values": []
3602
+ },
3603
+ {
3604
+ "name": "placeholder",
3605
+ "description": "Controls the placeholder text.",
3606
+ "values": []
3607
+ },
3608
+ {
3609
+ "name": "value",
3610
+ "description": "Gets/sets the value.",
3611
+ "values": []
3612
+ },
3703
3613
  {
3704
3614
  "name": "selected-index",
3705
- "description": "The active step index.",
3615
+ "description": "Gets/sets the selected index.",
3616
+ "values": [{ "name": "number[]" }]
3617
+ },
3618
+ {
3619
+ "name": "multiple",
3620
+ "description": "Gets/sets the multiple select state.",
3706
3621
  "values": []
3707
3622
  },
3708
3623
  {
3709
- "name": "linear",
3710
- "description": "Whether the stepper is linear or non-linear.",
3624
+ "name": "open",
3625
+ "description": "Gets/sets the open state.",
3711
3626
  "values": []
3712
3627
  },
3713
3628
  {
3714
- "name": "alternative",
3715
- "description": "Whether the stepper uses the default or alternative label layout mode.",
3629
+ "name": "sync-popup-width",
3630
+ "description": "Gets/sets whether the popup width is synchronized with the popup target width.",
3716
3631
  "values": []
3717
3632
  },
3718
3633
  {
3719
- "name": "layout-mode",
3720
- "description": "The layout mode of the stepper.",
3721
- "values": [{ "name": "StepperLayoutMode" }]
3634
+ "name": "option-limit",
3635
+ "description": "Gets/sets the maximum number of options to display in the dropdown.",
3636
+ "values": []
3722
3637
  },
3723
3638
  {
3724
- "name": "layout-align",
3725
- "description": "The layout alignment of the stepper.",
3726
- "values": [{ "name": "StepperLayoutAlign" }]
3639
+ "name": "observe-scroll",
3640
+ "description": "Controls the observation of scroll events on the dropdown.",
3641
+ "values": []
3642
+ },
3643
+ {
3644
+ "name": "observe-scroll-threshold",
3645
+ "description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
3646
+ "values": []
3647
+ },
3648
+ {
3649
+ "name": "wrap-option-text",
3650
+ "description": "Gets/sets whether the options will wrap their text or not. This only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
3651
+ "values": []
3652
+ },
3653
+ {
3654
+ "name": "popover-placement",
3655
+ "description": "Gets/sets the placement of the popover.",
3656
+ "values": [{ "name": "OverlayPlacement" }]
3657
+ },
3658
+ {
3659
+ "name": "popover-offset",
3660
+ "description": "Gets/sets the offset of the popover.",
3661
+ "values": [{ "name": "IOverlayOffset" }]
3662
+ },
3663
+ {
3664
+ "name": "popover-flip",
3665
+ "description": "Gets/sets the flip state of the popover.",
3666
+ "values": [{ "name": "OverlayFlipState" }]
3667
+ },
3668
+ {
3669
+ "name": "popover-shift",
3670
+ "description": "Gets/sets whether the popover should shift to fit within the viewport.",
3671
+ "values": [{ "name": "OverlayShiftState" }]
3672
+ },
3673
+ {
3674
+ "name": "label-position",
3675
+ "description": "The position of the label.",
3676
+ "values": [{ "name": "FieldLabelPosition" }]
3677
+ },
3678
+ {
3679
+ "name": "label-alignment",
3680
+ "description": "The alignment of the label.",
3681
+ "values": [{ "name": "FieldLabelAlignment" }]
3682
+ },
3683
+ {
3684
+ "name": "invalid",
3685
+ "description": "Whether the field is invalid.",
3686
+ "values": []
3687
+ },
3688
+ {
3689
+ "name": "required",
3690
+ "description": "Whether the field is required.",
3691
+ "values": []
3692
+ },
3693
+ {
3694
+ "name": "optional",
3695
+ "description": "Whether the field is optional.",
3696
+ "values": []
3727
3697
  },
3728
3698
  {
3729
3699
  "name": "disabled",
3730
- "description": "Whether the stepper is disabled.",
3700
+ "description": "Whether the field is disabled.",
3731
3701
  "values": []
3732
3702
  },
3733
3703
  {
3734
- "name": "vertical",
3735
- "description": "Whether the stepper is vertical.",
3704
+ "name": "float-label",
3705
+ "description": "Whether the label floats above the field.",
3706
+ "values": []
3707
+ },
3708
+ {
3709
+ "name": "variant",
3710
+ "description": "The variant of the field.",
3711
+ "values": [{ "name": "FieldVariant" }]
3712
+ },
3713
+ {
3714
+ "name": "theme",
3715
+ "description": "The theme of the field.",
3716
+ "values": [{ "name": "FieldTheme" }]
3717
+ },
3718
+ {
3719
+ "name": "shape",
3720
+ "description": "The shape of the field.",
3721
+ "values": [{ "name": "FieldShape" }]
3722
+ },
3723
+ {
3724
+ "name": "density",
3725
+ "description": "The density of the field.",
3726
+ "values": [{ "name": "FieldDensity" }]
3727
+ },
3728
+ {
3729
+ "name": "dense",
3730
+ "description": "Whether the field is dense.",
3736
3731
  "values": []
3732
+ },
3733
+ {
3734
+ "name": "popover-icon",
3735
+ "description": "Whether the popover icon is displayed.",
3736
+ "values": []
3737
+ },
3738
+ {
3739
+ "name": "support-text-inset",
3740
+ "description": "The inset of the support text.",
3741
+ "values": [{ "name": "FieldSupportTextInset" }]
3737
3742
  }
3738
3743
  ],
3739
3744
  "references": []
3740
3745
  },
3741
3746
  {
3742
- "name": "forge-tab",
3743
- "description": "\n---\n\n\n### **Events:**\n - **forge-tab-select** - Dispatched when the tab is selected. This event bubbles and it can be useful to capture it on the `<forge-tab-bar>` element.\n\n### **Slots:**\n - _default_ - The tab label.\n- **start** - Content before the label.\n- **end** - Content after the label.\n\n### **CSS Properties:**\n - **--forge-tab-active-color** - The primary color of the contents when active. _(default: undefined)_\n- **--forge-tab-inactive-color** - The primary color of the contents when inactive. _(default: undefined)_\n- **--forge-tab-height** - The height of the tab. _(default: undefined)_\n- **--forge-tab-stacked-height** - The height of the tab when stacked. _(default: undefined)_\n- **--forge-tab-padding-block** - The block space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-padding-inline** - The inline space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-disabled-opacity** - The opacity of the tab when disabled. _(default: undefined)_\n- **--forge-tab-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-height** - The height of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-shape** - The shape of the active tab indicator. _(default: undefined)_\n- **--forge-tab-vertical-indicator-shape** - The shape of the active tab indicator when vertical. _(default: undefined)_\n- **--forge-tab-inverted-indicator-shape** - The shape of the active tab indicator when inverted. _(default: undefined)_\n- **--forge-tab-vertical-inverted-indicator-shape** - The shape of the active tab indicator when vertical and inverted. _(default: undefined)_\n- **--forge-tab-container-color** - The color of the tab container. _(default: undefined)_\n- **--forge-tab-container-height** - The height of the tab container. _(default: undefined)_\n- **--forge-tab-container-shape** - The shape of the tab container. _(default: undefined)_\n- **--forge-tab-content-height** - The height of the tab content. _(default: undefined)_\n- **--forge-tab-content-spacing** - The spacing between tab contents. _(default: undefined)_\n- **--forge-tab-content-padding** - The padding value for both block and inline of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-block** - The block padding of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-inline** - The inline padding of the tab content. _(default: undefined)_\n- **--forge-tab-active-focus-icon-color** - The color of the icon when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-icon-color** - The color of the icon when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-icon-color** - The color of the icon when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-icon-color** - The color of the icon when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-tab-focus-icon-color** - The color of the icon when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-icon-color** - The color of the icon when the tab is hovered. _(default: undefined)_\n- **--forge-tab-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-tab-pressed-icon-color** - The color of the icon when the tab is pressed. _(default: undefined)_\n- **--forge-tab-active-focus-label-text-color** - The color of the label text when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-label-text-color** - The color of the label text when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-label-text-color** - The color of the label text when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-label-text-color** - The color of the label text when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-focus-label-text-color** - The color of the label text when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-label-text-color** - The color of the label text when the tab is hovered. _(default: undefined)_\n- **--forge-tab-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-tab-pressed-label-text-color** - The color of the label text when the tab is pressed. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The tab container.\n- **content** - The tab content container.\n- **label** - The tab label container.\n- **indicator** - The tab active indicator.",
3747
+ "name": "forge-stepper",
3748
+ "description": "\n---\n\n\n### **Events:**\n - **forge-step-select** - Emits the index when a step is selected.\n- **forge-step-expanded-content-focusin** - Emits the step component when the expanded content is focused.\n- **forge-step-expanded-content-focusout** - Emits the step component when the expanded content is blurred.",
3744
3749
  "attributes": [
3745
3750
  {
3746
- "name": "disabled",
3747
- "description": "The disabled state of the tab.",
3751
+ "name": "selected-index",
3752
+ "description": "The active step index.",
3748
3753
  "values": []
3749
3754
  },
3750
3755
  {
3751
- "name": "selected",
3752
- "description": "The selected state of the tab.",
3756
+ "name": "linear",
3757
+ "description": "Whether the stepper is linear or non-linear.",
3753
3758
  "values": []
3754
3759
  },
3755
3760
  {
3756
- "name": "vertical",
3757
- "description": "Controls whether the tab is vertical or horizontal.",
3761
+ "name": "alternative",
3762
+ "description": "Whether the stepper uses the default or alternative label layout mode.",
3758
3763
  "values": []
3759
3764
  },
3760
3765
  {
3761
- "name": "stacked",
3762
- "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
3763
- "values": []
3766
+ "name": "layout-mode",
3767
+ "description": "The layout mode of the stepper.",
3768
+ "values": [{ "name": "StepperLayoutMode" }]
3764
3769
  },
3765
3770
  {
3766
- "name": "secondary",
3767
- "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
3771
+ "name": "layout-align",
3772
+ "description": "The layout alignment of the stepper.",
3773
+ "values": [{ "name": "StepperLayoutAlign" }]
3774
+ },
3775
+ {
3776
+ "name": "disabled",
3777
+ "description": "Whether the stepper is disabled.",
3768
3778
  "values": []
3769
3779
  },
3770
3780
  {
3771
- "name": "inverted",
3772
- "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3781
+ "name": "vertical",
3782
+ "description": "Whether the stepper is vertical.",
3773
3783
  "values": []
3774
3784
  }
3775
3785
  ],
@@ -3833,9 +3843,40 @@
3833
3843
  "references": []
3834
3844
  },
3835
3845
  {
3836
- "name": "forge-view",
3837
- "description": "\n---\n",
3838
- "attributes": [],
3846
+ "name": "forge-tab",
3847
+ "description": "\n---\n\n\n### **Events:**\n - **forge-tab-select** - Dispatched when the tab is selected. This event bubbles and it can be useful to capture it on the `<forge-tab-bar>` element.\n\n### **Slots:**\n - _default_ - The tab label.\n- **start** - Content before the label.\n- **end** - Content after the label.\n\n### **CSS Properties:**\n - **--forge-tab-active-color** - The primary color of the contents when active. _(default: undefined)_\n- **--forge-tab-inactive-color** - The primary color of the contents when inactive. _(default: undefined)_\n- **--forge-tab-height** - The height of the tab. _(default: undefined)_\n- **--forge-tab-stacked-height** - The height of the tab when stacked. _(default: undefined)_\n- **--forge-tab-padding-block** - The block space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-padding-inline** - The inline space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-disabled-opacity** - The opacity of the tab when disabled. _(default: undefined)_\n- **--forge-tab-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-height** - The height of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-shape** - The shape of the active tab indicator. _(default: undefined)_\n- **--forge-tab-vertical-indicator-shape** - The shape of the active tab indicator when vertical. _(default: undefined)_\n- **--forge-tab-inverted-indicator-shape** - The shape of the active tab indicator when inverted. _(default: undefined)_\n- **--forge-tab-vertical-inverted-indicator-shape** - The shape of the active tab indicator when vertical and inverted. _(default: undefined)_\n- **--forge-tab-container-color** - The color of the tab container. _(default: undefined)_\n- **--forge-tab-container-height** - The height of the tab container. _(default: undefined)_\n- **--forge-tab-container-shape** - The shape of the tab container. _(default: undefined)_\n- **--forge-tab-content-height** - The height of the tab content. _(default: undefined)_\n- **--forge-tab-content-spacing** - The spacing between tab contents. _(default: undefined)_\n- **--forge-tab-content-padding** - The padding value for both block and inline of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-block** - The block padding of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-inline** - The inline padding of the tab content. _(default: undefined)_\n- **--forge-tab-active-focus-icon-color** - The color of the icon when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-icon-color** - The color of the icon when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-icon-color** - The color of the icon when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-icon-color** - The color of the icon when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-tab-focus-icon-color** - The color of the icon when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-icon-color** - The color of the icon when the tab is hovered. _(default: undefined)_\n- **--forge-tab-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-tab-pressed-icon-color** - The color of the icon when the tab is pressed. _(default: undefined)_\n- **--forge-tab-active-focus-label-text-color** - The color of the label text when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-label-text-color** - The color of the label text when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-label-text-color** - The color of the label text when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-label-text-color** - The color of the label text when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-focus-label-text-color** - The color of the label text when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-label-text-color** - The color of the label text when the tab is hovered. _(default: undefined)_\n- **--forge-tab-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-tab-pressed-label-text-color** - The color of the label text when the tab is pressed. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The tab container.\n- **content** - The tab content container.\n- **label** - The tab label container.\n- **indicator** - The tab active indicator.",
3848
+ "attributes": [
3849
+ {
3850
+ "name": "disabled",
3851
+ "description": "The disabled state of the tab.",
3852
+ "values": []
3853
+ },
3854
+ {
3855
+ "name": "selected",
3856
+ "description": "The selected state of the tab.",
3857
+ "values": []
3858
+ },
3859
+ {
3860
+ "name": "vertical",
3861
+ "description": "Controls whether the tab is vertical or horizontal.",
3862
+ "values": []
3863
+ },
3864
+ {
3865
+ "name": "stacked",
3866
+ "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
3867
+ "values": []
3868
+ },
3869
+ {
3870
+ "name": "secondary",
3871
+ "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
3872
+ "values": []
3873
+ },
3874
+ {
3875
+ "name": "inverted",
3876
+ "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3877
+ "values": []
3878
+ }
3879
+ ],
3839
3880
  "references": []
3840
3881
  },
3841
3882
  {
@@ -3884,6 +3925,12 @@
3884
3925
  }
3885
3926
  ],
3886
3927
  "references": []
3928
+ },
3929
+ {
3930
+ "name": "forge-view",
3931
+ "description": "\n---\n",
3932
+ "attributes": [],
3933
+ "references": []
3887
3934
  }
3888
3935
  ]
3889
3936
  }