@tylertech/forge 3.9.0-dev.1 → 3.9.0-dev.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +2659 -2634
- package/dist/lib.js +102 -24
- package/dist/lib.js.map +3 -3
- package/dist/vscode.css-custom-data.json +177 -157
- package/dist/vscode.html-custom-data.json +228 -228
- 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/core/utils/dismissible-stack.js +5 -2
- 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/popover/popover-constants.d.ts +0 -1
- package/esm/popover/popover-constants.js +1 -2
- package/esm/popover/popover-core.js +7 -12
- package/esm/popover/popover.d.ts +2 -2
- package/esm/popover/popover.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
|
@@ -126,6 +126,12 @@
|
|
|
126
126
|
],
|
|
127
127
|
"references": []
|
|
128
128
|
},
|
|
129
|
+
{
|
|
130
|
+
"name": "forge-badge",
|
|
131
|
+
"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)_",
|
|
132
|
+
"attributes": [],
|
|
133
|
+
"references": []
|
|
134
|
+
},
|
|
129
135
|
{
|
|
130
136
|
"name": "forge-backdrop",
|
|
131
137
|
"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.",
|
|
@@ -143,6 +149,28 @@
|
|
|
143
149
|
],
|
|
144
150
|
"references": []
|
|
145
151
|
},
|
|
152
|
+
{
|
|
153
|
+
"name": "forge-avatar",
|
|
154
|
+
"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.",
|
|
155
|
+
"attributes": [
|
|
156
|
+
{
|
|
157
|
+
"name": "text",
|
|
158
|
+
"description": "The text to display in the avatar.",
|
|
159
|
+
"values": []
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"name": "letter-count",
|
|
163
|
+
"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.",
|
|
164
|
+
"values": []
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "image-url",
|
|
168
|
+
"description": "The background image URL to use.",
|
|
169
|
+
"values": []
|
|
170
|
+
}
|
|
171
|
+
],
|
|
172
|
+
"references": []
|
|
173
|
+
},
|
|
146
174
|
{
|
|
147
175
|
"name": "forge-banner",
|
|
148
176
|
"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)_",
|
|
@@ -192,34 +220,6 @@
|
|
|
192
220
|
],
|
|
193
221
|
"references": []
|
|
194
222
|
},
|
|
195
|
-
{
|
|
196
|
-
"name": "forge-avatar",
|
|
197
|
-
"description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
|
|
198
|
-
"attributes": [
|
|
199
|
-
{
|
|
200
|
-
"name": "text",
|
|
201
|
-
"description": "The text to display in the avatar.",
|
|
202
|
-
"values": []
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"name": "letter-count",
|
|
206
|
-
"description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
|
|
207
|
-
"values": []
|
|
208
|
-
},
|
|
209
|
-
{
|
|
210
|
-
"name": "image-url",
|
|
211
|
-
"description": "The background image URL to use.",
|
|
212
|
-
"values": []
|
|
213
|
-
}
|
|
214
|
-
],
|
|
215
|
-
"references": []
|
|
216
|
-
},
|
|
217
|
-
{
|
|
218
|
-
"name": "forge-badge",
|
|
219
|
-
"description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
|
|
220
|
-
"attributes": [],
|
|
221
|
-
"references": []
|
|
222
|
-
},
|
|
223
223
|
{
|
|
224
224
|
"name": "forge-button",
|
|
225
225
|
"description": "Buttons represent actions that a user can take.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n- **start** - Elements to logically render before the label text.\n- **end** - Elements to logically render after the label text.\n\n### **CSS Properties:**\n - **--forge-button-primary-color** - The primary color of the button. _(default: undefined)_\n- **--forge-button-text-color** - The text color of the button. Inherits from primary color. _(default: undefined)_\n- **--forge-button-disabled-color** - The disabled color of the button. _(default: undefined)_\n- **--forge-button-padding** - The padding of the button. _(default: undefined)_\n- **--forge-button-display** - The display of the button. _(default: undefined)_\n- **--forge-button-justify** - The flex justify of the button. _(default: undefined)_\n- **--forge-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-button-height** - The height of the button. _(default: undefined)_\n- **--forge-button-min-width** - The min-width of the button. _(default: undefined)_\n- **--forge-button-spacing** - The spacing of the button. _(default: undefined)_\n- **--forge-button-border-width** - The border-width of the button. _(default: undefined)_\n- **--forge-button-border-style** - The border style of the button. _(default: undefined)_\n- **--forge-button-border-color** - The border color of the button. _(default: undefined)_\n- **--forge-button-shape-start-start-radius** - The shape start start radius of the button. _(default: undefined)_\n- **--forge-button-shape-start-end-radius** - The shape start end radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-start-radius** - The shape end start radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-end-radius** - The shape end end radius of the button. _(default: undefined)_\n- **--forge-button-padding-block** - The padding block of the button. _(default: undefined)_\n- **--forge-button-padding-inline** - The padding inline of the button. _(default: undefined)_\n- **--forge-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-button-hover-background** - The background color of the button on hover. _(default: undefined)_\n- **--forge-button-active-background** - The background color of the button on active state. _(default: undefined)_\n- **--forge-button-color** - The text color of the button. _(default: undefined)_\n- **--forge-button-icon-size** - The size of the icon in the button. _(default: undefined)_\n- **--forge-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-button-hover-shadow** - The shadow of the button on hover. _(default: undefined)_\n- **--forge-button-active-shadow** - The shadow of the button on active state. _(default: undefined)_\n- **--forge-button-cursor** - The cursor type of the button. _(default: undefined)_\n- **--forge-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-button-text-padding-inline** - The inline padding of the button when using the text variant. _(default: undefined)_\n- **--forge-button-filled-background** - The background color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-background** - The background color of the disabled filled button. _(default: undefined)_\n- **--forge-button-filled-color** - The text color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-color** - The text color of the disabled filled button. _(default: undefined)_\n- **--forge-button-raised-background** - The background color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-background** - The background color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-color** - The text color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-color** - The text color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-shadow** - The shadow of the raised button. _(default: undefined)_\n- **--forge-button-raised-hover-shadow** - The shadow of the raised button on hover. _(default: undefined)_\n- **--forge-button-raised-active-shadow** - The shadow of the raised button on active state. _(default: undefined)_\n- **--forge-button-raised-disabled-shadow** - The shadow of the disabled raised button. _(default: undefined)_\n- **--forge-button-flat-background** - The background color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-background** - The background color of the disabled flat button. _(default: undefined)_\n- **--forge-button-flat-color** - The text color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-color** - The text color of the disabled flat button. _(default: undefined)_\n- **--forge-button-outlined-background** - The background color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-color** - The text color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-width** - The border width of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-style** - The border style of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-color** - The border color of the outlined button. _(default: undefined)_\n- **--forge-button-link-color** - The text color of the link button. _(default: undefined)_\n- **--forge-button-link-text-decoration** - The text decoration of the link button. _(default: undefined)_\n- **--forge-button-link-height** - The height of the link button. _(default: undefined)_\n- **--forge-button-link-padding** - The padding of the link button. _(default: undefined)_\n- **--forge-button-link-line-height** - The line height of the link button. _(default: undefined)_\n- **--forge-button-link-width** - The width of the link button. _(default: undefined)_\n- **--forge-button-link-hover-text-decoration** - The text decoration of the link button on hover. _(default: undefined)_\n- **--forge-button-link-active-opacity** - The opacity of the link button on active state. _(default: undefined)_\n- **--forge-button-link-transition-duration** - The transition duration of the link button. _(default: undefined)_\n- **--forge-button-link-transition-timing** - The transition timing of the link button. _(default: undefined)_\n- **--forge-button-disabled-cursor** - The cursor type of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-text-color** - The text color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-background** - The background color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-border-color** - The border color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-shadow** - The shadow of the disabled button. _(default: undefined)_\n- **--forge-button-dense-height** - The height of the dense button. _(default: undefined)_\n- **--forge-button-pill-shape** - The shape of the pill button. _(default: undefined)_\n- **--forge-button-pill-padding-inline** - The inline padding of the pill button. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
|
|
@@ -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.",
|
|
@@ -1649,7 +1649,7 @@
|
|
|
1649
1649
|
},
|
|
1650
1650
|
{
|
|
1651
1651
|
"name": "distinct",
|
|
1652
|
-
"description": "Enforces that this popover should be the only one open
|
|
1652
|
+
"description": "Enforces that this popover should be the only one open with the same unique value.",
|
|
1653
1653
|
"values": []
|
|
1654
1654
|
},
|
|
1655
1655
|
{
|
|
@@ -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",
|
|
@@ -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.",
|