@tylertech/forge 3.9.0-dev.1 → 3.9.0-dev.2
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 +3359 -3334
- package/dist/lib.js +19 -19
- package/dist/lib.js.map +3 -3
- package/dist/vscode.css-custom-data.json +180 -160
- package/dist/vscode.html-custom-data.json +299 -299
- package/esm/avatar/index.js +3 -3
- package/esm/badge/index.js +3 -3
- package/esm/card/index.d.ts +1 -1
- package/esm/card/index.js +4 -4
- package/esm/key/key/index.js +3 -3
- package/esm/key/key-item/index.js +3 -3
- package/esm/meter/meter/index.js +2 -2
- package/esm/meter/meter-group/index.js +3 -3
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/table/table-constants.d.ts +1 -0
- package/esm/table/table-constants.js +2 -1
- package/esm/table/table-core.js +2 -0
- package/esm/table/table.d.ts +2 -0
- package/esm/table/table.js +1 -0
- package/esm/view-switcher/view-switcher.d.ts +5 -0
- package/esm/view-switcher/view-switcher.js +6 -1
- package/package.json +1 -1
- package/sass/view-switcher/view-switcher.scss +13 -7
|
@@ -14,6 +14,45 @@
|
|
|
14
14
|
],
|
|
15
15
|
"references": []
|
|
16
16
|
},
|
|
17
|
+
{
|
|
18
|
+
"name": "forge-avatar",
|
|
19
|
+
"description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
|
|
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
|
+
{
|
|
40
|
+
"name": "forge-backdrop",
|
|
41
|
+
"description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
|
|
42
|
+
"attributes": [
|
|
43
|
+
{
|
|
44
|
+
"name": "visible",
|
|
45
|
+
"description": "Whether the backdrop is visible.",
|
|
46
|
+
"values": []
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "fixed",
|
|
50
|
+
"description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
|
|
51
|
+
"values": []
|
|
52
|
+
}
|
|
53
|
+
],
|
|
54
|
+
"references": []
|
|
55
|
+
},
|
|
17
56
|
{
|
|
18
57
|
"name": "forge-autocomplete",
|
|
19
58
|
"description": "\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.",
|
|
@@ -127,42 +166,9 @@
|
|
|
127
166
|
"references": []
|
|
128
167
|
},
|
|
129
168
|
{
|
|
130
|
-
"name": "forge-
|
|
131
|
-
"description": "\n---\n\n\n### **
|
|
132
|
-
"attributes": [
|
|
133
|
-
{
|
|
134
|
-
"name": "visible",
|
|
135
|
-
"description": "Whether the backdrop is visible.",
|
|
136
|
-
"values": []
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"name": "fixed",
|
|
140
|
-
"description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
|
|
141
|
-
"values": []
|
|
142
|
-
}
|
|
143
|
-
],
|
|
144
|
-
"references": []
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "forge-banner",
|
|
148
|
-
"description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
|
|
149
|
-
"attributes": [
|
|
150
|
-
{
|
|
151
|
-
"name": "dismissed",
|
|
152
|
-
"description": "Controls the visibility of the banner.",
|
|
153
|
-
"values": []
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"name": "persistent",
|
|
157
|
-
"description": "Controls the visibility of the built-in dismiss button.",
|
|
158
|
-
"values": []
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"name": "theme",
|
|
162
|
-
"description": "The theme of the banner.",
|
|
163
|
-
"values": [{ "name": "BannerTheme" }]
|
|
164
|
-
}
|
|
165
|
-
],
|
|
169
|
+
"name": "forge-badge",
|
|
170
|
+
"description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
|
|
171
|
+
"attributes": [],
|
|
166
172
|
"references": []
|
|
167
173
|
},
|
|
168
174
|
{
|
|
@@ -193,33 +199,27 @@
|
|
|
193
199
|
"references": []
|
|
194
200
|
},
|
|
195
201
|
{
|
|
196
|
-
"name": "forge-
|
|
197
|
-
"description": "
|
|
202
|
+
"name": "forge-banner",
|
|
203
|
+
"description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
|
|
198
204
|
"attributes": [
|
|
199
205
|
{
|
|
200
|
-
"name": "
|
|
201
|
-
"description": "
|
|
206
|
+
"name": "dismissed",
|
|
207
|
+
"description": "Controls the visibility of the banner.",
|
|
202
208
|
"values": []
|
|
203
209
|
},
|
|
204
210
|
{
|
|
205
|
-
"name": "
|
|
206
|
-
"description": "Controls the
|
|
211
|
+
"name": "persistent",
|
|
212
|
+
"description": "Controls the visibility of the built-in dismiss button.",
|
|
207
213
|
"values": []
|
|
208
214
|
},
|
|
209
215
|
{
|
|
210
|
-
"name": "
|
|
211
|
-
"description": "The
|
|
212
|
-
"values": []
|
|
216
|
+
"name": "theme",
|
|
217
|
+
"description": "The theme of the banner.",
|
|
218
|
+
"values": [{ "name": "BannerTheme" }]
|
|
213
219
|
}
|
|
214
220
|
],
|
|
215
221
|
"references": []
|
|
216
222
|
},
|
|
217
|
-
{
|
|
218
|
-
"name": "forge-badge",
|
|
219
|
-
"description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
|
|
220
|
-
"attributes": [],
|
|
221
|
-
"references": []
|
|
222
|
-
},
|
|
223
223
|
{
|
|
224
224
|
"name": "forge-button",
|
|
225
225
|
"description": "Buttons represent actions that a user can take.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n- **start** - Elements to logically render before the label text.\n- **end** - Elements to logically render after the label text.\n\n### **CSS Properties:**\n - **--forge-button-primary-color** - The primary color of the button. _(default: undefined)_\n- **--forge-button-text-color** - The text color of the button. Inherits from primary color. _(default: undefined)_\n- **--forge-button-disabled-color** - The disabled color of the button. _(default: undefined)_\n- **--forge-button-padding** - The padding of the button. _(default: undefined)_\n- **--forge-button-display** - The display of the button. _(default: undefined)_\n- **--forge-button-justify** - The flex justify of the button. _(default: undefined)_\n- **--forge-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-button-height** - The height of the button. _(default: undefined)_\n- **--forge-button-min-width** - The min-width of the button. _(default: undefined)_\n- **--forge-button-spacing** - The spacing of the button. _(default: undefined)_\n- **--forge-button-border-width** - The border-width of the button. _(default: undefined)_\n- **--forge-button-border-style** - The border style of the button. _(default: undefined)_\n- **--forge-button-border-color** - The border color of the button. _(default: undefined)_\n- **--forge-button-shape-start-start-radius** - The shape start start radius of the button. _(default: undefined)_\n- **--forge-button-shape-start-end-radius** - The shape start end radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-start-radius** - The shape end start radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-end-radius** - The shape end end radius of the button. _(default: undefined)_\n- **--forge-button-padding-block** - The padding block of the button. _(default: undefined)_\n- **--forge-button-padding-inline** - The padding inline of the button. _(default: undefined)_\n- **--forge-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-button-hover-background** - The background color of the button on hover. _(default: undefined)_\n- **--forge-button-active-background** - The background color of the button on active state. _(default: undefined)_\n- **--forge-button-color** - The text color of the button. _(default: undefined)_\n- **--forge-button-icon-size** - The size of the icon in the button. _(default: undefined)_\n- **--forge-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-button-hover-shadow** - The shadow of the button on hover. _(default: undefined)_\n- **--forge-button-active-shadow** - The shadow of the button on active state. _(default: undefined)_\n- **--forge-button-cursor** - The cursor type of the button. _(default: undefined)_\n- **--forge-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-button-text-padding-inline** - The inline padding of the button when using the text variant. _(default: undefined)_\n- **--forge-button-filled-background** - The background color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-background** - The background color of the disabled filled button. _(default: undefined)_\n- **--forge-button-filled-color** - The text color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-color** - The text color of the disabled filled button. _(default: undefined)_\n- **--forge-button-raised-background** - The background color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-background** - The background color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-color** - The text color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-color** - The text color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-shadow** - The shadow of the raised button. _(default: undefined)_\n- **--forge-button-raised-hover-shadow** - The shadow of the raised button on hover. _(default: undefined)_\n- **--forge-button-raised-active-shadow** - The shadow of the raised button on active state. _(default: undefined)_\n- **--forge-button-raised-disabled-shadow** - The shadow of the disabled raised button. _(default: undefined)_\n- **--forge-button-flat-background** - The background color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-background** - The background color of the disabled flat button. _(default: undefined)_\n- **--forge-button-flat-color** - The text color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-color** - The text color of the disabled flat button. _(default: undefined)_\n- **--forge-button-outlined-background** - The background color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-color** - The text color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-width** - The border width of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-style** - The border style of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-color** - The border color of the outlined button. _(default: undefined)_\n- **--forge-button-link-color** - The text color of the link button. _(default: undefined)_\n- **--forge-button-link-text-decoration** - The text decoration of the link button. _(default: undefined)_\n- **--forge-button-link-height** - The height of the link button. _(default: undefined)_\n- **--forge-button-link-padding** - The padding of the link button. _(default: undefined)_\n- **--forge-button-link-line-height** - The line height of the link button. _(default: undefined)_\n- **--forge-button-link-width** - The width of the link button. _(default: undefined)_\n- **--forge-button-link-hover-text-decoration** - The text decoration of the link button on hover. _(default: undefined)_\n- **--forge-button-link-active-opacity** - The opacity of the link button on active state. _(default: undefined)_\n- **--forge-button-link-transition-duration** - The transition duration of the link button. _(default: undefined)_\n- **--forge-button-link-transition-timing** - The transition timing of the link button. _(default: undefined)_\n- **--forge-button-disabled-cursor** - The cursor type of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-text-color** - The text color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-background** - The background color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-border-color** - The border color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-shadow** - The shadow of the disabled button. _(default: undefined)_\n- **--forge-button-dense-height** - The height of the dense button. _(default: undefined)_\n- **--forge-button-pill-shape** - The shape of the pill button. _(default: undefined)_\n- **--forge-button-pill-padding-inline** - The inline padding of the pill button. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
|
|
@@ -859,6 +859,33 @@
|
|
|
859
859
|
],
|
|
860
860
|
"references": []
|
|
861
861
|
},
|
|
862
|
+
{
|
|
863
|
+
"name": "forge-expansion-panel",
|
|
864
|
+
"description": "Expansion panels provide progressive disclosure of content.\n---\n\n\n### **Events:**\n - **forge-expansion-panel-toggle** - Event fired when the panel is toggled open or closed.\n- **forge-expansion-panel-animation-complete** - Event fired when the panel has finished animating when toggling.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles the open state of the panel.\n\n### **Slots:**\n - _default_ - The content of the panel.\n- **header** - The header of the panel.\n\n### **CSS Properties:**\n - **--forge-expansion-panel-animation-duration** - The duration of the open/close animation. _(default: undefined)_\n- **--forge-expansion-panel-animation-easing** - The easing function of the open/close animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the panel.\n- **header** - The header of the panel.\n- **content** - The content of the panel.",
|
|
865
|
+
"attributes": [
|
|
866
|
+
{
|
|
867
|
+
"name": "open",
|
|
868
|
+
"description": "Whether the panel is open or closed.",
|
|
869
|
+
"values": []
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"name": "orientation",
|
|
873
|
+
"description": "The orientation of the panel.",
|
|
874
|
+
"values": [{ "name": "ExpansionPanelOrientation" }]
|
|
875
|
+
},
|
|
876
|
+
{
|
|
877
|
+
"name": "animation-type",
|
|
878
|
+
"description": "The type of animation to use when opening/closing the panel.",
|
|
879
|
+
"values": [{ "name": "ExpansionPanelAnimationType" }]
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"name": "trigger",
|
|
883
|
+
"description": "The id of the button that the expansion panel is associated with.",
|
|
884
|
+
"values": []
|
|
885
|
+
}
|
|
886
|
+
],
|
|
887
|
+
"references": []
|
|
888
|
+
},
|
|
862
889
|
{
|
|
863
890
|
"name": "forge-field",
|
|
864
891
|
"description": "The Forge Field component is a basic component that handles the layout and theming of\nform elements that can include a label, various states, and a border around an input area.\n---\n\n\n### **Events:**\n - **forge-field-popover-icon-click** - Dispatches when the user clicks the popover icon.\n- **forge-field-popover-icon-mousedown** - Dispatches when the user presses the mouse button over the popover icon. Cancelable to prevent focus loss.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Sets the floating label without animating the transition.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the field's input.\n- **label** - Renders its content as a positioned label.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **input** - The element containing the input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
|
|
@@ -961,33 +988,6 @@
|
|
|
961
988
|
],
|
|
962
989
|
"references": []
|
|
963
990
|
},
|
|
964
|
-
{
|
|
965
|
-
"name": "forge-expansion-panel",
|
|
966
|
-
"description": "Expansion panels provide progressive disclosure of content.\n---\n\n\n### **Events:**\n - **forge-expansion-panel-toggle** - Event fired when the panel is toggled open or closed.\n- **forge-expansion-panel-animation-complete** - Event fired when the panel has finished animating when toggling.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles the open state of the panel.\n\n### **Slots:**\n - _default_ - The content of the panel.\n- **header** - The header of the panel.\n\n### **CSS Properties:**\n - **--forge-expansion-panel-animation-duration** - The duration of the open/close animation. _(default: undefined)_\n- **--forge-expansion-panel-animation-easing** - The easing function of the open/close animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the panel.\n- **header** - The header of the panel.\n- **content** - The content of the panel.",
|
|
967
|
-
"attributes": [
|
|
968
|
-
{
|
|
969
|
-
"name": "open",
|
|
970
|
-
"description": "Whether the panel is open or closed.",
|
|
971
|
-
"values": []
|
|
972
|
-
},
|
|
973
|
-
{
|
|
974
|
-
"name": "orientation",
|
|
975
|
-
"description": "The orientation of the panel.",
|
|
976
|
-
"values": [{ "name": "ExpansionPanelOrientation" }]
|
|
977
|
-
},
|
|
978
|
-
{
|
|
979
|
-
"name": "animation-type",
|
|
980
|
-
"description": "The type of animation to use when opening/closing the panel.",
|
|
981
|
-
"values": [{ "name": "ExpansionPanelAnimationType" }]
|
|
982
|
-
},
|
|
983
|
-
{
|
|
984
|
-
"name": "trigger",
|
|
985
|
-
"description": "The id of the button that the expansion panel is associated with.",
|
|
986
|
-
"values": []
|
|
987
|
-
}
|
|
988
|
-
],
|
|
989
|
-
"references": []
|
|
990
|
-
},
|
|
991
991
|
{
|
|
992
992
|
"name": "forge-file-picker",
|
|
993
993
|
"description": "The file-picker component allows for a user to upload files of their own to the system. The component provides a slot for a\nbutton, as well as drag-and-drop functionality to launch the system file chooser dialog. There are visual queues to let the\nuser know when files they are dragging can be dropped, as well as events that are relayed to the developer to handle files\nthat are legal and/or illegal based on the parameters set on the component.\n\nThe expectation of this component is that it will be used as a familiar element on the page that will let users upload files,\nwhile providing that visual and functional consistency.\n---\n\n\n### **Events:**\n - **forge-file-picker-change** - Dispatched when a file is chosen.\n\n### **CSS Properties:**\n - **--forge-file-picker-background** - Controls the background color. _(default: undefined)_\n- **--forge-file-picker-width** - Controls the width. _(default: undefined)_\n- **--forge-file-picker-height** - Controls the height. _(default: undefined)_\n- **--forge-file-picker-max-width** - Controls the maximum width. _(default: undefined)_\n- **--forge-file-picker-border-width** - Controls the border width. _(default: undefined)_\n- **--forge-file-picker-border-style** - Controls the border style. _(default: undefined)_\n- **--forge-file-picker-border-color** - Controls the border color. _(default: undefined)_\n- **--forge-file-picker-gap** - Controls gap between each element. _(default: undefined)_\n- **--forge-file-picker-padding** - Controls the padding. _(default: undefined)_\n- **--forge-file-picker-padding-block** - Controls the top and bottom padding. _(default: undefined)_\n- **--forge-file-picker-padding-inline** - Controls the left and right padding. _(default: undefined)_\n- **--forge-file-picker-disabled-opacity** - Controls the opacity value of the file picker when it's disabled. _(default: undefined)_\n- **--forge-file-picker-highlight-background** - Controls the background color of the file picker when dragging files into the form. _(default: undefined)_\n- **--forge-file-picker-highlight-border-color** - Controls the border color of the file picker when dragging files into the form. _(default: undefined)_\n\n### **CSS Parts:**\n - **form** - The `<form>` element at the root.\n- **primary** - The container element around the primary slot.\n- **secondary** - The container element around the secondary slot.\n- **input** - The `<input type=\"file\">` element.\n- **helper-text-container** - The container around the helper-text slot.",
|
|
@@ -1166,18 +1166,6 @@
|
|
|
1166
1166
|
],
|
|
1167
1167
|
"references": []
|
|
1168
1168
|
},
|
|
1169
|
-
{
|
|
1170
|
-
"name": "forge-inline-message",
|
|
1171
|
-
"description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
|
|
1172
|
-
"attributes": [
|
|
1173
|
-
{
|
|
1174
|
-
"name": "theme",
|
|
1175
|
-
"description": "The theme to apply.",
|
|
1176
|
-
"values": [{ "name": "InlineMessageTheme" }]
|
|
1177
|
-
}
|
|
1178
|
-
],
|
|
1179
|
-
"references": []
|
|
1180
|
-
},
|
|
1181
1169
|
{
|
|
1182
1170
|
"name": "forge-icon-button",
|
|
1183
1171
|
"description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
|
|
@@ -1215,6 +1203,18 @@
|
|
|
1215
1203
|
],
|
|
1216
1204
|
"references": []
|
|
1217
1205
|
},
|
|
1206
|
+
{
|
|
1207
|
+
"name": "forge-inline-message",
|
|
1208
|
+
"description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
|
|
1209
|
+
"attributes": [
|
|
1210
|
+
{
|
|
1211
|
+
"name": "theme",
|
|
1212
|
+
"description": "The theme to apply.",
|
|
1213
|
+
"values": [{ "name": "InlineMessageTheme" }]
|
|
1214
|
+
}
|
|
1215
|
+
],
|
|
1216
|
+
"references": []
|
|
1217
|
+
},
|
|
1218
1218
|
{
|
|
1219
1219
|
"name": "forge-keyboard-shortcut",
|
|
1220
1220
|
"description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",
|
|
@@ -1268,49 +1268,49 @@
|
|
|
1268
1268
|
"references": []
|
|
1269
1269
|
},
|
|
1270
1270
|
{
|
|
1271
|
-
"name": "forge-label
|
|
1272
|
-
"description": "Label
|
|
1271
|
+
"name": "forge-label",
|
|
1272
|
+
"description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
|
|
1273
1273
|
"attributes": [
|
|
1274
1274
|
{
|
|
1275
|
-
"name": "
|
|
1276
|
-
"description": "
|
|
1275
|
+
"name": "for",
|
|
1276
|
+
"description": "The id of the associated element.",
|
|
1277
1277
|
"values": []
|
|
1278
1278
|
},
|
|
1279
1279
|
{
|
|
1280
|
-
"name": "
|
|
1281
|
-
"description": "
|
|
1280
|
+
"name": "dynamic",
|
|
1281
|
+
"description": "Propagates changes in the label's text content to the associated element.",
|
|
1282
1282
|
"values": []
|
|
1283
1283
|
},
|
|
1284
1284
|
{
|
|
1285
|
-
"name": "
|
|
1286
|
-
"description": "
|
|
1285
|
+
"name": "non-interactive",
|
|
1286
|
+
"description": "Removes click handling from the label.",
|
|
1287
|
+
"values": []
|
|
1288
|
+
},
|
|
1289
|
+
{
|
|
1290
|
+
"name": "legend",
|
|
1291
|
+
"description": "Whether or not the label should be associated with an ancestor element.",
|
|
1287
1292
|
"values": []
|
|
1288
1293
|
}
|
|
1289
1294
|
],
|
|
1290
1295
|
"references": []
|
|
1291
1296
|
},
|
|
1292
1297
|
{
|
|
1293
|
-
"name": "forge-label",
|
|
1294
|
-
"description": "
|
|
1298
|
+
"name": "forge-label-value",
|
|
1299
|
+
"description": "Label-value pairs are used to display a label and a value in a compact format.\n---\n\n\n### **Slots:**\n - **label** - The label to display.\n- **value** - The value to display.\n- **icon** - An icon to display next to the label.\n\n### **CSS Properties:**\n - **--forge-label-value-align** - Aligns the label and value. Possible values: `start` (default), `center`, `end`. _(default: undefined)_\n- **--forge-label-value-label-spacing** - The spacing between the label and value. _(default: undefined)_\n- **--forge-label-value-label-block-start-spacing** - The block start spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-block-end-spacing** - The block end spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-color** - The color to apply to the label. _(default: undefined)_\n- **--forge-label-value-icon-spacing** - The spacing between the icon and the label. _(default: undefined)_\n- **--forge-label-value-inline-label-spacing** - The spacing between the label and value when displayed inline. _(default: undefined)_\n- **--forge-label-value-empty-color** - The color to apply to the value when empty. _(default: undefined)_\n- **--forge-label-value-empty-style** - The font-style to apply to the value when empty. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout container element.\n- **label** - The label container element.\n- **value** - The value container element.\n- **icon** - The icon container element.",
|
|
1295
1300
|
"attributes": [
|
|
1296
1301
|
{
|
|
1297
|
-
"name": "
|
|
1298
|
-
"description": "
|
|
1299
|
-
"values": []
|
|
1300
|
-
},
|
|
1301
|
-
{
|
|
1302
|
-
"name": "dynamic",
|
|
1303
|
-
"description": "Propagates changes in the label's text content to the associated element.",
|
|
1302
|
+
"name": "empty",
|
|
1303
|
+
"description": "If present, the value will be displayed in an alternative emphasized style.",
|
|
1304
1304
|
"values": []
|
|
1305
1305
|
},
|
|
1306
1306
|
{
|
|
1307
|
-
"name": "
|
|
1308
|
-
"description": "
|
|
1307
|
+
"name": "ellipsis",
|
|
1308
|
+
"description": "If present, the value will be truncated with an ellipsis if it overflows its container.",
|
|
1309
1309
|
"values": []
|
|
1310
1310
|
},
|
|
1311
1311
|
{
|
|
1312
|
-
"name": "
|
|
1313
|
-
"description": "
|
|
1312
|
+
"name": "inline",
|
|
1313
|
+
"description": "If present, the label and value will be displayed on the same line.",
|
|
1314
1314
|
"values": []
|
|
1315
1315
|
}
|
|
1316
1316
|
],
|
|
@@ -2074,7 +2074,7 @@
|
|
|
2074
2074
|
},
|
|
2075
2075
|
{
|
|
2076
2076
|
"name": "forge-table",
|
|
2077
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
|
|
2077
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n- **forge-table-body-rendered** - Dispatched when the table body is rendered.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
|
|
2078
2078
|
"attributes": [
|
|
2079
2079
|
{
|
|
2080
2080
|
"name": "select",
|
|
@@ -2510,7 +2510,7 @@
|
|
|
2510
2510
|
},
|
|
2511
2511
|
{
|
|
2512
2512
|
"name": "forge-view-switcher",
|
|
2513
|
-
"description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
|
|
2513
|
+
"description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.\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)_",
|
|
2514
2514
|
"attributes": [
|
|
2515
2515
|
{
|
|
2516
2516
|
"name": "index",
|
|
@@ -2651,6 +2651,28 @@
|
|
|
2651
2651
|
],
|
|
2652
2652
|
"references": []
|
|
2653
2653
|
},
|
|
2654
|
+
{
|
|
2655
|
+
"name": "forge-app-bar-search",
|
|
2656
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
|
|
2657
|
+
"attributes": [
|
|
2658
|
+
{
|
|
2659
|
+
"name": "disabled",
|
|
2660
|
+
"description": "A boolean attribute that, if present, indicates that the input should be disabled.",
|
|
2661
|
+
"values": []
|
|
2662
|
+
},
|
|
2663
|
+
{
|
|
2664
|
+
"name": "value",
|
|
2665
|
+
"description": "The value of the input.",
|
|
2666
|
+
"values": []
|
|
2667
|
+
},
|
|
2668
|
+
{
|
|
2669
|
+
"name": "placeholder",
|
|
2670
|
+
"description": "The placeholder text of the input.",
|
|
2671
|
+
"values": []
|
|
2672
|
+
}
|
|
2673
|
+
],
|
|
2674
|
+
"references": []
|
|
2675
|
+
},
|
|
2654
2676
|
{
|
|
2655
2677
|
"name": "forge-app-bar-profile-button",
|
|
2656
2678
|
"description": "\n---\n\n\n### **Events:**\n - **forge-profile-card-sign-out** - Fires when the sign out button is clicked.\n- **forge-profile-card-profile** - Fires when the profile button is clicked.",
|
|
@@ -2716,39 +2738,17 @@
|
|
|
2716
2738
|
"references": []
|
|
2717
2739
|
},
|
|
2718
2740
|
{
|
|
2719
|
-
"name": "forge-
|
|
2720
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-
|
|
2741
|
+
"name": "forge-button-toggle",
|
|
2742
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
|
|
2721
2743
|
"attributes": [
|
|
2722
2744
|
{
|
|
2723
|
-
"name": "
|
|
2724
|
-
"description": "
|
|
2745
|
+
"name": "value",
|
|
2746
|
+
"description": "The value of the button toggle.",
|
|
2725
2747
|
"values": []
|
|
2726
2748
|
},
|
|
2727
2749
|
{
|
|
2728
|
-
"name": "
|
|
2729
|
-
"description": "
|
|
2730
|
-
"values": []
|
|
2731
|
-
},
|
|
2732
|
-
{
|
|
2733
|
-
"name": "placeholder",
|
|
2734
|
-
"description": "The placeholder text of the input.",
|
|
2735
|
-
"values": []
|
|
2736
|
-
}
|
|
2737
|
-
],
|
|
2738
|
-
"references": []
|
|
2739
|
-
},
|
|
2740
|
-
{
|
|
2741
|
-
"name": "forge-button-toggle",
|
|
2742
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
|
|
2743
|
-
"attributes": [
|
|
2744
|
-
{
|
|
2745
|
-
"name": "value",
|
|
2746
|
-
"description": "The value of the button toggle.",
|
|
2747
|
-
"values": []
|
|
2748
|
-
},
|
|
2749
|
-
{
|
|
2750
|
-
"name": "selected",
|
|
2751
|
-
"description": "Whether or not the button is selected.",
|
|
2750
|
+
"name": "selected",
|
|
2751
|
+
"description": "Whether or not the button is selected.",
|
|
2752
2752
|
"values": []
|
|
2753
2753
|
},
|
|
2754
2754
|
{
|
|
@@ -3416,9 +3416,19 @@
|
|
|
3416
3416
|
"references": []
|
|
3417
3417
|
},
|
|
3418
3418
|
{
|
|
3419
|
-
"name": "forge-select
|
|
3420
|
-
"description": "\n---\n\n\n### **Methods:**\n - **
|
|
3419
|
+
"name": "forge-select",
|
|
3420
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
|
|
3421
3421
|
"attributes": [
|
|
3422
|
+
{
|
|
3423
|
+
"name": "label",
|
|
3424
|
+
"description": "Controls the label text.",
|
|
3425
|
+
"values": []
|
|
3426
|
+
},
|
|
3427
|
+
{
|
|
3428
|
+
"name": "placeholder",
|
|
3429
|
+
"description": "Controls the placeholder text.",
|
|
3430
|
+
"values": []
|
|
3431
|
+
},
|
|
3422
3432
|
{
|
|
3423
3433
|
"name": "value",
|
|
3424
3434
|
"description": "Gets/sets the value.",
|
|
@@ -3436,14 +3446,9 @@
|
|
|
3436
3446
|
},
|
|
3437
3447
|
{
|
|
3438
3448
|
"name": "open",
|
|
3439
|
-
"description": "Gets the open state
|
|
3449
|
+
"description": "Gets/sets the open state.",
|
|
3440
3450
|
"values": []
|
|
3441
3451
|
},
|
|
3442
|
-
{
|
|
3443
|
-
"name": "popup-classes",
|
|
3444
|
-
"description": "Gets/sets the list of classes to apply to the popup element.",
|
|
3445
|
-
"values": [{ "name": "string[]" }]
|
|
3446
|
-
},
|
|
3447
3452
|
{
|
|
3448
3453
|
"name": "sync-popup-width",
|
|
3449
3454
|
"description": "Gets/sets whether the popup width is synchronized with the popup target width.",
|
|
@@ -3464,14 +3469,9 @@
|
|
|
3464
3469
|
"description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
|
|
3465
3470
|
"values": []
|
|
3466
3471
|
},
|
|
3467
|
-
{
|
|
3468
|
-
"name": "constrain-popup-width",
|
|
3469
|
-
"description": "Gets/sets whether the popup width will be constrained to a max width of the viewport width (default: `100vw`).",
|
|
3470
|
-
"values": []
|
|
3471
|
-
},
|
|
3472
3472
|
{
|
|
3473
3473
|
"name": "wrap-option-text",
|
|
3474
|
-
"description": "Gets/sets whether the options will wrap their text or not
|
|
3474
|
+
"description": "Gets/sets whether the options will wrap their text or not. This only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
|
|
3475
3475
|
"values": []
|
|
3476
3476
|
},
|
|
3477
3477
|
{
|
|
@@ -3495,116 +3495,82 @@
|
|
|
3495
3495
|
"values": [{ "name": "OverlayShiftState" }]
|
|
3496
3496
|
},
|
|
3497
3497
|
{
|
|
3498
|
-
"name": "
|
|
3499
|
-
"description": "
|
|
3500
|
-
"values": [{ "name": "
|
|
3501
|
-
}
|
|
3502
|
-
],
|
|
3503
|
-
"references": []
|
|
3504
|
-
},
|
|
3505
|
-
{
|
|
3506
|
-
"name": "forge-split-view",
|
|
3507
|
-
"description": "\n---\n\n\n### **Methods:**\n - **layerSlottedPanels(target: _ISplitViewPanelComponent_): _void_** - Arranges split view panels to avoid overlapping during animations.\n- **unlayerSlottedPanels(): _void_** - Removes presentation data set during an animation.\n- **update(config: _ISplitViewUpdateConfig_): _void_** - Updates the provided characteristics of each slotted panel.\n- **refit(): _void_** - Resizes panels within the split view to avoid overflow.",
|
|
3508
|
-
"attributes": [
|
|
3509
|
-
{
|
|
3510
|
-
"name": "orientation",
|
|
3511
|
-
"description": "Whether child split view panels are laid out and resize horizontally or vertically.",
|
|
3512
|
-
"values": [{ "name": "SplitViewOrientation" }]
|
|
3498
|
+
"name": "label-position",
|
|
3499
|
+
"description": "The position of the label.",
|
|
3500
|
+
"values": [{ "name": "FieldLabelPosition" }]
|
|
3513
3501
|
},
|
|
3514
3502
|
{
|
|
3515
|
-
"name": "
|
|
3516
|
-
"description": "
|
|
3517
|
-
"values": []
|
|
3503
|
+
"name": "label-alignment",
|
|
3504
|
+
"description": "The alignment of the label.",
|
|
3505
|
+
"values": [{ "name": "FieldLabelAlignment" }]
|
|
3518
3506
|
},
|
|
3519
3507
|
{
|
|
3520
|
-
"name": "
|
|
3521
|
-
"description": "Whether
|
|
3508
|
+
"name": "invalid",
|
|
3509
|
+
"description": "Whether the field is invalid.",
|
|
3522
3510
|
"values": []
|
|
3523
3511
|
},
|
|
3524
3512
|
{
|
|
3525
|
-
"name": "
|
|
3526
|
-
"description": "Whether
|
|
3513
|
+
"name": "required",
|
|
3514
|
+
"description": "Whether the field is required.",
|
|
3527
3515
|
"values": []
|
|
3528
3516
|
},
|
|
3529
3517
|
{
|
|
3530
|
-
"name": "
|
|
3531
|
-
"description": "
|
|
3518
|
+
"name": "optional",
|
|
3519
|
+
"description": "Whether the field is optional.",
|
|
3532
3520
|
"values": []
|
|
3533
|
-
}
|
|
3534
|
-
],
|
|
3535
|
-
"references": []
|
|
3536
|
-
},
|
|
3537
|
-
{
|
|
3538
|
-
"name": "forge-split-view-panel",
|
|
3539
|
-
"description": "\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)_",
|
|
3540
|
-
"attributes": [
|
|
3541
|
-
{
|
|
3542
|
-
"name": "resizable",
|
|
3543
|
-
"description": "Controls which side of the panel the resize handle appears on.",
|
|
3544
|
-
"values": [{ "name": "SplitViewPanelResizable" }]
|
|
3545
3521
|
},
|
|
3546
3522
|
{
|
|
3547
|
-
"name": "
|
|
3548
|
-
"description": "
|
|
3523
|
+
"name": "disabled",
|
|
3524
|
+
"description": "Whether the field is disabled.",
|
|
3549
3525
|
"values": []
|
|
3550
3526
|
},
|
|
3551
3527
|
{
|
|
3552
|
-
"name": "
|
|
3553
|
-
"description": "
|
|
3528
|
+
"name": "float-label",
|
|
3529
|
+
"description": "Whether the label floats above the field.",
|
|
3554
3530
|
"values": []
|
|
3555
3531
|
},
|
|
3556
3532
|
{
|
|
3557
|
-
"name": "
|
|
3558
|
-
"description": "The
|
|
3559
|
-
"values": []
|
|
3533
|
+
"name": "variant",
|
|
3534
|
+
"description": "The variant of the field.",
|
|
3535
|
+
"values": [{ "name": "FieldVariant" }]
|
|
3560
3536
|
},
|
|
3561
3537
|
{
|
|
3562
|
-
"name": "
|
|
3563
|
-
"description": "The
|
|
3564
|
-
"values": []
|
|
3538
|
+
"name": "theme",
|
|
3539
|
+
"description": "The theme of the field.",
|
|
3540
|
+
"values": [{ "name": "FieldTheme" }]
|
|
3565
3541
|
},
|
|
3566
3542
|
{
|
|
3567
|
-
"name": "
|
|
3568
|
-
"description": "
|
|
3569
|
-
"values": []
|
|
3543
|
+
"name": "shape",
|
|
3544
|
+
"description": "The shape of the field.",
|
|
3545
|
+
"values": [{ "name": "FieldShape" }]
|
|
3570
3546
|
},
|
|
3571
3547
|
{
|
|
3572
|
-
"name": "
|
|
3573
|
-
"description": "
|
|
3574
|
-
"values": []
|
|
3548
|
+
"name": "density",
|
|
3549
|
+
"description": "The density of the field.",
|
|
3550
|
+
"values": [{ "name": "FieldDensity" }]
|
|
3575
3551
|
},
|
|
3576
3552
|
{
|
|
3577
|
-
"name": "
|
|
3578
|
-
"description": "Whether the
|
|
3553
|
+
"name": "dense",
|
|
3554
|
+
"description": "Whether the field is dense.",
|
|
3579
3555
|
"values": []
|
|
3580
3556
|
},
|
|
3581
3557
|
{
|
|
3582
|
-
"name": "
|
|
3583
|
-
"description": "Whether the
|
|
3558
|
+
"name": "popover-icon",
|
|
3559
|
+
"description": "Whether the popover icon is displayed.",
|
|
3584
3560
|
"values": []
|
|
3585
3561
|
},
|
|
3586
3562
|
{
|
|
3587
|
-
"name": "
|
|
3588
|
-
"description": "The
|
|
3589
|
-
"values": []
|
|
3563
|
+
"name": "support-text-inset",
|
|
3564
|
+
"description": "The inset of the support text.",
|
|
3565
|
+
"values": [{ "name": "FieldSupportTextInset" }]
|
|
3590
3566
|
}
|
|
3591
3567
|
],
|
|
3592
3568
|
"references": []
|
|
3593
3569
|
},
|
|
3594
3570
|
{
|
|
3595
|
-
"name": "forge-select",
|
|
3596
|
-
"description": "\n---\n\n\n### **
|
|
3571
|
+
"name": "forge-select-dropdown",
|
|
3572
|
+
"description": "\n---\n\n\n### **Methods:**\n - **appendOptions(options: _ISelectOption[] | ISelectOptionGroup[]_): _void_** - Dynamically appends options to the dropdown while it's open.\n- **selectAll(): _void_** - Selects all options.\n- **deselectAll(): _void_** - Deselects all options.",
|
|
3597
3573
|
"attributes": [
|
|
3598
|
-
{
|
|
3599
|
-
"name": "label",
|
|
3600
|
-
"description": "Controls the label text.",
|
|
3601
|
-
"values": []
|
|
3602
|
-
},
|
|
3603
|
-
{
|
|
3604
|
-
"name": "placeholder",
|
|
3605
|
-
"description": "Controls the placeholder text.",
|
|
3606
|
-
"values": []
|
|
3607
|
-
},
|
|
3608
3574
|
{
|
|
3609
3575
|
"name": "value",
|
|
3610
3576
|
"description": "Gets/sets the value.",
|
|
@@ -3622,9 +3588,14 @@
|
|
|
3622
3588
|
},
|
|
3623
3589
|
{
|
|
3624
3590
|
"name": "open",
|
|
3625
|
-
"description": "Gets
|
|
3591
|
+
"description": "Gets the open state of the dropdown.",
|
|
3626
3592
|
"values": []
|
|
3627
3593
|
},
|
|
3594
|
+
{
|
|
3595
|
+
"name": "popup-classes",
|
|
3596
|
+
"description": "Gets/sets the list of classes to apply to the popup element.",
|
|
3597
|
+
"values": [{ "name": "string[]" }]
|
|
3598
|
+
},
|
|
3628
3599
|
{
|
|
3629
3600
|
"name": "sync-popup-width",
|
|
3630
3601
|
"description": "Gets/sets whether the popup width is synchronized with the popup target width.",
|
|
@@ -3645,9 +3616,14 @@
|
|
|
3645
3616
|
"description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
|
|
3646
3617
|
"values": []
|
|
3647
3618
|
},
|
|
3619
|
+
{
|
|
3620
|
+
"name": "constrain-popup-width",
|
|
3621
|
+
"description": "Gets/sets whether the popup width will be constrained to a max width of the viewport width (default: `100vw`).",
|
|
3622
|
+
"values": []
|
|
3623
|
+
},
|
|
3648
3624
|
{
|
|
3649
3625
|
"name": "wrap-option-text",
|
|
3650
|
-
"description": "Gets/sets whether the options will wrap their text or not
|
|
3626
|
+
"description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
|
|
3651
3627
|
"values": []
|
|
3652
3628
|
},
|
|
3653
3629
|
{
|
|
@@ -3671,115 +3647,97 @@
|
|
|
3671
3647
|
"values": [{ "name": "OverlayShiftState" }]
|
|
3672
3648
|
},
|
|
3673
3649
|
{
|
|
3674
|
-
"name": "
|
|
3675
|
-
"description": "
|
|
3676
|
-
"values": [{ "name": "
|
|
3677
|
-
}
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
"description": "Whether the field is invalid.",
|
|
3686
|
-
"values": []
|
|
3687
|
-
},
|
|
3688
|
-
{
|
|
3689
|
-
"name": "required",
|
|
3690
|
-
"description": "Whether the field is required.",
|
|
3691
|
-
"values": []
|
|
3692
|
-
},
|
|
3650
|
+
"name": "popover-fallback-placements",
|
|
3651
|
+
"description": "Gets/sets the fallback placements of the popover.",
|
|
3652
|
+
"values": [{ "name": "PositionPlacement[]" }]
|
|
3653
|
+
}
|
|
3654
|
+
],
|
|
3655
|
+
"references": []
|
|
3656
|
+
},
|
|
3657
|
+
{
|
|
3658
|
+
"name": "forge-split-view",
|
|
3659
|
+
"description": "\n---\n\n\n### **Methods:**\n - **layerSlottedPanels(target: _ISplitViewPanelComponent_): _void_** - Arranges split view panels to avoid overlapping during animations.\n- **unlayerSlottedPanels(): _void_** - Removes presentation data set during an animation.\n- **update(config: _ISplitViewUpdateConfig_): _void_** - Updates the provided characteristics of each slotted panel.\n- **refit(): _void_** - Resizes panels within the split view to avoid overflow.",
|
|
3660
|
+
"attributes": [
|
|
3693
3661
|
{
|
|
3694
|
-
"name": "
|
|
3695
|
-
"description": "Whether
|
|
3696
|
-
"values": []
|
|
3662
|
+
"name": "orientation",
|
|
3663
|
+
"description": "Whether child split view panels are laid out and resize horizontally or vertically.",
|
|
3664
|
+
"values": [{ "name": "SplitViewOrientation" }]
|
|
3697
3665
|
},
|
|
3698
3666
|
{
|
|
3699
3667
|
"name": "disabled",
|
|
3700
|
-
"description": "Whether
|
|
3668
|
+
"description": "Whether child split view panels have resize interactions disabled or enabled.",
|
|
3701
3669
|
"values": []
|
|
3702
3670
|
},
|
|
3703
3671
|
{
|
|
3704
|
-
"name": "
|
|
3705
|
-
"description": "Whether
|
|
3672
|
+
"name": "allow-close",
|
|
3673
|
+
"description": "Whether child split view panels can be closed via keyboard interaction.",
|
|
3706
3674
|
"values": []
|
|
3707
3675
|
},
|
|
3708
3676
|
{
|
|
3709
|
-
"name": "
|
|
3710
|
-
"description": "
|
|
3711
|
-
"values": [{ "name": "FieldVariant" }]
|
|
3712
|
-
},
|
|
3713
|
-
{
|
|
3714
|
-
"name": "theme",
|
|
3715
|
-
"description": "The theme of the field.",
|
|
3716
|
-
"values": [{ "name": "FieldTheme" }]
|
|
3717
|
-
},
|
|
3718
|
-
{
|
|
3719
|
-
"name": "shape",
|
|
3720
|
-
"description": "The shape of the field.",
|
|
3721
|
-
"values": [{ "name": "FieldShape" }]
|
|
3722
|
-
},
|
|
3723
|
-
{
|
|
3724
|
-
"name": "density",
|
|
3725
|
-
"description": "The density of the field.",
|
|
3726
|
-
"values": [{ "name": "FieldDensity" }]
|
|
3727
|
-
},
|
|
3728
|
-
{
|
|
3729
|
-
"name": "dense",
|
|
3730
|
-
"description": "Whether the field is dense.",
|
|
3677
|
+
"name": "auto-close",
|
|
3678
|
+
"description": "Whether child split view panels automatically close when they reach a size of 0.",
|
|
3731
3679
|
"values": []
|
|
3732
3680
|
},
|
|
3733
3681
|
{
|
|
3734
|
-
"name": "
|
|
3735
|
-
"description": "
|
|
3682
|
+
"name": "auto-close-threshold",
|
|
3683
|
+
"description": "The size at which panels auto close.",
|
|
3736
3684
|
"values": []
|
|
3737
|
-
},
|
|
3738
|
-
{
|
|
3739
|
-
"name": "support-text-inset",
|
|
3740
|
-
"description": "The inset of the support text.",
|
|
3741
|
-
"values": [{ "name": "FieldSupportTextInset" }]
|
|
3742
3685
|
}
|
|
3743
3686
|
],
|
|
3744
3687
|
"references": []
|
|
3745
3688
|
},
|
|
3746
3689
|
{
|
|
3747
|
-
"name": "forge-
|
|
3748
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-
|
|
3690
|
+
"name": "forge-split-view-panel",
|
|
3691
|
+
"description": "\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)_",
|
|
3749
3692
|
"attributes": [
|
|
3750
3693
|
{
|
|
3751
|
-
"name": "
|
|
3752
|
-
"description": "
|
|
3694
|
+
"name": "resizable",
|
|
3695
|
+
"description": "Controls which side of the panel the resize handle appears on.",
|
|
3696
|
+
"values": [{ "name": "SplitViewPanelResizable" }]
|
|
3697
|
+
},
|
|
3698
|
+
{
|
|
3699
|
+
"name": "size",
|
|
3700
|
+
"description": "The initial size along the axis of orientation.",
|
|
3753
3701
|
"values": []
|
|
3754
3702
|
},
|
|
3755
3703
|
{
|
|
3756
|
-
"name": "
|
|
3757
|
-
"description": "
|
|
3704
|
+
"name": "min",
|
|
3705
|
+
"description": "The smallest size the panel can take along its axis of orientation.",
|
|
3758
3706
|
"values": []
|
|
3759
3707
|
},
|
|
3760
3708
|
{
|
|
3761
|
-
"name": "
|
|
3762
|
-
"description": "
|
|
3709
|
+
"name": "max",
|
|
3710
|
+
"description": "The largest size the panel can take along its axis of orientation.",
|
|
3763
3711
|
"values": []
|
|
3764
3712
|
},
|
|
3765
3713
|
{
|
|
3766
|
-
"name": "
|
|
3767
|
-
"description": "The
|
|
3768
|
-
"values": [
|
|
3714
|
+
"name": "accessible-label",
|
|
3715
|
+
"description": "The ARIA label given to the resize handle.",
|
|
3716
|
+
"values": []
|
|
3769
3717
|
},
|
|
3770
3718
|
{
|
|
3771
|
-
"name": "
|
|
3772
|
-
"description": "
|
|
3773
|
-
"values": [
|
|
3719
|
+
"name": "open",
|
|
3720
|
+
"description": "Controls the open state of the panel.",
|
|
3721
|
+
"values": []
|
|
3774
3722
|
},
|
|
3775
3723
|
{
|
|
3776
3724
|
"name": "disabled",
|
|
3777
|
-
"description": "Whether
|
|
3725
|
+
"description": "Whether resize interactions are disabled or enabled.",
|
|
3778
3726
|
"values": []
|
|
3779
3727
|
},
|
|
3780
3728
|
{
|
|
3781
|
-
"name": "
|
|
3782
|
-
"description": "Whether the
|
|
3729
|
+
"name": "allow-close",
|
|
3730
|
+
"description": "Whether the panel can be closed via keyboard interaction.",
|
|
3731
|
+
"values": []
|
|
3732
|
+
},
|
|
3733
|
+
{
|
|
3734
|
+
"name": "auto-close",
|
|
3735
|
+
"description": "Whether the panel automatically closes when it reaches a size of 0.",
|
|
3736
|
+
"values": []
|
|
3737
|
+
},
|
|
3738
|
+
{
|
|
3739
|
+
"name": "auto-close-threshold",
|
|
3740
|
+
"description": "The size at which the panel auto closes.",
|
|
3783
3741
|
"values": []
|
|
3784
3742
|
}
|
|
3785
3743
|
],
|
|
@@ -3842,6 +3800,48 @@
|
|
|
3842
3800
|
],
|
|
3843
3801
|
"references": []
|
|
3844
3802
|
},
|
|
3803
|
+
{
|
|
3804
|
+
"name": "forge-stepper",
|
|
3805
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-step-select** - Emits the index when a step is selected.\n- **forge-step-expanded-content-focusin** - Emits the step component when the expanded content is focused.\n- **forge-step-expanded-content-focusout** - Emits the step component when the expanded content is blurred.",
|
|
3806
|
+
"attributes": [
|
|
3807
|
+
{
|
|
3808
|
+
"name": "selected-index",
|
|
3809
|
+
"description": "The active step index.",
|
|
3810
|
+
"values": []
|
|
3811
|
+
},
|
|
3812
|
+
{
|
|
3813
|
+
"name": "linear",
|
|
3814
|
+
"description": "Whether the stepper is linear or non-linear.",
|
|
3815
|
+
"values": []
|
|
3816
|
+
},
|
|
3817
|
+
{
|
|
3818
|
+
"name": "alternative",
|
|
3819
|
+
"description": "Whether the stepper uses the default or alternative label layout mode.",
|
|
3820
|
+
"values": []
|
|
3821
|
+
},
|
|
3822
|
+
{
|
|
3823
|
+
"name": "layout-mode",
|
|
3824
|
+
"description": "The layout mode of the stepper.",
|
|
3825
|
+
"values": [{ "name": "StepperLayoutMode" }]
|
|
3826
|
+
},
|
|
3827
|
+
{
|
|
3828
|
+
"name": "layout-align",
|
|
3829
|
+
"description": "The layout alignment of the stepper.",
|
|
3830
|
+
"values": [{ "name": "StepperLayoutAlign" }]
|
|
3831
|
+
},
|
|
3832
|
+
{
|
|
3833
|
+
"name": "disabled",
|
|
3834
|
+
"description": "Whether the stepper is disabled.",
|
|
3835
|
+
"values": []
|
|
3836
|
+
},
|
|
3837
|
+
{
|
|
3838
|
+
"name": "vertical",
|
|
3839
|
+
"description": "Whether the stepper is vertical.",
|
|
3840
|
+
"values": []
|
|
3841
|
+
}
|
|
3842
|
+
],
|
|
3843
|
+
"references": []
|
|
3844
|
+
},
|
|
3845
3845
|
{
|
|
3846
3846
|
"name": "forge-tab",
|
|
3847
3847
|
"description": "\n---\n\n\n### **Events:**\n - **forge-tab-select** - Dispatched when the tab is selected. This event bubbles and it can be useful to capture it on the `<forge-tab-bar>` element.\n\n### **Slots:**\n - _default_ - The tab label.\n- **start** - Content before the label.\n- **end** - Content after the label.\n\n### **CSS Properties:**\n - **--forge-tab-active-color** - The primary color of the contents when active. _(default: undefined)_\n- **--forge-tab-inactive-color** - The primary color of the contents when inactive. _(default: undefined)_\n- **--forge-tab-height** - The height of the tab. _(default: undefined)_\n- **--forge-tab-stacked-height** - The height of the tab when stacked. _(default: undefined)_\n- **--forge-tab-padding-block** - The block space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-padding-inline** - The inline space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-disabled-opacity** - The opacity of the tab when disabled. _(default: undefined)_\n- **--forge-tab-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-height** - The height of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-shape** - The shape of the active tab indicator. _(default: undefined)_\n- **--forge-tab-vertical-indicator-shape** - The shape of the active tab indicator when vertical. _(default: undefined)_\n- **--forge-tab-inverted-indicator-shape** - The shape of the active tab indicator when inverted. _(default: undefined)_\n- **--forge-tab-vertical-inverted-indicator-shape** - The shape of the active tab indicator when vertical and inverted. _(default: undefined)_\n- **--forge-tab-container-color** - The color of the tab container. _(default: undefined)_\n- **--forge-tab-container-height** - The height of the tab container. _(default: undefined)_\n- **--forge-tab-container-shape** - The shape of the tab container. _(default: undefined)_\n- **--forge-tab-content-height** - The height of the tab content. _(default: undefined)_\n- **--forge-tab-content-spacing** - The spacing between tab contents. _(default: undefined)_\n- **--forge-tab-content-padding** - The padding value for both block and inline of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-block** - The block padding of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-inline** - The inline padding of the tab content. _(default: undefined)_\n- **--forge-tab-active-focus-icon-color** - The color of the icon when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-icon-color** - The color of the icon when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-icon-color** - The color of the icon when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-icon-color** - The color of the icon when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-tab-focus-icon-color** - The color of the icon when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-icon-color** - The color of the icon when the tab is hovered. _(default: undefined)_\n- **--forge-tab-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-tab-pressed-icon-color** - The color of the icon when the tab is pressed. _(default: undefined)_\n- **--forge-tab-active-focus-label-text-color** - The color of the label text when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-label-text-color** - The color of the label text when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-label-text-color** - The color of the label text when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-label-text-color** - The color of the label text when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-focus-label-text-color** - The color of the label text when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-label-text-color** - The color of the label text when the tab is hovered. _(default: undefined)_\n- **--forge-tab-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-tab-pressed-label-text-color** - The color of the label text when the tab is pressed. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The tab container.\n- **content** - The tab content container.\n- **label** - The tab label container.\n- **indicator** - The tab active indicator.",
|