@tylertech/forge 3.14.0-dev.3 → 3.14.0-dev.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +11012 -11012
- package/esm/split-view/split-view-panel/split-view-panel.scss.js +1 -1
- package/package.json +9 -2
- package/sass/calendar/_mixins.scss +4 -4
- package/sass/calendar/calendar-menu/_mixins.scss +2 -2
- package/sass/core/styles/_utils.scss +4 -5
- package/sass/core/styles/theme/_color-utils.scss +1 -1
- package/sass/core/styles/theme/_utils.scss +2 -4
- package/sass/core/styles/typography/index.scss +1 -1
- package/sass/focus-indicator/_core.scss +1 -3
- package/sass/linear-progress/_animations.scss +2 -6
- package/sass/meter/meter/_core.scss +5 -8
- package/vscode.css-custom-data.json +415 -415
- package/vscode.html-custom-data.json +515 -515
|
@@ -2,40 +2,6 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
-
{
|
|
6
|
-
"name": "forge-accordion",
|
|
7
|
-
"description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "panel-selector",
|
|
11
|
-
"description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
|
|
12
|
-
"values": []
|
|
13
|
-
}
|
|
14
|
-
],
|
|
15
|
-
"references": []
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
"name": "forge-avatar",
|
|
19
|
-
"description": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.\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.",
|
|
20
|
-
"attributes": [
|
|
21
|
-
{
|
|
22
|
-
"name": "text",
|
|
23
|
-
"description": "The text to display in the avatar.",
|
|
24
|
-
"values": []
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "letter-count",
|
|
28
|
-
"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.",
|
|
29
|
-
"values": []
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
"name": "image-url",
|
|
33
|
-
"description": "The background image URL to use.",
|
|
34
|
-
"values": []
|
|
35
|
-
}
|
|
36
|
-
],
|
|
37
|
-
"references": []
|
|
38
|
-
},
|
|
39
5
|
{
|
|
40
6
|
"name": "forge-autocomplete",
|
|
41
7
|
"description": "Autocomplete components provide real-time typeahead suggestions as users type in a text field. Use autocompletes to help users quickly find and select from a list of options, improving form usability and data accuracy.\n---\n\n\n### **Events:**\n - **forge-autocomplete-change** - Fired when the value changes.\n- **forge-autocomplete-select** - Fired when an option is selected. Only applies when in \"stateless\" `mode`.\n- **forge-autocomplete-scrolled-bottom** - Fired when the dropdown is scrolled to the bottom. Only applies when `observe-scroll` is enabled.\n\n### **Methods:**\n - **appendOptions(options: _IAutocompleteOption[] | IAutocompleteOptionGroup[]_): _void_** - Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.\n- **openDropdown(): _void_** - Opens the dropdown.\n- **closeDropdown(): _void_** - Closes the dropdown.\n- **forceFilter(opts: _IAutocompleteForceFilterOptions_): _void_** - Forces the filter callback to be executed to update the current selection state with new options.",
|
|
@@ -159,50 +125,22 @@
|
|
|
159
125
|
"references": []
|
|
160
126
|
},
|
|
161
127
|
{
|
|
162
|
-
"name": "forge-
|
|
163
|
-
"description": "
|
|
164
|
-
"attributes": [],
|
|
165
|
-
"references": []
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
"name": "forge-backdrop",
|
|
169
|
-
"description": "Backdrops provide a semi-transparent overlay behind modal content like dialogs and drawers. These are building blocks for creating modal experiences, not intended to be used directly.\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.",
|
|
170
|
-
"attributes": [
|
|
171
|
-
{
|
|
172
|
-
"name": "visible",
|
|
173
|
-
"description": "Whether the backdrop is visible.",
|
|
174
|
-
"values": []
|
|
175
|
-
},
|
|
176
|
-
{
|
|
177
|
-
"name": "fixed",
|
|
178
|
-
"description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
|
|
179
|
-
"values": []
|
|
180
|
-
}
|
|
181
|
-
],
|
|
182
|
-
"references": []
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"name": "forge-bottom-sheet",
|
|
186
|
-
"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.",
|
|
128
|
+
"name": "forge-avatar",
|
|
129
|
+
"description": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.\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.",
|
|
187
130
|
"attributes": [
|
|
188
131
|
{
|
|
189
|
-
"name": "
|
|
190
|
-
"description": "
|
|
132
|
+
"name": "text",
|
|
133
|
+
"description": "The text to display in the avatar.",
|
|
191
134
|
"values": []
|
|
192
135
|
},
|
|
193
136
|
{
|
|
194
|
-
"name": "
|
|
195
|
-
"description": "
|
|
196
|
-
"values": [{ "name": "BottomSheetMode" }]
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
"name": "persistent",
|
|
200
|
-
"description": "Whether the bottom sheet is persistent.",
|
|
137
|
+
"name": "letter-count",
|
|
138
|
+
"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.",
|
|
201
139
|
"values": []
|
|
202
140
|
},
|
|
203
141
|
{
|
|
204
|
-
"name": "
|
|
205
|
-
"description": "
|
|
142
|
+
"name": "image-url",
|
|
143
|
+
"description": "The background image URL to use.",
|
|
206
144
|
"values": []
|
|
207
145
|
}
|
|
208
146
|
],
|
|
@@ -230,6 +168,18 @@
|
|
|
230
168
|
],
|
|
231
169
|
"references": []
|
|
232
170
|
},
|
|
171
|
+
{
|
|
172
|
+
"name": "forge-accordion",
|
|
173
|
+
"description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
|
|
174
|
+
"attributes": [
|
|
175
|
+
{
|
|
176
|
+
"name": "panel-selector",
|
|
177
|
+
"description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
|
|
178
|
+
"values": []
|
|
179
|
+
}
|
|
180
|
+
],
|
|
181
|
+
"references": []
|
|
182
|
+
},
|
|
233
183
|
{
|
|
234
184
|
"name": "forge-button",
|
|
235
185
|
"description": "Buttons are used when a user needs to take an action. They can be used to trigger an action, navigate to a new location, and can be styled with a variety of themes and variants.\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.",
|
|
@@ -304,6 +254,56 @@
|
|
|
304
254
|
],
|
|
305
255
|
"references": []
|
|
306
256
|
},
|
|
257
|
+
{
|
|
258
|
+
"name": "forge-backdrop",
|
|
259
|
+
"description": "Backdrops provide a semi-transparent overlay behind modal content like dialogs and drawers. These are building blocks for creating modal experiences, not intended to be used directly.\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.",
|
|
260
|
+
"attributes": [
|
|
261
|
+
{
|
|
262
|
+
"name": "visible",
|
|
263
|
+
"description": "Whether the backdrop is visible.",
|
|
264
|
+
"values": []
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "fixed",
|
|
268
|
+
"description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
|
|
269
|
+
"values": []
|
|
270
|
+
}
|
|
271
|
+
],
|
|
272
|
+
"references": []
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "forge-badge",
|
|
276
|
+
"description": "Badges display small amounts of non-interactive information like counts, status indicators, or notifications.\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)_",
|
|
277
|
+
"attributes": [],
|
|
278
|
+
"references": []
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "forge-bottom-sheet",
|
|
282
|
+
"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.",
|
|
283
|
+
"attributes": [
|
|
284
|
+
{
|
|
285
|
+
"name": "open",
|
|
286
|
+
"description": "Whether the bottom sheet is open.",
|
|
287
|
+
"values": []
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"name": "mode",
|
|
291
|
+
"description": "The mode of the bottom sheet.",
|
|
292
|
+
"values": [{ "name": "BottomSheetMode" }]
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "persistent",
|
|
296
|
+
"description": "Whether the bottom sheet is persistent.",
|
|
297
|
+
"values": []
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"name": "fullscreen",
|
|
301
|
+
"description": "Whether the bottom sheet is fullscreen.",
|
|
302
|
+
"values": []
|
|
303
|
+
}
|
|
304
|
+
],
|
|
305
|
+
"references": []
|
|
306
|
+
},
|
|
307
307
|
{
|
|
308
308
|
"name": "forge-calendar",
|
|
309
309
|
"description": "A flexible calendar component for date selection with support for single dates, ranges, multiple selections, and extensive customization options.\n---\n\n\n### **Events:**\n - **forge-calendar-date-select** - Event fired when a date is selected.\n- **forge-calendar-focus-change** - Event fired when the focus changes.\n- **forge-calendar-month-change** - Event fired when the month changes.\n- **forge-calendar-view-change** - Event fired when the view changes.\n\n### **Methods:**\n - **clear(): _void_** - Clears the selected date(s).\n- **deselectDate(date: _Date_): _void_** - Deselects a date.\n- **goToDate(date: _Date_, setFocus: _boolean_): _void_** - Navigates to a specific date.\n- **handleKey(evt: _KeyboardEvent_): _void_** - Handles a keyboard event.\n- **layout(): _void_** - Lays out the calendar.\n- **selectDate(date: _Date_): _void_** - Selects a date.\n- **setActiveDate(date: _Date_, setFocus: _boolean_): _boolean_** - Sets the active date.\n- **today(): _void_** - Sets the calendar to today.\n- **toggleDate(date: _Date_, force: _boolean_): _void_** - Toggles a date selection.\n\n### **Slots:**\n - **today-button-text** - Text to display in the today button.\n- **clear-button-text** - Text to display in the clear button.\n- **next-month-button-text** - Text to display in the next month button's tooltip.\n- **previous-month-button-text** - Text to display in the previous month button's tooltip.\n- **next-year-button-text** - Text to display in the next year button's tooltip.\n- **previous-year-button-text** - Text to display in the previous year button's tooltip.\n- **next-years-button-text** - Text to display in the next years button's tooltip.\n- **previous-years-button-text** - Text to display in the previous years button's tooltip.",
|
|
@@ -1165,80 +1165,80 @@
|
|
|
1165
1165
|
"references": []
|
|
1166
1166
|
},
|
|
1167
1167
|
{
|
|
1168
|
-
"name": "forge-icon",
|
|
1169
|
-
"description": "
|
|
1168
|
+
"name": "forge-icon-button",
|
|
1169
|
+
"description": "Icon buttons are buttons that contain **only** an icon, and are used to represent actions or commands. Always provide an accessible label when using icon buttons.\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.",
|
|
1170
1170
|
"attributes": [
|
|
1171
1171
|
{
|
|
1172
|
-
"name": "
|
|
1173
|
-
"description": "
|
|
1174
|
-
"values": []
|
|
1172
|
+
"name": "type",
|
|
1173
|
+
"description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
|
|
1174
|
+
"values": [{ "name": "ButtonType" }]
|
|
1175
1175
|
},
|
|
1176
1176
|
{
|
|
1177
|
-
"name": "
|
|
1178
|
-
"description": "
|
|
1177
|
+
"name": "disabled",
|
|
1178
|
+
"description": "Disables the button.",
|
|
1179
1179
|
"values": []
|
|
1180
1180
|
},
|
|
1181
1181
|
{
|
|
1182
|
-
"name": "
|
|
1183
|
-
"description": "
|
|
1182
|
+
"name": "popover-icon",
|
|
1183
|
+
"description": "Shows a popover icon on the button.",
|
|
1184
1184
|
"values": []
|
|
1185
1185
|
},
|
|
1186
1186
|
{
|
|
1187
|
-
"name": "
|
|
1188
|
-
"description": "
|
|
1187
|
+
"name": "dense",
|
|
1188
|
+
"description": "Sets the density of the button.",
|
|
1189
1189
|
"values": []
|
|
1190
1190
|
},
|
|
1191
1191
|
{
|
|
1192
|
-
"name": "
|
|
1193
|
-
"description": "
|
|
1192
|
+
"name": "name",
|
|
1193
|
+
"description": "The name of the button.",
|
|
1194
1194
|
"values": []
|
|
1195
1195
|
},
|
|
1196
1196
|
{
|
|
1197
|
-
"name": "
|
|
1198
|
-
"description": "
|
|
1197
|
+
"name": "value",
|
|
1198
|
+
"description": "The value of the button.",
|
|
1199
1199
|
"values": []
|
|
1200
|
-
},
|
|
1201
|
-
{
|
|
1202
|
-
"name": "theme",
|
|
1203
|
-
"description": "The theme to apply to the icon.",
|
|
1204
|
-
"values": [{ "name": "IconTheme" }]
|
|
1205
1200
|
}
|
|
1206
1201
|
],
|
|
1207
1202
|
"references": []
|
|
1208
1203
|
},
|
|
1209
1204
|
{
|
|
1210
|
-
"name": "forge-icon
|
|
1211
|
-
"description": "
|
|
1205
|
+
"name": "forge-icon",
|
|
1206
|
+
"description": "Icons are used to represent information visually. The icon component is a wrapper around SVG icons that are registered in the icon registry.\n---\n\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.",
|
|
1212
1207
|
"attributes": [
|
|
1213
1208
|
{
|
|
1214
|
-
"name": "
|
|
1215
|
-
"description": "
|
|
1216
|
-
"values": [
|
|
1209
|
+
"name": "name",
|
|
1210
|
+
"description": "The name of the icon to render.",
|
|
1211
|
+
"values": []
|
|
1217
1212
|
},
|
|
1218
1213
|
{
|
|
1219
|
-
"name": "
|
|
1220
|
-
"description": "
|
|
1214
|
+
"name": "src",
|
|
1215
|
+
"description": "Provides the ability to set the SVG string content directly.",
|
|
1221
1216
|
"values": []
|
|
1222
1217
|
},
|
|
1223
1218
|
{
|
|
1224
|
-
"name": "
|
|
1225
|
-
"description": "
|
|
1219
|
+
"name": "lazy",
|
|
1220
|
+
"description": "Controls whether the icon will be loaded dynamically when it comes into view.",
|
|
1226
1221
|
"values": []
|
|
1227
1222
|
},
|
|
1228
1223
|
{
|
|
1229
|
-
"name": "
|
|
1230
|
-
"description": "
|
|
1224
|
+
"name": "external",
|
|
1225
|
+
"description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
|
|
1231
1226
|
"values": []
|
|
1232
1227
|
},
|
|
1233
1228
|
{
|
|
1234
|
-
"name": "
|
|
1235
|
-
"description": "The
|
|
1229
|
+
"name": "externalType",
|
|
1230
|
+
"description": "**(Deprecated)** The type of icon to load externally. Possible values: \"all\" (default), \"standard\", \"extended\", \"custom\".",
|
|
1236
1231
|
"values": []
|
|
1237
1232
|
},
|
|
1238
1233
|
{
|
|
1239
|
-
"name": "
|
|
1240
|
-
"description": "
|
|
1234
|
+
"name": "viewbox",
|
|
1235
|
+
"description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
|
|
1241
1236
|
"values": []
|
|
1237
|
+
},
|
|
1238
|
+
{
|
|
1239
|
+
"name": "theme",
|
|
1240
|
+
"description": "The theme to apply to the icon.",
|
|
1241
|
+
"values": [{ "name": "IconTheme" }]
|
|
1242
1242
|
}
|
|
1243
1243
|
],
|
|
1244
1244
|
"references": []
|
|
@@ -1587,114 +1587,57 @@
|
|
|
1587
1587
|
"references": []
|
|
1588
1588
|
},
|
|
1589
1589
|
{
|
|
1590
|
-
"name": "forge-
|
|
1591
|
-
"description": "
|
|
1590
|
+
"name": "forge-popover",
|
|
1591
|
+
"description": "Popovers are used to show content in an element that is rendered above all other content on the page. Use popovers to display additional information or actions related to a specific element. Popovers are typically triggered by user interaction, such as clicking a button or hovering over an element.\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.",
|
|
1592
1592
|
"attributes": [
|
|
1593
1593
|
{
|
|
1594
|
-
"name": "
|
|
1595
|
-
"description": "
|
|
1594
|
+
"name": "arrow",
|
|
1595
|
+
"description": "Whether or not the popover should render an arrow.",
|
|
1596
1596
|
"values": []
|
|
1597
1597
|
},
|
|
1598
1598
|
{
|
|
1599
|
-
"name": "
|
|
1600
|
-
"description": "
|
|
1599
|
+
"name": "animation-type",
|
|
1600
|
+
"description": "The animation type to use for the popover. Valid values are `'none'`, `'fade'`, `'slide'`, and `'zoom'` (default).",
|
|
1601
1601
|
"values": []
|
|
1602
1602
|
},
|
|
1603
1603
|
{
|
|
1604
|
-
"name": "
|
|
1605
|
-
"description": "
|
|
1604
|
+
"name": "trigger-type",
|
|
1605
|
+
"description": "The trigger type(s) to use for the popover. Valid values are `'click'` (default), `'hover'`, `'focus'`, and `'longpress'`. Multiple can be specified.",
|
|
1606
1606
|
"values": []
|
|
1607
1607
|
},
|
|
1608
1608
|
{
|
|
1609
|
-
"name": "
|
|
1610
|
-
"description": "The
|
|
1609
|
+
"name": "longpress-delay",
|
|
1610
|
+
"description": "The delay in milliseconds before a longpress event is detected.",
|
|
1611
1611
|
"values": []
|
|
1612
1612
|
},
|
|
1613
1613
|
{
|
|
1614
|
-
"name": "
|
|
1615
|
-
"description": "
|
|
1616
|
-
"values": [
|
|
1614
|
+
"name": "persistent-hover",
|
|
1615
|
+
"description": "Whether or not the popover should remain open when the user hovers outside the popover.",
|
|
1616
|
+
"values": []
|
|
1617
1617
|
},
|
|
1618
1618
|
{
|
|
1619
|
-
"name": "
|
|
1620
|
-
"description": "
|
|
1619
|
+
"name": "hover-dismiss-delay",
|
|
1620
|
+
"description": "The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.",
|
|
1621
1621
|
"values": []
|
|
1622
1622
|
},
|
|
1623
1623
|
{
|
|
1624
|
-
"name": "
|
|
1625
|
-
"description": "
|
|
1624
|
+
"name": "hover-delay",
|
|
1625
|
+
"description": "The delay in milliseconds before the popover is shown.",
|
|
1626
1626
|
"values": []
|
|
1627
1627
|
},
|
|
1628
1628
|
{
|
|
1629
|
-
"name": "
|
|
1630
|
-
"description": "
|
|
1629
|
+
"name": "preset",
|
|
1630
|
+
"description": "The preset to use for the popover.",
|
|
1631
1631
|
"values": []
|
|
1632
1632
|
},
|
|
1633
1633
|
{
|
|
1634
|
-
"name": "
|
|
1635
|
-
"description": "
|
|
1634
|
+
"name": "distinct",
|
|
1635
|
+
"description": "Enforces that this popover should be the only one open with the same unique value.",
|
|
1636
1636
|
"values": []
|
|
1637
1637
|
},
|
|
1638
1638
|
{
|
|
1639
|
-
"name": "
|
|
1640
|
-
"description": "
|
|
1641
|
-
"values": []
|
|
1642
|
-
}
|
|
1643
|
-
],
|
|
1644
|
-
"references": []
|
|
1645
|
-
},
|
|
1646
|
-
{
|
|
1647
|
-
"name": "forge-popover",
|
|
1648
|
-
"description": "Popovers are used to show content in an element that is rendered above all other content on the page. Use popovers to display additional information or actions related to a specific element. Popovers are typically triggered by user interaction, such as clicking a button or hovering over an element.\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.",
|
|
1649
|
-
"attributes": [
|
|
1650
|
-
{
|
|
1651
|
-
"name": "arrow",
|
|
1652
|
-
"description": "Whether or not the popover should render an arrow.",
|
|
1653
|
-
"values": []
|
|
1654
|
-
},
|
|
1655
|
-
{
|
|
1656
|
-
"name": "animation-type",
|
|
1657
|
-
"description": "The animation type to use for the popover. Valid values are `'none'`, `'fade'`, `'slide'`, and `'zoom'` (default).",
|
|
1658
|
-
"values": []
|
|
1659
|
-
},
|
|
1660
|
-
{
|
|
1661
|
-
"name": "trigger-type",
|
|
1662
|
-
"description": "The trigger type(s) to use for the popover. Valid values are `'click'` (default), `'hover'`, `'focus'`, and `'longpress'`. Multiple can be specified.",
|
|
1663
|
-
"values": []
|
|
1664
|
-
},
|
|
1665
|
-
{
|
|
1666
|
-
"name": "longpress-delay",
|
|
1667
|
-
"description": "The delay in milliseconds before a longpress event is detected.",
|
|
1668
|
-
"values": []
|
|
1669
|
-
},
|
|
1670
|
-
{
|
|
1671
|
-
"name": "persistent-hover",
|
|
1672
|
-
"description": "Whether or not the popover should remain open when the user hovers outside the popover.",
|
|
1673
|
-
"values": []
|
|
1674
|
-
},
|
|
1675
|
-
{
|
|
1676
|
-
"name": "hover-dismiss-delay",
|
|
1677
|
-
"description": "The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.",
|
|
1678
|
-
"values": []
|
|
1679
|
-
},
|
|
1680
|
-
{
|
|
1681
|
-
"name": "hover-delay",
|
|
1682
|
-
"description": "The delay in milliseconds before the popover is shown.",
|
|
1683
|
-
"values": []
|
|
1684
|
-
},
|
|
1685
|
-
{
|
|
1686
|
-
"name": "preset",
|
|
1687
|
-
"description": "The preset to use for the popover.",
|
|
1688
|
-
"values": []
|
|
1689
|
-
},
|
|
1690
|
-
{
|
|
1691
|
-
"name": "distinct",
|
|
1692
|
-
"description": "Enforces that this popover should be the only one open with the same unique value.",
|
|
1693
|
-
"values": []
|
|
1694
|
-
},
|
|
1695
|
-
{
|
|
1696
|
-
"name": "anchor-accessibility",
|
|
1697
|
-
"description": "Controls whether the popover manages accessibility attributes on the anchor element.",
|
|
1639
|
+
"name": "anchor-accessibility",
|
|
1640
|
+
"description": "Controls whether the popover manages accessibility attributes on the anchor element.",
|
|
1698
1641
|
"values": []
|
|
1699
1642
|
},
|
|
1700
1643
|
{
|
|
@@ -1760,6 +1703,63 @@
|
|
|
1760
1703
|
],
|
|
1761
1704
|
"references": []
|
|
1762
1705
|
},
|
|
1706
|
+
{
|
|
1707
|
+
"name": "forge-paginator",
|
|
1708
|
+
"description": "Paginators provide navigation controls for dividing content across multiple pages. Typically used alongside data tables or lists.\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- **goToFirstPage(): _void_** - Navigates to the first page.\n- **goToPreviousPage(): _void_** - Navigates to the previous page.\n- **goToNextPage(): _void_** - Navigates to the next page.\n- **goToLastPage(): _void_** - Navigates to the last page.\n- **canGoToFirstPage(): __** - Checks if navigation to the first page is possible.\n- **canGoToPreviousPage(): __** - Checks if navigation to the previous page is possible.\n- **canGoToNextPage(): __** - Checks if navigation to the next page is possible.\n- **canGoToLastPage(): __** - Checks if navigation to the last page is possible.\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.",
|
|
1709
|
+
"attributes": [
|
|
1710
|
+
{
|
|
1711
|
+
"name": "page-index",
|
|
1712
|
+
"description": "The zero-based page index.",
|
|
1713
|
+
"values": []
|
|
1714
|
+
},
|
|
1715
|
+
{
|
|
1716
|
+
"name": "page-size",
|
|
1717
|
+
"description": "Number of items to display on a page.",
|
|
1718
|
+
"values": []
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"name": "offset",
|
|
1722
|
+
"description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
|
|
1723
|
+
"values": []
|
|
1724
|
+
},
|
|
1725
|
+
{
|
|
1726
|
+
"name": "total",
|
|
1727
|
+
"description": "The total number of items to be paginated.",
|
|
1728
|
+
"values": []
|
|
1729
|
+
},
|
|
1730
|
+
{
|
|
1731
|
+
"name": "page-size-options",
|
|
1732
|
+
"description": "The set of provided page size options to display to the user.",
|
|
1733
|
+
"values": [{ "name": "number[]" }]
|
|
1734
|
+
},
|
|
1735
|
+
{
|
|
1736
|
+
"name": "label",
|
|
1737
|
+
"description": "A label for the paginator.",
|
|
1738
|
+
"values": []
|
|
1739
|
+
},
|
|
1740
|
+
{
|
|
1741
|
+
"name": "first-last",
|
|
1742
|
+
"description": "Whether to show the first page and last page buttons.",
|
|
1743
|
+
"values": []
|
|
1744
|
+
},
|
|
1745
|
+
{
|
|
1746
|
+
"name": "first",
|
|
1747
|
+
"description": "Whether to show the first page button. Default is false.",
|
|
1748
|
+
"values": []
|
|
1749
|
+
},
|
|
1750
|
+
{
|
|
1751
|
+
"name": "disabled",
|
|
1752
|
+
"description": "Whether the paginator is disabled.",
|
|
1753
|
+
"values": []
|
|
1754
|
+
},
|
|
1755
|
+
{
|
|
1756
|
+
"name": "alternative",
|
|
1757
|
+
"description": "Whether to use the alternative range label slot.",
|
|
1758
|
+
"values": []
|
|
1759
|
+
}
|
|
1760
|
+
],
|
|
1761
|
+
"references": []
|
|
1762
|
+
},
|
|
1763
1763
|
{
|
|
1764
1764
|
"name": "forge-profile-card",
|
|
1765
1765
|
"description": "Profile cards display user information and actions in a structured card format. This component is deprecated prefer using the `<forge-user-profile>` component from the extended library instead.\n---\n",
|
|
@@ -2296,6 +2296,136 @@
|
|
|
2296
2296
|
],
|
|
2297
2297
|
"references": []
|
|
2298
2298
|
},
|
|
2299
|
+
{
|
|
2300
|
+
"name": "forge-toast",
|
|
2301
|
+
"description": "Toasts are non-modal notifications that appear in response to user interactions. Use toasts to provide brief messages about app processes at the bottom or top of the screen. They automatically disappear after a timeout, but can also include an action button and a dismiss button.\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.",
|
|
2302
|
+
"attributes": [
|
|
2303
|
+
{ "name": "open", "description": "The open state.", "values": [] },
|
|
2304
|
+
{
|
|
2305
|
+
"name": "duration",
|
|
2306
|
+
"description": "The duration in milliseconds that the toast is displayed.",
|
|
2307
|
+
"values": []
|
|
2308
|
+
},
|
|
2309
|
+
{
|
|
2310
|
+
"name": "placement",
|
|
2311
|
+
"description": "The placement of the toast.",
|
|
2312
|
+
"values": [{ "name": "ToastPlacement" }]
|
|
2313
|
+
},
|
|
2314
|
+
{
|
|
2315
|
+
"name": "action-text",
|
|
2316
|
+
"description": "The text for the action button. This controls the visibility of the action button.",
|
|
2317
|
+
"values": []
|
|
2318
|
+
},
|
|
2319
|
+
{
|
|
2320
|
+
"name": "dismissible",
|
|
2321
|
+
"description": "Whether the toast is dismissible (displays a close button).",
|
|
2322
|
+
"values": []
|
|
2323
|
+
},
|
|
2324
|
+
{
|
|
2325
|
+
"name": "dismiss-label",
|
|
2326
|
+
"description": "The accessible label for the dismiss button.",
|
|
2327
|
+
"values": []
|
|
2328
|
+
},
|
|
2329
|
+
{
|
|
2330
|
+
"name": "theme",
|
|
2331
|
+
"description": "The theme of the toast.",
|
|
2332
|
+
"values": [{ "name": "ToastTheme" }]
|
|
2333
|
+
}
|
|
2334
|
+
],
|
|
2335
|
+
"references": []
|
|
2336
|
+
},
|
|
2337
|
+
{
|
|
2338
|
+
"name": "forge-toolbar",
|
|
2339
|
+
"description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar. This 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.",
|
|
2340
|
+
"attributes": [
|
|
2341
|
+
{
|
|
2342
|
+
"name": "inverted",
|
|
2343
|
+
"description": "Controls whether a bottom divider (default) or top divider (true) is used.",
|
|
2344
|
+
"values": []
|
|
2345
|
+
},
|
|
2346
|
+
{
|
|
2347
|
+
"name": "no-divider",
|
|
2348
|
+
"description": "Hides the internal divider.",
|
|
2349
|
+
"values": []
|
|
2350
|
+
},
|
|
2351
|
+
{
|
|
2352
|
+
"name": "no-border",
|
|
2353
|
+
"description": "Deprecated. Use `no-divider` instead.",
|
|
2354
|
+
"values": []
|
|
2355
|
+
},
|
|
2356
|
+
{
|
|
2357
|
+
"name": "no-padding",
|
|
2358
|
+
"description": "Sets the internal padding style to 0.",
|
|
2359
|
+
"values": []
|
|
2360
|
+
},
|
|
2361
|
+
{
|
|
2362
|
+
"name": "auto-height",
|
|
2363
|
+
"description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
|
|
2364
|
+
"values": []
|
|
2365
|
+
}
|
|
2366
|
+
],
|
|
2367
|
+
"references": []
|
|
2368
|
+
},
|
|
2369
|
+
{
|
|
2370
|
+
"name": "forge-tooltip",
|
|
2371
|
+
"description": "Tooltips display information related to an element when the user focuses or hovers over an anchor element. Use tooltips to provide additional context or information about elements that may not be immediately apparent.\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.",
|
|
2372
|
+
"attributes": [
|
|
2373
|
+
{
|
|
2374
|
+
"name": "open",
|
|
2375
|
+
"description": "Whether or not the tooltip is open.",
|
|
2376
|
+
"values": []
|
|
2377
|
+
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "type",
|
|
2380
|
+
"description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
|
|
2381
|
+
"values": [{ "name": "TooltipType" }]
|
|
2382
|
+
},
|
|
2383
|
+
{
|
|
2384
|
+
"name": "anchor",
|
|
2385
|
+
"description": "The id of the element that the tooltip is anchored to.",
|
|
2386
|
+
"values": []
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "placement",
|
|
2390
|
+
"description": "The placement of the tooltip relative to the anchor element.",
|
|
2391
|
+
"values": [{ "name": "TooltipPlacement" }]
|
|
2392
|
+
},
|
|
2393
|
+
{
|
|
2394
|
+
"name": "delay",
|
|
2395
|
+
"description": "The delay in milliseconds before the tooltip is shown.",
|
|
2396
|
+
"values": []
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "offset",
|
|
2400
|
+
"description": "The offset in pixels between the tooltip and the anchor element.",
|
|
2401
|
+
"values": []
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "flip",
|
|
2405
|
+
"description": "How the tooltip should place itself if there is not enough space at the desired placement.",
|
|
2406
|
+
"values": [{ "name": "OverlayFlipState" }]
|
|
2407
|
+
},
|
|
2408
|
+
{
|
|
2409
|
+
"name": "boundary",
|
|
2410
|
+
"description": "The id of the element that the tooltip should be constrained to.",
|
|
2411
|
+
"values": []
|
|
2412
|
+
},
|
|
2413
|
+
{
|
|
2414
|
+
"name": "fallback-placements",
|
|
2415
|
+
"description": "The fallback placements of the tooltip relative to the anchor element.",
|
|
2416
|
+
"values": [{ "name": "PositionPlacement[]" }]
|
|
2417
|
+
},
|
|
2418
|
+
{
|
|
2419
|
+
"name": "trigger-type",
|
|
2420
|
+
"description": "The trigger type(s) that will open the tooltip. Valid values are `hover` (default), `longpress`, and `focus`.",
|
|
2421
|
+
"values": [
|
|
2422
|
+
{ "name": "TooltipTriggerType" },
|
|
2423
|
+
{ "name": "TooltipTriggerType[]" }
|
|
2424
|
+
]
|
|
2425
|
+
}
|
|
2426
|
+
],
|
|
2427
|
+
"references": []
|
|
2428
|
+
},
|
|
2299
2429
|
{
|
|
2300
2430
|
"name": "forge-time-picker",
|
|
2301
2431
|
"description": "A time input component with integrated dropdown for selecting time values with support for various formats, masking, and validation options.\n---\n",
|
|
@@ -2429,142 +2559,12 @@
|
|
|
2429
2559
|
"references": []
|
|
2430
2560
|
},
|
|
2431
2561
|
{
|
|
2432
|
-
"name": "forge-
|
|
2433
|
-
"description": "
|
|
2562
|
+
"name": "forge-view-switcher",
|
|
2563
|
+
"description": "A container component that manages switching between multiple child `<forge-view>` elements with configurable animations and programmatic navigation controls.\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.\n\n### **CSS Properties:**\n - **--forge-view-switcher-height** - The `height` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-width** - The `width` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-animation-duration** - The duration of view switching animations. _(default: undefined)_\n- **--forge-view-switcher-animation-easing** - The timing function of view switching animations. _(default: undefined)_",
|
|
2434
2564
|
"attributes": [
|
|
2435
|
-
{ "name": "open", "description": "The open state.", "values": [] },
|
|
2436
2565
|
{
|
|
2437
|
-
"name": "
|
|
2438
|
-
"description": "
|
|
2439
|
-
"values": []
|
|
2440
|
-
},
|
|
2441
|
-
{
|
|
2442
|
-
"name": "placement",
|
|
2443
|
-
"description": "The placement of the toast.",
|
|
2444
|
-
"values": [{ "name": "ToastPlacement" }]
|
|
2445
|
-
},
|
|
2446
|
-
{
|
|
2447
|
-
"name": "action-text",
|
|
2448
|
-
"description": "The text for the action button. This controls the visibility of the action button.",
|
|
2449
|
-
"values": []
|
|
2450
|
-
},
|
|
2451
|
-
{
|
|
2452
|
-
"name": "dismissible",
|
|
2453
|
-
"description": "Whether the toast is dismissible (displays a close button).",
|
|
2454
|
-
"values": []
|
|
2455
|
-
},
|
|
2456
|
-
{
|
|
2457
|
-
"name": "dismiss-label",
|
|
2458
|
-
"description": "The accessible label for the dismiss button.",
|
|
2459
|
-
"values": []
|
|
2460
|
-
},
|
|
2461
|
-
{
|
|
2462
|
-
"name": "theme",
|
|
2463
|
-
"description": "The theme of the toast.",
|
|
2464
|
-
"values": [{ "name": "ToastTheme" }]
|
|
2465
|
-
}
|
|
2466
|
-
],
|
|
2467
|
-
"references": []
|
|
2468
|
-
},
|
|
2469
|
-
{
|
|
2470
|
-
"name": "forge-toolbar",
|
|
2471
|
-
"description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar. This 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.",
|
|
2472
|
-
"attributes": [
|
|
2473
|
-
{
|
|
2474
|
-
"name": "inverted",
|
|
2475
|
-
"description": "Controls whether a bottom divider (default) or top divider (true) is used.",
|
|
2476
|
-
"values": []
|
|
2477
|
-
},
|
|
2478
|
-
{
|
|
2479
|
-
"name": "no-divider",
|
|
2480
|
-
"description": "Hides the internal divider.",
|
|
2481
|
-
"values": []
|
|
2482
|
-
},
|
|
2483
|
-
{
|
|
2484
|
-
"name": "no-border",
|
|
2485
|
-
"description": "Deprecated. Use `no-divider` instead.",
|
|
2486
|
-
"values": []
|
|
2487
|
-
},
|
|
2488
|
-
{
|
|
2489
|
-
"name": "no-padding",
|
|
2490
|
-
"description": "Sets the internal padding style to 0.",
|
|
2491
|
-
"values": []
|
|
2492
|
-
},
|
|
2493
|
-
{
|
|
2494
|
-
"name": "auto-height",
|
|
2495
|
-
"description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
|
|
2496
|
-
"values": []
|
|
2497
|
-
}
|
|
2498
|
-
],
|
|
2499
|
-
"references": []
|
|
2500
|
-
},
|
|
2501
|
-
{
|
|
2502
|
-
"name": "forge-tooltip",
|
|
2503
|
-
"description": "Tooltips display information related to an element when the user focuses or hovers over an anchor element. Use tooltips to provide additional context or information about elements that may not be immediately apparent.\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.",
|
|
2504
|
-
"attributes": [
|
|
2505
|
-
{
|
|
2506
|
-
"name": "open",
|
|
2507
|
-
"description": "Whether or not the tooltip is open.",
|
|
2508
|
-
"values": []
|
|
2509
|
-
},
|
|
2510
|
-
{
|
|
2511
|
-
"name": "type",
|
|
2512
|
-
"description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
|
|
2513
|
-
"values": [{ "name": "TooltipType" }]
|
|
2514
|
-
},
|
|
2515
|
-
{
|
|
2516
|
-
"name": "anchor",
|
|
2517
|
-
"description": "The id of the element that the tooltip is anchored to.",
|
|
2518
|
-
"values": []
|
|
2519
|
-
},
|
|
2520
|
-
{
|
|
2521
|
-
"name": "placement",
|
|
2522
|
-
"description": "The placement of the tooltip relative to the anchor element.",
|
|
2523
|
-
"values": [{ "name": "TooltipPlacement" }]
|
|
2524
|
-
},
|
|
2525
|
-
{
|
|
2526
|
-
"name": "delay",
|
|
2527
|
-
"description": "The delay in milliseconds before the tooltip is shown.",
|
|
2528
|
-
"values": []
|
|
2529
|
-
},
|
|
2530
|
-
{
|
|
2531
|
-
"name": "offset",
|
|
2532
|
-
"description": "The offset in pixels between the tooltip and the anchor element.",
|
|
2533
|
-
"values": []
|
|
2534
|
-
},
|
|
2535
|
-
{
|
|
2536
|
-
"name": "flip",
|
|
2537
|
-
"description": "How the tooltip should place itself if there is not enough space at the desired placement.",
|
|
2538
|
-
"values": [{ "name": "OverlayFlipState" }]
|
|
2539
|
-
},
|
|
2540
|
-
{
|
|
2541
|
-
"name": "boundary",
|
|
2542
|
-
"description": "The id of the element that the tooltip should be constrained to.",
|
|
2543
|
-
"values": []
|
|
2544
|
-
},
|
|
2545
|
-
{
|
|
2546
|
-
"name": "fallback-placements",
|
|
2547
|
-
"description": "The fallback placements of the tooltip relative to the anchor element.",
|
|
2548
|
-
"values": [{ "name": "PositionPlacement[]" }]
|
|
2549
|
-
},
|
|
2550
|
-
{
|
|
2551
|
-
"name": "trigger-type",
|
|
2552
|
-
"description": "The trigger type(s) that will open the tooltip. Valid values are `hover` (default), `longpress`, and `focus`.",
|
|
2553
|
-
"values": [
|
|
2554
|
-
{ "name": "TooltipTriggerType" },
|
|
2555
|
-
{ "name": "TooltipTriggerType[]" }
|
|
2556
|
-
]
|
|
2557
|
-
}
|
|
2558
|
-
],
|
|
2559
|
-
"references": []
|
|
2560
|
-
},
|
|
2561
|
-
{
|
|
2562
|
-
"name": "forge-view-switcher",
|
|
2563
|
-
"description": "A container component that manages switching between multiple child `<forge-view>` elements with configurable animations and programmatic navigation controls.\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.\n\n### **CSS Properties:**\n - **--forge-view-switcher-height** - The `height` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-width** - The `width` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-animation-duration** - The duration of view switching animations. _(default: undefined)_\n- **--forge-view-switcher-animation-easing** - The timing function of view switching animations. _(default: undefined)_",
|
|
2564
|
-
"attributes": [
|
|
2565
|
-
{
|
|
2566
|
-
"name": "index",
|
|
2567
|
-
"description": "Gets/sets the currently visible view index.",
|
|
2566
|
+
"name": "index",
|
|
2567
|
+
"description": "Gets/sets the currently visible view index.",
|
|
2568
2568
|
"values": []
|
|
2569
2569
|
},
|
|
2570
2570
|
{
|
|
@@ -2616,8 +2616,8 @@
|
|
|
2616
2616
|
"references": []
|
|
2617
2617
|
},
|
|
2618
2618
|
{
|
|
2619
|
-
"name": "forge-app-bar-
|
|
2620
|
-
"description": "A
|
|
2619
|
+
"name": "forge-app-bar-menu-button",
|
|
2620
|
+
"description": "A menu toggle button component with a predefined hamburger menu icon, typically used in an app bar's start slot to open navigation menus.\n---\n",
|
|
2621
2621
|
"attributes": [
|
|
2622
2622
|
{
|
|
2623
2623
|
"name": "icon",
|
|
@@ -2638,8 +2638,8 @@
|
|
|
2638
2638
|
"references": []
|
|
2639
2639
|
},
|
|
2640
2640
|
{
|
|
2641
|
-
"name": "forge-app-bar-
|
|
2642
|
-
"description": "A
|
|
2641
|
+
"name": "forge-app-bar-help-button",
|
|
2642
|
+
"description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
|
|
2643
2643
|
"attributes": [
|
|
2644
2644
|
{
|
|
2645
2645
|
"name": "icon",
|
|
@@ -2787,33 +2787,6 @@
|
|
|
2787
2787
|
],
|
|
2788
2788
|
"references": []
|
|
2789
2789
|
},
|
|
2790
|
-
{
|
|
2791
|
-
"name": "forge-button-toggle",
|
|
2792
|
-
"description": "Button toggles allow users to select from a group of choices with single or multiple selection.\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.",
|
|
2793
|
-
"attributes": [
|
|
2794
|
-
{
|
|
2795
|
-
"name": "value",
|
|
2796
|
-
"description": "The value of the button toggle.",
|
|
2797
|
-
"values": []
|
|
2798
|
-
},
|
|
2799
|
-
{
|
|
2800
|
-
"name": "selected",
|
|
2801
|
-
"description": "Whether or not the button is selected.",
|
|
2802
|
-
"values": []
|
|
2803
|
-
},
|
|
2804
|
-
{
|
|
2805
|
-
"name": "disabled",
|
|
2806
|
-
"description": "Whether or not the button is disabled.",
|
|
2807
|
-
"values": []
|
|
2808
|
-
},
|
|
2809
|
-
{
|
|
2810
|
-
"name": "readonly",
|
|
2811
|
-
"description": "Whether or not the button is readonly.",
|
|
2812
|
-
"values": []
|
|
2813
|
-
}
|
|
2814
|
-
],
|
|
2815
|
-
"references": []
|
|
2816
|
-
},
|
|
2817
2790
|
{
|
|
2818
2791
|
"name": "forge-button-toggle-group",
|
|
2819
2792
|
"description": "Button toggle groups allow users to select one or more options from a set of button toggles.\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.",
|
|
@@ -2871,6 +2844,33 @@
|
|
|
2871
2844
|
],
|
|
2872
2845
|
"references": []
|
|
2873
2846
|
},
|
|
2847
|
+
{
|
|
2848
|
+
"name": "forge-button-toggle",
|
|
2849
|
+
"description": "Button toggles allow users to select from a group of choices with single or multiple selection.\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.",
|
|
2850
|
+
"attributes": [
|
|
2851
|
+
{
|
|
2852
|
+
"name": "value",
|
|
2853
|
+
"description": "The value of the button toggle.",
|
|
2854
|
+
"values": []
|
|
2855
|
+
},
|
|
2856
|
+
{
|
|
2857
|
+
"name": "selected",
|
|
2858
|
+
"description": "Whether or not the button is selected.",
|
|
2859
|
+
"values": []
|
|
2860
|
+
},
|
|
2861
|
+
{
|
|
2862
|
+
"name": "disabled",
|
|
2863
|
+
"description": "Whether or not the button is disabled.",
|
|
2864
|
+
"values": []
|
|
2865
|
+
},
|
|
2866
|
+
{
|
|
2867
|
+
"name": "readonly",
|
|
2868
|
+
"description": "Whether or not the button is readonly.",
|
|
2869
|
+
"values": []
|
|
2870
|
+
}
|
|
2871
|
+
],
|
|
2872
|
+
"references": []
|
|
2873
|
+
},
|
|
2874
2874
|
{
|
|
2875
2875
|
"name": "forge-chip",
|
|
2876
2876
|
"description": "A compact, interactive element that represents an entity, action, or attribute with support for selection, removal, and various styling options.\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.",
|
|
@@ -2972,14 +2972,14 @@
|
|
|
2972
2972
|
"references": []
|
|
2973
2973
|
},
|
|
2974
2974
|
{
|
|
2975
|
-
"name": "forge-deprecated-button",
|
|
2976
|
-
"description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
|
|
2975
|
+
"name": "forge-deprecated-icon-button",
|
|
2976
|
+
"description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
|
|
2977
2977
|
"attributes": [],
|
|
2978
2978
|
"references": []
|
|
2979
2979
|
},
|
|
2980
2980
|
{
|
|
2981
|
-
"name": "forge-deprecated-
|
|
2982
|
-
"description": "@deprecated Use the `<forge-
|
|
2981
|
+
"name": "forge-deprecated-button",
|
|
2982
|
+
"description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
|
|
2983
2983
|
"attributes": [],
|
|
2984
2984
|
"references": []
|
|
2985
2985
|
},
|
|
@@ -3109,63 +3109,6 @@
|
|
|
3109
3109
|
],
|
|
3110
3110
|
"references": []
|
|
3111
3111
|
},
|
|
3112
|
-
{
|
|
3113
|
-
"name": "forge-list-item",
|
|
3114
|
-
"description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n- **additional-content** - Additional content that appears below the main list item interactive area.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
|
|
3115
|
-
"attributes": [
|
|
3116
|
-
{
|
|
3117
|
-
"name": "selected",
|
|
3118
|
-
"description": "Applies the selected state to the list item.",
|
|
3119
|
-
"values": []
|
|
3120
|
-
},
|
|
3121
|
-
{
|
|
3122
|
-
"name": "active",
|
|
3123
|
-
"description": "Applies the active state to the list item by emulating its focused state.",
|
|
3124
|
-
"values": []
|
|
3125
|
-
},
|
|
3126
|
-
{
|
|
3127
|
-
"name": "value",
|
|
3128
|
-
"description": "The unique value of the list item.",
|
|
3129
|
-
"values": []
|
|
3130
|
-
},
|
|
3131
|
-
{
|
|
3132
|
-
"name": "dense",
|
|
3133
|
-
"description": "Applies the dense state to the list item.",
|
|
3134
|
-
"values": []
|
|
3135
|
-
},
|
|
3136
|
-
{
|
|
3137
|
-
"name": "indented",
|
|
3138
|
-
"description": "Applies the indented state by adding margin to the start of the list item.",
|
|
3139
|
-
"values": []
|
|
3140
|
-
},
|
|
3141
|
-
{
|
|
3142
|
-
"name": "two-line",
|
|
3143
|
-
"description": "Sets the list item height to support at least two lines of text.",
|
|
3144
|
-
"values": []
|
|
3145
|
-
},
|
|
3146
|
-
{
|
|
3147
|
-
"name": "three-line",
|
|
3148
|
-
"description": "Sets the list item height to support at least three lines of text.",
|
|
3149
|
-
"values": []
|
|
3150
|
-
},
|
|
3151
|
-
{
|
|
3152
|
-
"name": "wrap",
|
|
3153
|
-
"description": "Sets the list item to wrap its text content.",
|
|
3154
|
-
"values": []
|
|
3155
|
-
},
|
|
3156
|
-
{
|
|
3157
|
-
"name": "noninteractive",
|
|
3158
|
-
"description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
|
|
3159
|
-
"values": []
|
|
3160
|
-
},
|
|
3161
|
-
{
|
|
3162
|
-
"name": "focus-propagation",
|
|
3163
|
-
"description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
|
|
3164
|
-
"values": []
|
|
3165
|
-
}
|
|
3166
|
-
],
|
|
3167
|
-
"references": []
|
|
3168
|
-
},
|
|
3169
3112
|
{
|
|
3170
3113
|
"name": "forge-meter",
|
|
3171
3114
|
"description": "Meters display a scalar value within a defined range.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the meter's label.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-background** - The background color of the meter. _(default: undefined)_\n- **--forge-meter-color** - The color of the meter's bar. _(default: undefined)_\n- **--forge-meter-height** - The block size of the meter. _(default: undefined)_\n- **--forge-meter-shape** - The border radius of the meter. _(default: undefined)_\n- **--forge-meter-bar-inner-shape** - The border radius of the meter's bar. _(default: undefined)_\n- **--forge-meter-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n- **--forge-meter-transition-duration** - The duration of transitions. _(default: undefined)_\n- **--forge-meter-transition-timing** - The timing function of transitions. _(default: undefined)_\n- **--forge-theme-success** - The color of the bar when the value is optimal. _(default: undefined)_\n- **--forge-theme-success-container-low** - The color of the track when the value is optimal. _(default: undefined)_\n- **--forge-theme-warning** - The color of the bar when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-warning-container-low** - The color of the track when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-error** - The color of the bar when the value is least optimal. _(default: undefined)_\n- **--forge-theme-error-container-low** - The color of the track when the value is least optimal. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter's background.\n- **bar** - The bar representing the value.",
|
|
@@ -3350,68 +3293,58 @@
|
|
|
3350
3293
|
"references": []
|
|
3351
3294
|
},
|
|
3352
3295
|
{
|
|
3353
|
-
"name": "forge-
|
|
3354
|
-
"description": "
|
|
3355
|
-
"attributes": [
|
|
3296
|
+
"name": "forge-list-item",
|
|
3297
|
+
"description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n- **additional-content** - Additional content that appears below the main list item interactive area.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
|
|
3298
|
+
"attributes": [
|
|
3356
3299
|
{
|
|
3357
|
-
"name": "
|
|
3358
|
-
"description": "
|
|
3300
|
+
"name": "selected",
|
|
3301
|
+
"description": "Applies the selected state to the list item.",
|
|
3359
3302
|
"values": []
|
|
3360
3303
|
},
|
|
3361
3304
|
{
|
|
3362
|
-
"name": "
|
|
3363
|
-
"description": "
|
|
3305
|
+
"name": "active",
|
|
3306
|
+
"description": "Applies the active state to the list item by emulating its focused state.",
|
|
3364
3307
|
"values": []
|
|
3365
3308
|
},
|
|
3366
3309
|
{
|
|
3367
|
-
"name": "
|
|
3368
|
-
"description": "
|
|
3310
|
+
"name": "value",
|
|
3311
|
+
"description": "The unique value of the list item.",
|
|
3369
3312
|
"values": []
|
|
3370
3313
|
},
|
|
3371
3314
|
{
|
|
3372
|
-
"name": "
|
|
3373
|
-
"description": "
|
|
3315
|
+
"name": "dense",
|
|
3316
|
+
"description": "Applies the dense state to the list item.",
|
|
3374
3317
|
"values": []
|
|
3375
3318
|
},
|
|
3376
3319
|
{
|
|
3377
|
-
"name": "
|
|
3378
|
-
"description": "
|
|
3320
|
+
"name": "indented",
|
|
3321
|
+
"description": "Applies the indented state by adding margin to the start of the list item.",
|
|
3379
3322
|
"values": []
|
|
3380
3323
|
},
|
|
3381
3324
|
{
|
|
3382
|
-
"name": "
|
|
3383
|
-
"description": "
|
|
3384
|
-
"values": [{ "name": "string[]" }]
|
|
3385
|
-
},
|
|
3386
|
-
{
|
|
3387
|
-
"name": "leading-icon",
|
|
3388
|
-
"description": "Gets/sets the leading icon of this option.",
|
|
3325
|
+
"name": "two-line",
|
|
3326
|
+
"description": "Sets the list item height to support at least two lines of text.",
|
|
3389
3327
|
"values": []
|
|
3390
3328
|
},
|
|
3391
3329
|
{
|
|
3392
|
-
"name": "
|
|
3393
|
-
"description": "
|
|
3330
|
+
"name": "three-line",
|
|
3331
|
+
"description": "Sets the list item height to support at least three lines of text.",
|
|
3394
3332
|
"values": []
|
|
3395
3333
|
},
|
|
3396
3334
|
{
|
|
3397
|
-
"name": "
|
|
3398
|
-
"description": "
|
|
3399
|
-
"values": [{ "name": "ListDropdownIconType" }]
|
|
3400
|
-
},
|
|
3401
|
-
{
|
|
3402
|
-
"name": "trailing-icon",
|
|
3403
|
-
"description": "Gets/sets the trailing icon of this option.",
|
|
3335
|
+
"name": "wrap",
|
|
3336
|
+
"description": "Sets the list item to wrap its text content.",
|
|
3404
3337
|
"values": []
|
|
3405
3338
|
},
|
|
3406
3339
|
{
|
|
3407
|
-
"name": "
|
|
3408
|
-
"description": "
|
|
3340
|
+
"name": "noninteractive",
|
|
3341
|
+
"description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
|
|
3409
3342
|
"values": []
|
|
3410
3343
|
},
|
|
3411
3344
|
{
|
|
3412
|
-
"name": "
|
|
3413
|
-
"description": "
|
|
3414
|
-
"values": [
|
|
3345
|
+
"name": "focus-propagation",
|
|
3346
|
+
"description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
|
|
3347
|
+
"values": []
|
|
3415
3348
|
}
|
|
3416
3349
|
],
|
|
3417
3350
|
"references": []
|
|
@@ -3714,6 +3647,73 @@
|
|
|
3714
3647
|
],
|
|
3715
3648
|
"references": []
|
|
3716
3649
|
},
|
|
3650
|
+
{
|
|
3651
|
+
"name": "forge-option",
|
|
3652
|
+
"description": "Options represent individual selectable items within `<forge-select>` components.\n---\n",
|
|
3653
|
+
"attributes": [
|
|
3654
|
+
{
|
|
3655
|
+
"name": "value",
|
|
3656
|
+
"description": "Gets/sets the value of this option.",
|
|
3657
|
+
"values": []
|
|
3658
|
+
},
|
|
3659
|
+
{
|
|
3660
|
+
"name": "label",
|
|
3661
|
+
"description": "Gets/sets the label of this option.",
|
|
3662
|
+
"values": []
|
|
3663
|
+
},
|
|
3664
|
+
{
|
|
3665
|
+
"name": "secondary-label",
|
|
3666
|
+
"description": "Gets/sets the secondary label of this option.",
|
|
3667
|
+
"values": []
|
|
3668
|
+
},
|
|
3669
|
+
{
|
|
3670
|
+
"name": "disabled",
|
|
3671
|
+
"description": "Gets/sets the disabled status of this option.",
|
|
3672
|
+
"values": []
|
|
3673
|
+
},
|
|
3674
|
+
{
|
|
3675
|
+
"name": "divider",
|
|
3676
|
+
"description": "Gets/sets the whether this option is a divider.",
|
|
3677
|
+
"values": []
|
|
3678
|
+
},
|
|
3679
|
+
{
|
|
3680
|
+
"name": "option-class",
|
|
3681
|
+
"description": "Gets/sets the classes of this option.",
|
|
3682
|
+
"values": [{ "name": "string[]" }]
|
|
3683
|
+
},
|
|
3684
|
+
{
|
|
3685
|
+
"name": "leading-icon",
|
|
3686
|
+
"description": "Gets/sets the leading icon of this option.",
|
|
3687
|
+
"values": []
|
|
3688
|
+
},
|
|
3689
|
+
{
|
|
3690
|
+
"name": "leading-icon-class",
|
|
3691
|
+
"description": "Gets/sets the leading icon class of this option.",
|
|
3692
|
+
"values": []
|
|
3693
|
+
},
|
|
3694
|
+
{
|
|
3695
|
+
"name": "leading-icon-type",
|
|
3696
|
+
"description": "Gets/sets the leading icon type of this option.",
|
|
3697
|
+
"values": [{ "name": "ListDropdownIconType" }]
|
|
3698
|
+
},
|
|
3699
|
+
{
|
|
3700
|
+
"name": "trailing-icon",
|
|
3701
|
+
"description": "Gets/sets the trailing icon of this option.",
|
|
3702
|
+
"values": []
|
|
3703
|
+
},
|
|
3704
|
+
{
|
|
3705
|
+
"name": "trailing-icon-class",
|
|
3706
|
+
"description": "Gets/sets the trailing icon class of this option.",
|
|
3707
|
+
"values": []
|
|
3708
|
+
},
|
|
3709
|
+
{
|
|
3710
|
+
"name": "trailing-icon-type",
|
|
3711
|
+
"description": "Gets/sets the trailing icon type of this option.",
|
|
3712
|
+
"values": [{ "name": "ListDropdownIconType" }]
|
|
3713
|
+
}
|
|
3714
|
+
],
|
|
3715
|
+
"references": []
|
|
3716
|
+
},
|
|
3717
3717
|
{
|
|
3718
3718
|
"name": "forge-split-view-panel",
|
|
3719
3719
|
"description": "Individual panels within split views that can be resized and collapsed.\n---\n\n\n### **Events:**\n - **forge-split-view-panel-will-resize** - Emitted before the panel resizes.\n- **forge-split-view-panel-resize-start** - Emitted when the panel starts resizing.\n- **forge-split-view-panel-resize-end** - Emitted when the panel stops resizing.\n- **forge-split-view-panel-resize** - Emitted when the panel resizes.\n- **forge-split-view-panel-will-open** - Emitted before the panel opens.\n- **forge-split-view-panel-will-close** - Emitted before the panel closes.\n- **forge-split-view-panel-did-open** - Emitted after the panel opens.\n- **forge-split-view-panel-did-close** - Emitted after the panel closes.\n\n### **Methods:**\n - **getContentSize(): __** - Gets the size of content along the axis of orientation.\n- **getCollapsibleSize(): __** - Gets the amount that the content can shrink along the axis of orientation before reaching its\nmin size.\n- **setContentSize(size: _number_): _void_** - Sets the size of content along the axis of orientation.\n- **update(config: _ISplitViewUpdateConfig_): _void_** - Updates the provided characteristics.\n\n### **CSS Properties:**\n - **--forge-split-view-panel-size** - The size of the panel along the axis of orientation. _(default: undefined)_\n- **--forge-split-view-panel-cursor** - The cursor to display when hovering over the panel. _(default: undefined)_",
|
|
@@ -3871,158 +3871,158 @@
|
|
|
3871
3871
|
"references": []
|
|
3872
3872
|
},
|
|
3873
3873
|
{
|
|
3874
|
-
"name": "forge-
|
|
3875
|
-
"description": "
|
|
3874
|
+
"name": "forge-tree",
|
|
3875
|
+
"description": "Trees are interactive lists that allow users to navigate through hierarchical data.\n---\n\n\n### **Events:**\n - **forge-tree-select-all** - Dispatched when the user selects all items.\n\n### **Slots:**\n - _default_ - The default slot for tree items.\n- **expand-icon** - A custom expand icon to show when an item is closed.\n- **collapse-icon** - A custom collapse icon to show when an item is open.\n\n### **CSS Parts:**\n - **root** - The root tree element.",
|
|
3876
3876
|
"attributes": [
|
|
3877
3877
|
{
|
|
3878
|
-
"name": "
|
|
3879
|
-
"description": "
|
|
3878
|
+
"name": "accordion",
|
|
3879
|
+
"description": "Whether opening an item closes all other items.",
|
|
3880
3880
|
"values": []
|
|
3881
3881
|
},
|
|
3882
3882
|
{
|
|
3883
|
-
"name": "
|
|
3884
|
-
"description": "
|
|
3883
|
+
"name": "indentLines",
|
|
3884
|
+
"description": "Toggles the rendering of indent lines showing hierarchy.",
|
|
3885
3885
|
"values": []
|
|
3886
3886
|
},
|
|
3887
3887
|
{
|
|
3888
|
-
"name": "
|
|
3889
|
-
"description": "
|
|
3890
|
-
"values": []
|
|
3888
|
+
"name": "mode",
|
|
3889
|
+
"description": "How selecting tree items is handled.",
|
|
3890
|
+
"values": [{ "name": "TreeMode" }]
|
|
3891
3891
|
},
|
|
3892
3892
|
{
|
|
3893
|
-
"name": "
|
|
3894
|
-
"description": "
|
|
3893
|
+
"name": "selectionFollowsFocus",
|
|
3894
|
+
"description": "Whether focusing an item also selects it. This takes no effect when in multiple mode.",
|
|
3895
3895
|
"values": []
|
|
3896
3896
|
},
|
|
3897
3897
|
{
|
|
3898
|
-
"name": "
|
|
3899
|
-
"description": "
|
|
3898
|
+
"name": "disabled",
|
|
3899
|
+
"description": "Whether selecting items is disabled.",
|
|
3900
3900
|
"values": []
|
|
3901
3901
|
},
|
|
3902
3902
|
{
|
|
3903
|
-
"name": "
|
|
3904
|
-
"description": "
|
|
3905
|
-
"values": []
|
|
3903
|
+
"name": "value",
|
|
3904
|
+
"description": "The value of all selected items.",
|
|
3905
|
+
"values": [{ "name": "unknown[]" }]
|
|
3906
3906
|
}
|
|
3907
3907
|
],
|
|
3908
3908
|
"references": []
|
|
3909
3909
|
},
|
|
3910
3910
|
{
|
|
3911
|
-
"name": "forge-
|
|
3912
|
-
"description": "
|
|
3911
|
+
"name": "forge-tree-item",
|
|
3912
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-tree-item-update**\n- **forge-tree-item-select** - Dispatched when the user selects a tree item.\n- **forge-tree-item-open** - Dispatched when the user opens a tree item.\n- **forge-tree-item-close** - Dispatched when the user closes a tree item.",
|
|
3913
3913
|
"attributes": [
|
|
3914
3914
|
{
|
|
3915
|
-
"name": "
|
|
3916
|
-
"description": "The
|
|
3917
|
-
"values": []
|
|
3918
|
-
},
|
|
3919
|
-
{
|
|
3920
|
-
"name": "active-tab",
|
|
3921
|
-
"description": "The index of the active tab.",
|
|
3922
|
-
"values": []
|
|
3923
|
-
},
|
|
3924
|
-
{
|
|
3925
|
-
"name": "vertical",
|
|
3926
|
-
"description": "Controls whether the tab bar is vertical or horizontal.",
|
|
3915
|
+
"name": "value",
|
|
3916
|
+
"description": "The value of the tree item.",
|
|
3927
3917
|
"values": []
|
|
3928
3918
|
},
|
|
3929
3919
|
{
|
|
3930
|
-
"name": "
|
|
3931
|
-
"description": "
|
|
3920
|
+
"name": "selected",
|
|
3921
|
+
"description": "Whether the tree item is selected.",
|
|
3932
3922
|
"values": []
|
|
3933
3923
|
},
|
|
3934
3924
|
{
|
|
3935
|
-
"name": "
|
|
3936
|
-
"description": "
|
|
3925
|
+
"name": "open",
|
|
3926
|
+
"description": "Whether the tree item is expanded.",
|
|
3937
3927
|
"values": []
|
|
3938
3928
|
},
|
|
3939
3929
|
{
|
|
3940
|
-
"name": "
|
|
3941
|
-
"description": "
|
|
3930
|
+
"name": "lazy",
|
|
3931
|
+
"description": "Whether the tree item supports lazy loading.",
|
|
3942
3932
|
"values": []
|
|
3943
3933
|
},
|
|
3944
3934
|
{
|
|
3945
|
-
"name": "
|
|
3946
|
-
"description": "
|
|
3935
|
+
"name": "disabled",
|
|
3936
|
+
"description": "Whether the tree item is disabled.",
|
|
3947
3937
|
"values": []
|
|
3948
3938
|
},
|
|
3949
3939
|
{
|
|
3950
|
-
"name": "
|
|
3951
|
-
"description": "
|
|
3940
|
+
"name": "openDisabled",
|
|
3941
|
+
"description": "Whether opening the tree item is disabled.",
|
|
3952
3942
|
"values": []
|
|
3953
3943
|
}
|
|
3954
3944
|
],
|
|
3955
3945
|
"references": []
|
|
3956
3946
|
},
|
|
3957
3947
|
{
|
|
3958
|
-
"name": "forge-
|
|
3959
|
-
"description": "
|
|
3948
|
+
"name": "forge-tab",
|
|
3949
|
+
"description": "Tab components represent a single tab inside a tab bar.\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.",
|
|
3960
3950
|
"attributes": [
|
|
3961
3951
|
{
|
|
3962
|
-
"name": "
|
|
3963
|
-
"description": "
|
|
3952
|
+
"name": "disabled",
|
|
3953
|
+
"description": "The disabled state of the tab.",
|
|
3964
3954
|
"values": []
|
|
3965
3955
|
},
|
|
3966
3956
|
{
|
|
3967
|
-
"name": "
|
|
3968
|
-
"description": "
|
|
3957
|
+
"name": "selected",
|
|
3958
|
+
"description": "The selected state of the tab.",
|
|
3969
3959
|
"values": []
|
|
3970
3960
|
},
|
|
3971
3961
|
{
|
|
3972
|
-
"name": "
|
|
3973
|
-
"description": "
|
|
3974
|
-
"values": [
|
|
3962
|
+
"name": "vertical",
|
|
3963
|
+
"description": "Controls whether the tab is vertical or horizontal.",
|
|
3964
|
+
"values": []
|
|
3975
3965
|
},
|
|
3976
3966
|
{
|
|
3977
|
-
"name": "
|
|
3978
|
-
"description": "
|
|
3967
|
+
"name": "stacked",
|
|
3968
|
+
"description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
|
|
3979
3969
|
"values": []
|
|
3980
3970
|
},
|
|
3981
3971
|
{
|
|
3982
|
-
"name": "
|
|
3983
|
-
"description": "
|
|
3972
|
+
"name": "secondary",
|
|
3973
|
+
"description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
|
|
3984
3974
|
"values": []
|
|
3985
3975
|
},
|
|
3986
3976
|
{
|
|
3987
|
-
"name": "
|
|
3988
|
-
"description": "
|
|
3989
|
-
"values": [
|
|
3977
|
+
"name": "inverted",
|
|
3978
|
+
"description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
|
|
3979
|
+
"values": []
|
|
3990
3980
|
}
|
|
3991
3981
|
],
|
|
3992
3982
|
"references": []
|
|
3993
3983
|
},
|
|
3994
3984
|
{
|
|
3995
|
-
"name": "forge-
|
|
3996
|
-
"description": "
|
|
3985
|
+
"name": "forge-tab-bar",
|
|
3986
|
+
"description": "Tab bars organize a set of tabs, holding selection state and enabling navigation between different views or sections of content.\n---\n\n\n### **Events:**\n - **forge-tab-bar-change** - Dispatches when the active tab changes.\n\n### **CSS Properties:**\n - **--forge-tab-bar-justify** - The `justify-content` value for the tab bar flex container. _(default: undefined)_\n- **--forge-tab-bar-stretch** - The `flex` value for the child `<forge-tab>` elements. _(default: undefined)_\n- **--forge-tab-bar-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-tab-bar-divider-thickness** - The thickness of the divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The container element.\n- **scroll-container** - The scroll container element.",
|
|
3997
3987
|
"attributes": [
|
|
3998
3988
|
{
|
|
3999
|
-
"name": "
|
|
4000
|
-
"description": "The
|
|
3989
|
+
"name": "disabled",
|
|
3990
|
+
"description": "The disabled state of the tab bar.",
|
|
4001
3991
|
"values": []
|
|
4002
3992
|
},
|
|
4003
3993
|
{
|
|
4004
|
-
"name": "
|
|
4005
|
-
"description": "
|
|
3994
|
+
"name": "active-tab",
|
|
3995
|
+
"description": "The index of the active tab.",
|
|
4006
3996
|
"values": []
|
|
4007
3997
|
},
|
|
4008
3998
|
{
|
|
4009
|
-
"name": "
|
|
4010
|
-
"description": "
|
|
3999
|
+
"name": "vertical",
|
|
4000
|
+
"description": "Controls whether the tab bar is vertical or horizontal.",
|
|
4011
4001
|
"values": []
|
|
4012
4002
|
},
|
|
4013
4003
|
{
|
|
4014
|
-
"name": "
|
|
4015
|
-
"description": "
|
|
4004
|
+
"name": "clustered",
|
|
4005
|
+
"description": "Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.",
|
|
4016
4006
|
"values": []
|
|
4017
4007
|
},
|
|
4018
4008
|
{
|
|
4019
|
-
"name": "
|
|
4020
|
-
"description": "
|
|
4009
|
+
"name": "stacked",
|
|
4010
|
+
"description": "Controls whether the tabs are taller to allow for slotted leading/trailing elements.",
|
|
4021
4011
|
"values": []
|
|
4022
4012
|
},
|
|
4023
4013
|
{
|
|
4024
|
-
"name": "
|
|
4025
|
-
"description": "
|
|
4014
|
+
"name": "secondary",
|
|
4015
|
+
"description": "Deprecated. Controls whether the tabs are styled as secondary tab navigation.",
|
|
4016
|
+
"values": []
|
|
4017
|
+
},
|
|
4018
|
+
{
|
|
4019
|
+
"name": "auto-activate",
|
|
4020
|
+
"description": "Controls whether the tabs are automatically activated when receiving focus.",
|
|
4021
|
+
"values": []
|
|
4022
|
+
},
|
|
4023
|
+
{
|
|
4024
|
+
"name": "scroll-buttons",
|
|
4025
|
+
"description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
|
|
4026
4026
|
"values": []
|
|
4027
4027
|
}
|
|
4028
4028
|
],
|