@tylertech/forge 3.8.0-dev.3 → 3.8.0-dev.4
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 +4203 -3470
- package/dist/app-bar/forge-app-bar.css +20 -11
- package/dist/forge.css +2 -2
- package/dist/lib.js +14 -14
- package/dist/lib.js.map +4 -4
- package/dist/table/forge-table.css +2 -2
- package/dist/vscode.css-custom-data.json +204 -194
- package/dist/vscode.html-custom-data.json +389 -264
- package/esm/app-bar/app-bar/app-bar-constants.d.ts +2 -0
- package/esm/app-bar/app-bar/app-bar-constants.js +2 -1
- package/esm/app-bar/app-bar/app-bar-core.d.ts +5 -1
- package/esm/app-bar/app-bar/app-bar-core.js +10 -0
- package/esm/app-bar/app-bar/app-bar.d.ts +9 -1
- package/esm/app-bar/app-bar/app-bar.js +15 -2
- package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
- package/esm/app-bar/menu-button/app-bar-menu-button.js +1 -1
- package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button.js +13 -10
- package/esm/app-bar/search/app-bar-search.js +1 -1
- package/esm/autocomplete/autocomplete-core.js +5 -0
- package/esm/avatar/avatar.d.ts +4 -4
- package/esm/avatar/avatar.js +5 -6
- package/esm/badge/badge.d.ts +4 -3
- package/esm/badge/badge.js +5 -4
- package/esm/button/button-constants.d.ts +1 -1
- package/esm/button/button.js +1 -1
- package/esm/card/card.d.ts +4 -3
- package/esm/card/card.js +3 -2
- package/esm/core/base/base-lit-element.d.ts +9 -0
- package/esm/core/base/base-lit-element.js +12 -0
- package/esm/core/utils/lit-utils.d.ts +11 -0
- package/esm/core/utils/lit-utils.js +31 -0
- package/esm/dialog/dialog-adapter.d.ts +0 -1
- package/esm/dialog/dialog-adapter.js +4 -39
- package/esm/dialog/dialog-constants.d.ts +6 -2
- package/esm/dialog/dialog-constants.js +4 -4
- package/esm/dialog/dialog-core.d.ts +3 -3
- package/esm/dialog/dialog-core.js +8 -7
- package/esm/dialog/dialog.d.ts +3 -3
- package/esm/dialog/dialog.js +4 -4
- package/esm/icon-button/icon-button-constants.d.ts +1 -1
- package/esm/icon-button/icon-button.js +1 -1
- package/esm/key/key/key.d.ts +3 -2
- package/esm/key/key/key.js +3 -2
- package/esm/key/key-item/key-item.d.ts +3 -2
- package/esm/key/key-item/key-item.js +3 -2
- package/esm/list-dropdown/list-dropdown-aware-core.d.ts +22 -0
- package/esm/list-dropdown/list-dropdown-aware-core.js +30 -0
- package/esm/list-dropdown/list-dropdown-aware.d.ts +35 -0
- package/esm/list-dropdown/list-dropdown-aware.js +35 -16
- package/esm/list-dropdown/list-dropdown-constants.d.ts +22 -3
- package/esm/list-dropdown/list-dropdown-constants.js +9 -1
- package/esm/list-dropdown/list-dropdown-utils.js +6 -0
- package/esm/menu/menu-core.js +2 -0
- package/esm/menu/menu.js +1 -0
- package/esm/meter/meter/meter.d.ts +4 -2
- package/esm/meter/meter/meter.js +4 -2
- package/esm/meter/meter-group/meter-group.d.ts +3 -2
- package/esm/meter/meter-group/meter-group.js +3 -2
- package/esm/overlay/base/overlay-aware.d.ts +4 -4
- package/esm/overlay/base/overlay-aware.js +3 -3
- package/esm/select/core/base-select-core.js +5 -0
- package/esm/select/select/select.d.ts +25 -1
- package/esm/select/select/select.js +26 -1
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/tabs/tab-bar/tab-bar.js +1 -1
- package/package.json +1 -1
- package/sass/app-bar/app-bar/_core.scss +0 -1
- package/sass/app-bar/app-bar/app-bar.scss +57 -23
- package/sass/app-bar/forge-app-bar.scss +41 -11
- package/sass/app-bar/search/app-bar-search.scss +3 -0
- package/sass/button/button.scss +24 -0
- package/sass/core/styles/scrollbar/index.scss +14 -0
- package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss +2 -8
- package/sass/icon-button/icon-button.scss +8 -9
- package/sass/table/_core.scss +1 -1
- package/sass/tabs/tab-bar/tab-bar.scss +24 -0
|
@@ -97,6 +97,31 @@
|
|
|
97
97
|
"name": "wrap-option-text",
|
|
98
98
|
"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.",
|
|
99
99
|
"values": []
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"name": "popover-placement",
|
|
103
|
+
"description": "Gets/sets the placement of the popover.",
|
|
104
|
+
"values": [{ "name": "OverlayPlacement" }]
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "popover-offset",
|
|
108
|
+
"description": "Gets/sets the offset of the popover.",
|
|
109
|
+
"values": [{ "name": "IOverlayOffset" }]
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"name": "popover-flip",
|
|
113
|
+
"description": "Gets/sets the flip state of the popover.",
|
|
114
|
+
"values": [{ "name": "OverlayFlipState" }]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"name": "popover-shift",
|
|
118
|
+
"description": "Gets/sets whether the popover should shift to fit within the viewport.",
|
|
119
|
+
"values": [{ "name": "OverlayShiftState" }]
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"name": "popover-fallback-placements",
|
|
123
|
+
"description": "Gets/sets the fallback placements of the popover.",
|
|
124
|
+
"values": [{ "name": "PositionPlacement[]" }]
|
|
100
125
|
}
|
|
101
126
|
],
|
|
102
127
|
"references": []
|
|
@@ -141,9 +166,25 @@
|
|
|
141
166
|
"references": []
|
|
142
167
|
},
|
|
143
168
|
{
|
|
144
|
-
"name": "forge-
|
|
145
|
-
"description": "
|
|
146
|
-
"attributes": [
|
|
169
|
+
"name": "forge-banner",
|
|
170
|
+
"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)_",
|
|
171
|
+
"attributes": [
|
|
172
|
+
{
|
|
173
|
+
"name": "dismissed",
|
|
174
|
+
"description": "Controls the visibility of the banner.",
|
|
175
|
+
"values": []
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "persistent",
|
|
179
|
+
"description": "Controls the visibility of the built-in dismiss button.",
|
|
180
|
+
"values": []
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "theme",
|
|
184
|
+
"description": "The theme of the banner.",
|
|
185
|
+
"values": [{ "name": "BannerTheme" }]
|
|
186
|
+
}
|
|
187
|
+
],
|
|
147
188
|
"references": []
|
|
148
189
|
},
|
|
149
190
|
{
|
|
@@ -174,25 +215,9 @@
|
|
|
174
215
|
"references": []
|
|
175
216
|
},
|
|
176
217
|
{
|
|
177
|
-
"name": "forge-
|
|
178
|
-
"description": "
|
|
179
|
-
"attributes": [
|
|
180
|
-
{
|
|
181
|
-
"name": "dismissed",
|
|
182
|
-
"description": "Controls the visibility of the banner.",
|
|
183
|
-
"values": []
|
|
184
|
-
},
|
|
185
|
-
{
|
|
186
|
-
"name": "persistent",
|
|
187
|
-
"description": "Controls the visibility of the built-in dismiss button.",
|
|
188
|
-
"values": []
|
|
189
|
-
},
|
|
190
|
-
{
|
|
191
|
-
"name": "theme",
|
|
192
|
-
"description": "The theme of the banner.",
|
|
193
|
-
"values": [{ "name": "BannerTheme" }]
|
|
194
|
-
}
|
|
195
|
-
],
|
|
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": [],
|
|
196
221
|
"references": []
|
|
197
222
|
},
|
|
198
223
|
{
|
|
@@ -1190,33 +1215,6 @@
|
|
|
1190
1215
|
],
|
|
1191
1216
|
"references": []
|
|
1192
1217
|
},
|
|
1193
|
-
{
|
|
1194
|
-
"name": "forge-label",
|
|
1195
|
-
"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.",
|
|
1196
|
-
"attributes": [
|
|
1197
|
-
{
|
|
1198
|
-
"name": "for",
|
|
1199
|
-
"description": "The id of the associated element.",
|
|
1200
|
-
"values": []
|
|
1201
|
-
},
|
|
1202
|
-
{
|
|
1203
|
-
"name": "dynamic",
|
|
1204
|
-
"description": "Propagates changes in the label's text content to the associated element.",
|
|
1205
|
-
"values": []
|
|
1206
|
-
},
|
|
1207
|
-
{
|
|
1208
|
-
"name": "non-interactive",
|
|
1209
|
-
"description": "Removes click handling from the label.",
|
|
1210
|
-
"values": []
|
|
1211
|
-
},
|
|
1212
|
-
{
|
|
1213
|
-
"name": "legend",
|
|
1214
|
-
"description": "Whether or not the label should be associated with an ancestor element.",
|
|
1215
|
-
"values": []
|
|
1216
|
-
}
|
|
1217
|
-
],
|
|
1218
|
-
"references": []
|
|
1219
|
-
},
|
|
1220
1218
|
{
|
|
1221
1219
|
"name": "forge-keyboard-shortcut",
|
|
1222
1220
|
"description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",
|
|
@@ -1269,6 +1267,33 @@
|
|
|
1269
1267
|
],
|
|
1270
1268
|
"references": []
|
|
1271
1269
|
},
|
|
1270
|
+
{
|
|
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
|
+
"attributes": [
|
|
1274
|
+
{
|
|
1275
|
+
"name": "for",
|
|
1276
|
+
"description": "The id of the associated element.",
|
|
1277
|
+
"values": []
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"name": "dynamic",
|
|
1281
|
+
"description": "Propagates changes in the label's text content to the associated element.",
|
|
1282
|
+
"values": []
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
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.",
|
|
1292
|
+
"values": []
|
|
1293
|
+
}
|
|
1294
|
+
],
|
|
1295
|
+
"references": []
|
|
1296
|
+
},
|
|
1272
1297
|
{
|
|
1273
1298
|
"name": "forge-label-value",
|
|
1274
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.",
|
|
@@ -1392,6 +1417,31 @@
|
|
|
1392
1417
|
"name": "wrap-option-text",
|
|
1393
1418
|
"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.",
|
|
1394
1419
|
"values": []
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"name": "popover-placement",
|
|
1423
|
+
"description": "Gets/sets the placement of the popover.",
|
|
1424
|
+
"values": [{ "name": "OverlayPlacement" }]
|
|
1425
|
+
},
|
|
1426
|
+
{
|
|
1427
|
+
"name": "popover-offset",
|
|
1428
|
+
"description": "Gets/sets the offset of the popover.",
|
|
1429
|
+
"values": [{ "name": "IOverlayOffset" }]
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "popover-flip",
|
|
1433
|
+
"description": "Gets/sets the flip state of the popover.",
|
|
1434
|
+
"values": [{ "name": "OverlayFlipState" }]
|
|
1435
|
+
},
|
|
1436
|
+
{
|
|
1437
|
+
"name": "popover-shift",
|
|
1438
|
+
"description": "Gets/sets whether the popover should shift to fit within the viewport.",
|
|
1439
|
+
"values": [{ "name": "OverlayShiftState" }]
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "popover-fallback-placements",
|
|
1443
|
+
"description": "Gets/sets the fallback placements of the popover.",
|
|
1444
|
+
"values": [{ "name": "PositionPlacement[]" }]
|
|
1395
1445
|
}
|
|
1396
1446
|
],
|
|
1397
1447
|
"references": []
|
|
@@ -1635,7 +1685,7 @@
|
|
|
1635
1685
|
{
|
|
1636
1686
|
"name": "shift",
|
|
1637
1687
|
"description": "Whether the overlay should shift to fit within the viewport.",
|
|
1638
|
-
"values": []
|
|
1688
|
+
"values": [{ "name": "OverlayShiftState" }]
|
|
1639
1689
|
},
|
|
1640
1690
|
{
|
|
1641
1691
|
"name": "hide",
|
|
@@ -1933,6 +1983,23 @@
|
|
|
1933
1983
|
],
|
|
1934
1984
|
"references": []
|
|
1935
1985
|
},
|
|
1986
|
+
{
|
|
1987
|
+
"name": "forge-state-layer",
|
|
1988
|
+
"description": "State layers show the interaction status of an element.\n---\n\n\n### **Methods:**\n - **playAnimation(coords: _StateLayerCoords_): _void_** - Triggers the animation to run.\n\nNote: If coordinates are not provided, the transition will originate from the center of the target element.\n\n### **CSS Properties:**\n - **--forge-state-layer-color** - The color of the state layer. Defaults to the on-surface theme. _(default: undefined)_\n- **--forge-state-layer-hover-color** - The color of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-hover-opacity** - The opacity of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-pressed-color** - The color of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-pressed-opacity** - The opacity of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-hover-duration** - The duration of the hover animation. _(default: undefined)_\n- **--forge-state-layer-animation-duration** - The duration of the animation. _(default: undefined)_\n- **--forge-state-layer-pressed-duration** - The duration of the pressed animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface element.",
|
|
1989
|
+
"attributes": [
|
|
1990
|
+
{
|
|
1991
|
+
"name": "target",
|
|
1992
|
+
"description": "The id of the element to attach the state layer to.",
|
|
1993
|
+
"values": []
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"name": "disabled",
|
|
1997
|
+
"description": "Controls whether the state layer is disabled.",
|
|
1998
|
+
"values": []
|
|
1999
|
+
}
|
|
2000
|
+
],
|
|
2001
|
+
"references": []
|
|
2002
|
+
},
|
|
1936
2003
|
{
|
|
1937
2004
|
"name": "forge-switch",
|
|
1938
2005
|
"description": "Switches toggle the state of a single setting on or off.\n---\n\n\n### **Events:**\n - **change** - Dispatches when the switch's value changes.\n- **forge-switch-change** - Dispatches when the switch's value changes.\n\n### **Methods:**\n - **toggle(force: _boolean_): _void_** - Toggles the switch on or off.\n\n### **CSS Properties:**\n - **--forge-theme-primary** - The primary color of the switch. _(default: undefined)_\n- **--forge-theme-on-primary** - The color of elements placed on top of the primary color (the handle icons for example). _(default: undefined)_\n- **--forge-switch-handle-on-color** - The color of the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-color** - The color of the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-on-color** - The color of the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-color** - The color of the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-size** - The inline and block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-width** - The inline size of the handle. _(default: undefined)_\n- **--forge-switch-handle-height** - The block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-scale** - The scale transformation applied to the handle. _(default: undefined)_\n- **--forge-switch-handle-on-scale** - The scale transformation applied to the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-scale** - The scale transformation applied to the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-scale** - The scale transformation applied to the handle when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-shape** - The shape of the handle. _(default: undefined)_\n- **--forge-switch-handle-elevation** - The handle's shadow. _(default: undefined)_\n- **--forge-switch-handle-on-elevation** - The handle's shadow in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-elevation** - The handle's shadow in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-elevation** - The handle's shadow when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-elevation** - The handle's shadow when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-elevation** - The handle's shadow when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-on-color** - The color of the track in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-color** - The color fo the track in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-color** - The color of the track when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-color** - The color fo the track when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-width** - The inline size of the track. _(default: undefined)_\n- **--forge-switch-track-height** - The block size of the track. _(default: undefined)_\n- **--forge-switch-track-shape** - The shape of the track. _(default: undefined)_\n- **--forge-switch-track-border-width** - The width of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-width** - The width of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-width** - The width of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-width** - The width of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-width** - The width of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-border-color** - The color of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-color** - The color of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-color** - The color of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-color** - The color of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-color** - The color of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-color** - The color of the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-color** - The color of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-color** - The color of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-color** - The color of the handle icon when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-color** - The color of the handle icon when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-size** - The size of the handle icon. _(default: undefined)_\n- **--forge-switch-icon-on-size** - The size of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-size** - The size of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-scale** - The scale transformation applied to the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-scale** - The scale transformation applied to the handle icons in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-scale** - The scale transformation applied to the handle icons in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-gap** - The space between the switch and label. _(default: undefined)_\n- **--forge-switch-justify** - How the switch and label are distributed along their main axis. _(default: undefined)_\n- **--forge-switch-align** - How the switch and label are distributed along their cross axis. _(default: undefined)_\n- **--forge-switch-direction** - Whether the switch and label are arranged along the inline or block axis. _(default: undefined)_\n- **--forge-switch-state-layer-size** - The inline and block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-width** - The inline size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-height** - The block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-on-color** - The color of the handle's state layer when the switch is in its on state. _(default: undefined)_\n- **--forge-switch-state-layer-off-color** - The color of the handle's state layer when the switch is in its off state. _(default: undefined)_\n- **--forge-switch-state-layer-dense-size** - The inline and block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-width** - The inline size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-height** - The block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-disabled-opacity** - The opacity of the switch when disabled. _(default: undefined)_\n- **--forge-switch-animation-duration** - The duration of animations. _(default: undefined)_\n- **--forge-switch-animation-timing** - The timing function used in most animations. _(default: undefined)_\n- **--forge-switch-active-animation-timing** - The timing function used in active state animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **switch** - Styles the switch container element.\n- **track** - Styles the track element.\n- **handle** - Styles the handle element.\n- **icon-on** - Styles the on icon element.\n- **icon-off** - Styles the off icon element.\n- **label** - Styles the label element.\n- **state-layer** - Styles the state layer root element.\n- **focus-indicator** - Styles the focus indicator root element.",
|
|
@@ -2001,18 +2068,88 @@
|
|
|
2001
2068
|
"references": []
|
|
2002
2069
|
},
|
|
2003
2070
|
{
|
|
2004
|
-
"name": "forge-
|
|
2005
|
-
"description": "
|
|
2071
|
+
"name": "forge-table",
|
|
2072
|
+
"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.",
|
|
2006
2073
|
"attributes": [
|
|
2007
2074
|
{
|
|
2008
|
-
"name": "
|
|
2009
|
-
"description": "
|
|
2075
|
+
"name": "select",
|
|
2076
|
+
"description": "Controls the visibility of the select column.",
|
|
2010
2077
|
"values": []
|
|
2011
2078
|
},
|
|
2012
2079
|
{
|
|
2013
|
-
"name": "
|
|
2014
|
-
"description": "Controls
|
|
2080
|
+
"name": "multiselect",
|
|
2081
|
+
"description": "Controls the visibility of the select all checkbox (only applied when `select` is `true`).",
|
|
2082
|
+
"values": []
|
|
2083
|
+
},
|
|
2084
|
+
{
|
|
2085
|
+
"name": "select-key",
|
|
2086
|
+
"description": "The row key for matching data to selections.",
|
|
2087
|
+
"values": [{ "name": "string[]" }]
|
|
2088
|
+
},
|
|
2089
|
+
{
|
|
2090
|
+
"name": "tooltip-select",
|
|
2091
|
+
"description": "The tooltip to display when hovering over the select column.",
|
|
2092
|
+
"values": [{ "name": "TableSelectTooltipCallback" }]
|
|
2093
|
+
},
|
|
2094
|
+
{
|
|
2095
|
+
"name": "tooltip-select-all",
|
|
2096
|
+
"description": "The tooltip to display when hovering over the select all checkbox.",
|
|
2097
|
+
"values": []
|
|
2098
|
+
},
|
|
2099
|
+
{
|
|
2100
|
+
"name": "dense",
|
|
2101
|
+
"description": "Controls whether the table is dense or not.",
|
|
2102
|
+
"values": []
|
|
2103
|
+
},
|
|
2104
|
+
{
|
|
2105
|
+
"name": "roomy",
|
|
2106
|
+
"description": "Controls whether the table is roomy or not.",
|
|
2107
|
+
"values": []
|
|
2108
|
+
},
|
|
2109
|
+
{
|
|
2110
|
+
"name": "filter",
|
|
2111
|
+
"description": "Controls whether the table shows its column filter row.",
|
|
2112
|
+
"values": []
|
|
2113
|
+
},
|
|
2114
|
+
{
|
|
2115
|
+
"name": "fixed-headers",
|
|
2116
|
+
"description": "Controls whether the table applies fixed headers when in scroll containers.",
|
|
2117
|
+
"values": []
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"name": "layout-type",
|
|
2121
|
+
"description": "Controls the table layout algorithm.",
|
|
2122
|
+
"values": [{ "name": "TableLayoutType" }]
|
|
2123
|
+
},
|
|
2124
|
+
{
|
|
2125
|
+
"name": "wrap-content",
|
|
2126
|
+
"description": "Controls whether the content in each cell wraps or not (true by default).",
|
|
2127
|
+
"values": []
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"name": "resizable",
|
|
2131
|
+
"description": "Controls whether the columns are resizable or not.",
|
|
2132
|
+
"values": []
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"name": "min-resize-width",
|
|
2136
|
+
"description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
|
|
2137
|
+
"values": []
|
|
2138
|
+
},
|
|
2139
|
+
{
|
|
2140
|
+
"name": "allow-row-click",
|
|
2141
|
+
"description": "Gets/sets whether the rows respond to (and emit) row click events.",
|
|
2142
|
+
"values": []
|
|
2143
|
+
},
|
|
2144
|
+
{
|
|
2145
|
+
"name": "multi-column-sort",
|
|
2146
|
+
"description": "Gets/sets whether the table supports multi-column sorting.",
|
|
2015
2147
|
"values": []
|
|
2148
|
+
},
|
|
2149
|
+
{
|
|
2150
|
+
"name": "select-checkbox-alignment",
|
|
2151
|
+
"description": "Controls the alignment of the select checkbox.",
|
|
2152
|
+
"values": [{ "name": "`${CellAlign}`" }]
|
|
2016
2153
|
}
|
|
2017
2154
|
],
|
|
2018
2155
|
"references": []
|
|
@@ -2105,114 +2242,27 @@
|
|
|
2105
2242
|
"references": []
|
|
2106
2243
|
},
|
|
2107
2244
|
{
|
|
2108
|
-
"name": "forge-
|
|
2109
|
-
"description": "\n---\n
|
|
2245
|
+
"name": "forge-time-picker",
|
|
2246
|
+
"description": "\n---\n",
|
|
2110
2247
|
"attributes": [
|
|
2111
2248
|
{
|
|
2112
|
-
"name": "
|
|
2113
|
-
"description": "
|
|
2249
|
+
"name": "value",
|
|
2250
|
+
"description": "The current value of the time picker.",
|
|
2114
2251
|
"values": []
|
|
2115
2252
|
},
|
|
2116
2253
|
{
|
|
2117
|
-
"name": "
|
|
2118
|
-
"description": "
|
|
2254
|
+
"name": "open",
|
|
2255
|
+
"description": "Whether or not the time picker is open.",
|
|
2119
2256
|
"values": []
|
|
2120
2257
|
},
|
|
2121
2258
|
{
|
|
2122
|
-
"name": "
|
|
2123
|
-
"description": "
|
|
2124
|
-
"values": [
|
|
2125
|
-
},
|
|
2126
|
-
{
|
|
2127
|
-
"name": "tooltip-select",
|
|
2128
|
-
"description": "The tooltip to display when hovering over the select column.",
|
|
2129
|
-
"values": [{ "name": "TableSelectTooltipCallback" }]
|
|
2259
|
+
"name": "allow-seconds",
|
|
2260
|
+
"description": "Whether or not to allow seconds in the time picker.",
|
|
2261
|
+
"values": []
|
|
2130
2262
|
},
|
|
2131
2263
|
{
|
|
2132
|
-
"name": "
|
|
2133
|
-
"description": "
|
|
2134
|
-
"values": []
|
|
2135
|
-
},
|
|
2136
|
-
{
|
|
2137
|
-
"name": "dense",
|
|
2138
|
-
"description": "Controls whether the table is dense or not.",
|
|
2139
|
-
"values": []
|
|
2140
|
-
},
|
|
2141
|
-
{
|
|
2142
|
-
"name": "roomy",
|
|
2143
|
-
"description": "Controls whether the table is roomy or not.",
|
|
2144
|
-
"values": []
|
|
2145
|
-
},
|
|
2146
|
-
{
|
|
2147
|
-
"name": "filter",
|
|
2148
|
-
"description": "Controls whether the table shows its column filter row.",
|
|
2149
|
-
"values": []
|
|
2150
|
-
},
|
|
2151
|
-
{
|
|
2152
|
-
"name": "fixed-headers",
|
|
2153
|
-
"description": "Controls whether the table applies fixed headers when in scroll containers.",
|
|
2154
|
-
"values": []
|
|
2155
|
-
},
|
|
2156
|
-
{
|
|
2157
|
-
"name": "layout-type",
|
|
2158
|
-
"description": "Controls the table layout algorithm.",
|
|
2159
|
-
"values": [{ "name": "TableLayoutType" }]
|
|
2160
|
-
},
|
|
2161
|
-
{
|
|
2162
|
-
"name": "wrap-content",
|
|
2163
|
-
"description": "Controls whether the content in each cell wraps or not (true by default).",
|
|
2164
|
-
"values": []
|
|
2165
|
-
},
|
|
2166
|
-
{
|
|
2167
|
-
"name": "resizable",
|
|
2168
|
-
"description": "Controls whether the columns are resizable or not.",
|
|
2169
|
-
"values": []
|
|
2170
|
-
},
|
|
2171
|
-
{
|
|
2172
|
-
"name": "min-resize-width",
|
|
2173
|
-
"description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
|
|
2174
|
-
"values": []
|
|
2175
|
-
},
|
|
2176
|
-
{
|
|
2177
|
-
"name": "allow-row-click",
|
|
2178
|
-
"description": "Gets/sets whether the rows respond to (and emit) row click events.",
|
|
2179
|
-
"values": []
|
|
2180
|
-
},
|
|
2181
|
-
{
|
|
2182
|
-
"name": "multi-column-sort",
|
|
2183
|
-
"description": "Gets/sets whether the table supports multi-column sorting.",
|
|
2184
|
-
"values": []
|
|
2185
|
-
},
|
|
2186
|
-
{
|
|
2187
|
-
"name": "select-checkbox-alignment",
|
|
2188
|
-
"description": "Controls the alignment of the select checkbox.",
|
|
2189
|
-
"values": [{ "name": "`${CellAlign}`" }]
|
|
2190
|
-
}
|
|
2191
|
-
],
|
|
2192
|
-
"references": []
|
|
2193
|
-
},
|
|
2194
|
-
{
|
|
2195
|
-
"name": "forge-time-picker",
|
|
2196
|
-
"description": "\n---\n",
|
|
2197
|
-
"attributes": [
|
|
2198
|
-
{
|
|
2199
|
-
"name": "value",
|
|
2200
|
-
"description": "The current value of the time picker.",
|
|
2201
|
-
"values": []
|
|
2202
|
-
},
|
|
2203
|
-
{
|
|
2204
|
-
"name": "open",
|
|
2205
|
-
"description": "Whether or not the time picker is open.",
|
|
2206
|
-
"values": []
|
|
2207
|
-
},
|
|
2208
|
-
{
|
|
2209
|
-
"name": "allow-seconds",
|
|
2210
|
-
"description": "Whether or not to allow seconds in the time picker.",
|
|
2211
|
-
"values": []
|
|
2212
|
-
},
|
|
2213
|
-
{
|
|
2214
|
-
"name": "masked",
|
|
2215
|
-
"description": "Whether or not the time picker input should be masked.",
|
|
2264
|
+
"name": "masked",
|
|
2265
|
+
"description": "Whether or not the time picker input should be masked.",
|
|
2216
2266
|
"values": []
|
|
2217
2267
|
},
|
|
2218
2268
|
{
|
|
@@ -2473,31 +2523,9 @@
|
|
|
2473
2523
|
],
|
|
2474
2524
|
"references": []
|
|
2475
2525
|
},
|
|
2476
|
-
{
|
|
2477
|
-
"name": "forge-app-bar-help-button",
|
|
2478
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
|
|
2479
|
-
"attributes": [
|
|
2480
|
-
{
|
|
2481
|
-
"name": "icon",
|
|
2482
|
-
"description": "The name of an alternative icon to display.",
|
|
2483
|
-
"values": []
|
|
2484
|
-
},
|
|
2485
|
-
{
|
|
2486
|
-
"name": "aria-label",
|
|
2487
|
-
"description": "The aria-label to apply to the button.",
|
|
2488
|
-
"values": []
|
|
2489
|
-
},
|
|
2490
|
-
{
|
|
2491
|
-
"name": "aria-labelledby",
|
|
2492
|
-
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
2493
|
-
"values": []
|
|
2494
|
-
}
|
|
2495
|
-
],
|
|
2496
|
-
"references": []
|
|
2497
|
-
},
|
|
2498
2526
|
{
|
|
2499
2527
|
"name": "forge-app-bar",
|
|
2500
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
|
|
2528
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
|
|
2501
2529
|
"attributes": [
|
|
2502
2530
|
{
|
|
2503
2531
|
"name": "title-text",
|
|
@@ -2523,6 +2551,33 @@
|
|
|
2523
2551
|
"name": "target",
|
|
2524
2552
|
"description": "The `<a>` target of the logo + title area link when `href` is set.",
|
|
2525
2553
|
"values": []
|
|
2554
|
+
},
|
|
2555
|
+
{
|
|
2556
|
+
"name": "theme-mode",
|
|
2557
|
+
"description": "Controls how the theme is applied. `inherit` will apply the global theme to the app bar and all child components. `scoped` will only apply the theme to the app bar and not set any global tokens.",
|
|
2558
|
+
"values": []
|
|
2559
|
+
}
|
|
2560
|
+
],
|
|
2561
|
+
"references": []
|
|
2562
|
+
},
|
|
2563
|
+
{
|
|
2564
|
+
"name": "forge-app-bar-help-button",
|
|
2565
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
|
|
2566
|
+
"attributes": [
|
|
2567
|
+
{
|
|
2568
|
+
"name": "icon",
|
|
2569
|
+
"description": "The name of an alternative icon to display.",
|
|
2570
|
+
"values": []
|
|
2571
|
+
},
|
|
2572
|
+
{
|
|
2573
|
+
"name": "aria-label",
|
|
2574
|
+
"description": "The aria-label to apply to the button.",
|
|
2575
|
+
"values": []
|
|
2576
|
+
},
|
|
2577
|
+
{
|
|
2578
|
+
"name": "aria-labelledby",
|
|
2579
|
+
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
2580
|
+
"values": []
|
|
2526
2581
|
}
|
|
2527
2582
|
],
|
|
2528
2583
|
"references": []
|
|
@@ -2857,26 +2912,21 @@
|
|
|
2857
2912
|
"references": []
|
|
2858
2913
|
},
|
|
2859
2914
|
{
|
|
2860
|
-
"name": "forge-deprecated-button",
|
|
2861
|
-
"description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
|
|
2915
|
+
"name": "forge-deprecated-icon-button",
|
|
2916
|
+
"description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
|
|
2862
2917
|
"attributes": [],
|
|
2863
2918
|
"references": []
|
|
2864
2919
|
},
|
|
2865
2920
|
{
|
|
2866
|
-
"name": "forge-deprecated-
|
|
2867
|
-
"description": "@deprecated Use the `<forge-
|
|
2921
|
+
"name": "forge-deprecated-button",
|
|
2922
|
+
"description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
|
|
2868
2923
|
"attributes": [],
|
|
2869
2924
|
"references": []
|
|
2870
2925
|
},
|
|
2871
2926
|
{
|
|
2872
|
-
"name": "forge-
|
|
2873
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-
|
|
2927
|
+
"name": "forge-drawer",
|
|
2928
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **content** - The content container element.",
|
|
2874
2929
|
"attributes": [
|
|
2875
|
-
{
|
|
2876
|
-
"name": "hover",
|
|
2877
|
-
"description": "The drawer will expand open when hovered.",
|
|
2878
|
-
"values": []
|
|
2879
|
-
},
|
|
2880
2930
|
{
|
|
2881
2931
|
"name": "open",
|
|
2882
2932
|
"description": "Toggles whether the drawer is visible or not.",
|
|
@@ -2891,9 +2941,14 @@
|
|
|
2891
2941
|
"references": []
|
|
2892
2942
|
},
|
|
2893
2943
|
{
|
|
2894
|
-
"name": "forge-drawer",
|
|
2895
|
-
"description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **content** - The content container element.",
|
|
2944
|
+
"name": "forge-mini-drawer",
|
|
2945
|
+
"description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-mini-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-min-width** - The minimum width of the drawer. Defaults to match the width. _(default: undefined)_\n- **--forge-mini-drawer-hover-width** - The width of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-delay** - The delay before the drawer closes when the mouse leaves the drawer. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-duration** - The transition duration of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-easing** - The transition timing function of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-delay** - The delay before the drawer closes when the mouse leaves the drawer when hovered. _(default: undefined)_\n- **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **container** - The container element around the content.\n- **content** - The content container element.",
|
|
2896
2946
|
"attributes": [
|
|
2947
|
+
{
|
|
2948
|
+
"name": "hover",
|
|
2949
|
+
"description": "The drawer will expand open when hovered.",
|
|
2950
|
+
"values": []
|
|
2951
|
+
},
|
|
2897
2952
|
{
|
|
2898
2953
|
"name": "open",
|
|
2899
2954
|
"description": "Toggles whether the drawer is visible or not.",
|
|
@@ -2989,6 +3044,63 @@
|
|
|
2989
3044
|
],
|
|
2990
3045
|
"references": []
|
|
2991
3046
|
},
|
|
3047
|
+
{
|
|
3048
|
+
"name": "forge-list-item",
|
|
3049
|
+
"description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
|
|
3050
|
+
"attributes": [
|
|
3051
|
+
{
|
|
3052
|
+
"name": "selected",
|
|
3053
|
+
"description": "Applies the selected state to the list item.",
|
|
3054
|
+
"values": []
|
|
3055
|
+
},
|
|
3056
|
+
{
|
|
3057
|
+
"name": "active",
|
|
3058
|
+
"description": "Applies the active state to the list item by emulating its focused state.",
|
|
3059
|
+
"values": []
|
|
3060
|
+
},
|
|
3061
|
+
{
|
|
3062
|
+
"name": "value",
|
|
3063
|
+
"description": "The unique value of the list item.",
|
|
3064
|
+
"values": []
|
|
3065
|
+
},
|
|
3066
|
+
{
|
|
3067
|
+
"name": "dense",
|
|
3068
|
+
"description": "Applies the dense state to the list item.",
|
|
3069
|
+
"values": []
|
|
3070
|
+
},
|
|
3071
|
+
{
|
|
3072
|
+
"name": "indented",
|
|
3073
|
+
"description": "Applies the indented state by adding margin to the start of the list item.",
|
|
3074
|
+
"values": []
|
|
3075
|
+
},
|
|
3076
|
+
{
|
|
3077
|
+
"name": "two-line",
|
|
3078
|
+
"description": "Sets the list item height to support at least two lines of text.",
|
|
3079
|
+
"values": []
|
|
3080
|
+
},
|
|
3081
|
+
{
|
|
3082
|
+
"name": "three-line",
|
|
3083
|
+
"description": "Sets the list item height to support at least three lines of text.",
|
|
3084
|
+
"values": []
|
|
3085
|
+
},
|
|
3086
|
+
{
|
|
3087
|
+
"name": "wrap",
|
|
3088
|
+
"description": "Sets the list item to wrap its text content.",
|
|
3089
|
+
"values": []
|
|
3090
|
+
},
|
|
3091
|
+
{
|
|
3092
|
+
"name": "noninteractive",
|
|
3093
|
+
"description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
|
|
3094
|
+
"values": []
|
|
3095
|
+
},
|
|
3096
|
+
{
|
|
3097
|
+
"name": "focus-propagation",
|
|
3098
|
+
"description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
|
|
3099
|
+
"values": []
|
|
3100
|
+
}
|
|
3101
|
+
],
|
|
3102
|
+
"references": []
|
|
3103
|
+
},
|
|
2992
3104
|
{
|
|
2993
3105
|
"name": "forge-meter",
|
|
2994
3106
|
"description": "Meters display a scalar value within a defined range.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the meter's label.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-background** - The background color of the meter. _(default: undefined)_\n- **--forge-meter-color** - The color of the meter's bar. _(default: undefined)_\n- **--forge-meter-height** - The block size of the meter. _(default: undefined)_\n- **--forge-meter-shape** - The border radius of the meter. _(default: undefined)_\n- **--forge-meter-bar-inner-shape** - The border radius of the meter's bar. _(default: undefined)_\n- **--forge-meter-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n- **--forge-meter-transition-duration** - The duration of transitions. _(default: undefined)_\n- **--forge-meter-transition-timing** - The timing function of transitions. _(default: undefined)_\n- **--forge-theme-success** - The color of the bar when the value is optimal. _(default: undefined)_\n- **--forge-theme-success-container-low** - The color of the track when the value is optimal. _(default: undefined)_\n- **--forge-theme-warning** - The color of the bar when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-warning-container-low** - The color of the track when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-error** - The color of the bar when the value is least optimal. _(default: undefined)_\n- **--forge-theme-error-container-low** - The color of the track when the value is least optimal. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter's background.\n- **bar** - The bar representing the value.",
|
|
@@ -3071,63 +3183,6 @@
|
|
|
3071
3183
|
],
|
|
3072
3184
|
"references": []
|
|
3073
3185
|
},
|
|
3074
|
-
{
|
|
3075
|
-
"name": "forge-list-item",
|
|
3076
|
-
"description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
|
|
3077
|
-
"attributes": [
|
|
3078
|
-
{
|
|
3079
|
-
"name": "selected",
|
|
3080
|
-
"description": "Applies the selected state to the list item.",
|
|
3081
|
-
"values": []
|
|
3082
|
-
},
|
|
3083
|
-
{
|
|
3084
|
-
"name": "active",
|
|
3085
|
-
"description": "Applies the active state to the list item by emulating its focused state.",
|
|
3086
|
-
"values": []
|
|
3087
|
-
},
|
|
3088
|
-
{
|
|
3089
|
-
"name": "value",
|
|
3090
|
-
"description": "The unique value of the list item.",
|
|
3091
|
-
"values": []
|
|
3092
|
-
},
|
|
3093
|
-
{
|
|
3094
|
-
"name": "dense",
|
|
3095
|
-
"description": "Applies the dense state to the list item.",
|
|
3096
|
-
"values": []
|
|
3097
|
-
},
|
|
3098
|
-
{
|
|
3099
|
-
"name": "indented",
|
|
3100
|
-
"description": "Applies the indented state by adding margin to the start of the list item.",
|
|
3101
|
-
"values": []
|
|
3102
|
-
},
|
|
3103
|
-
{
|
|
3104
|
-
"name": "two-line",
|
|
3105
|
-
"description": "Sets the list item height to support at least two lines of text.",
|
|
3106
|
-
"values": []
|
|
3107
|
-
},
|
|
3108
|
-
{
|
|
3109
|
-
"name": "three-line",
|
|
3110
|
-
"description": "Sets the list item height to support at least three lines of text.",
|
|
3111
|
-
"values": []
|
|
3112
|
-
},
|
|
3113
|
-
{
|
|
3114
|
-
"name": "wrap",
|
|
3115
|
-
"description": "Sets the list item to wrap its text content.",
|
|
3116
|
-
"values": []
|
|
3117
|
-
},
|
|
3118
|
-
{
|
|
3119
|
-
"name": "noninteractive",
|
|
3120
|
-
"description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
|
|
3121
|
-
"values": []
|
|
3122
|
-
},
|
|
3123
|
-
{
|
|
3124
|
-
"name": "focus-propagation",
|
|
3125
|
-
"description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
|
|
3126
|
-
"values": []
|
|
3127
|
-
}
|
|
3128
|
-
],
|
|
3129
|
-
"references": []
|
|
3130
|
-
},
|
|
3131
3186
|
{
|
|
3132
3187
|
"name": "forge-meter-group",
|
|
3133
3188
|
"description": "Meter groups display several meters together on one track.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for grouped `<forge-meter>` elements.\n- **label** - Positions a label above the meter group.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-group-background** - The background color of the meter group. _(default: undefined)_\n- **--forge-meter-group-height** - The block size of the meter group. _(default: undefined)_\n- **--forge-meter-group-shape** - The border radius of the meter group. _(default: undefined)_\n- **--forge-meter-group-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-group-tickmark-color** - The color of the tickmarks. _(default: undefined)_\n- **--forge-meter-group-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter group's background.",
|
|
@@ -3229,6 +3284,23 @@
|
|
|
3229
3284
|
],
|
|
3230
3285
|
"references": []
|
|
3231
3286
|
},
|
|
3287
|
+
{
|
|
3288
|
+
"name": "forge-option-group",
|
|
3289
|
+
"description": "\n---\n",
|
|
3290
|
+
"attributes": [
|
|
3291
|
+
{
|
|
3292
|
+
"name": "value",
|
|
3293
|
+
"description": "Gets/sets the optional group value.",
|
|
3294
|
+
"values": []
|
|
3295
|
+
},
|
|
3296
|
+
{
|
|
3297
|
+
"name": "text",
|
|
3298
|
+
"description": "The text content for the group.",
|
|
3299
|
+
"values": []
|
|
3300
|
+
}
|
|
3301
|
+
],
|
|
3302
|
+
"references": []
|
|
3303
|
+
},
|
|
3232
3304
|
{
|
|
3233
3305
|
"name": "forge-option",
|
|
3234
3306
|
"description": "\n---\n",
|
|
@@ -3296,23 +3368,6 @@
|
|
|
3296
3368
|
],
|
|
3297
3369
|
"references": []
|
|
3298
3370
|
},
|
|
3299
|
-
{
|
|
3300
|
-
"name": "forge-option-group",
|
|
3301
|
-
"description": "\n---\n",
|
|
3302
|
-
"attributes": [
|
|
3303
|
-
{
|
|
3304
|
-
"name": "value",
|
|
3305
|
-
"description": "Gets/sets the optional group value.",
|
|
3306
|
-
"values": []
|
|
3307
|
-
},
|
|
3308
|
-
{
|
|
3309
|
-
"name": "text",
|
|
3310
|
-
"description": "The text content for the group.",
|
|
3311
|
-
"values": []
|
|
3312
|
-
}
|
|
3313
|
-
],
|
|
3314
|
-
"references": []
|
|
3315
|
-
},
|
|
3316
3371
|
{
|
|
3317
3372
|
"name": "forge-select",
|
|
3318
3373
|
"description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
|
|
@@ -3347,6 +3402,51 @@
|
|
|
3347
3402
|
"description": "Gets/sets the open state.",
|
|
3348
3403
|
"values": []
|
|
3349
3404
|
},
|
|
3405
|
+
{
|
|
3406
|
+
"name": "sync-popup-width",
|
|
3407
|
+
"description": "Gets/sets whether the popup width is synchronized with the popup target width.",
|
|
3408
|
+
"values": []
|
|
3409
|
+
},
|
|
3410
|
+
{
|
|
3411
|
+
"name": "option-limit",
|
|
3412
|
+
"description": "Gets/sets the maximum number of options to display in the dropdown.",
|
|
3413
|
+
"values": []
|
|
3414
|
+
},
|
|
3415
|
+
{
|
|
3416
|
+
"name": "observe-scroll",
|
|
3417
|
+
"description": "Controls the observation of scroll events on the dropdown.",
|
|
3418
|
+
"values": []
|
|
3419
|
+
},
|
|
3420
|
+
{
|
|
3421
|
+
"name": "observe-scroll-threshold",
|
|
3422
|
+
"description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
|
|
3423
|
+
"values": []
|
|
3424
|
+
},
|
|
3425
|
+
{
|
|
3426
|
+
"name": "wrap-option-text",
|
|
3427
|
+
"description": "Gets/sets whether the options will wrap their text or not. This only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
|
|
3428
|
+
"values": []
|
|
3429
|
+
},
|
|
3430
|
+
{
|
|
3431
|
+
"name": "popover-placement",
|
|
3432
|
+
"description": "Gets/sets the placement of the popover.",
|
|
3433
|
+
"values": [{ "name": "OverlayPlacement" }]
|
|
3434
|
+
},
|
|
3435
|
+
{
|
|
3436
|
+
"name": "popover-offset",
|
|
3437
|
+
"description": "Gets/sets the offset of the popover.",
|
|
3438
|
+
"values": [{ "name": "IOverlayOffset" }]
|
|
3439
|
+
},
|
|
3440
|
+
{
|
|
3441
|
+
"name": "popover-flip",
|
|
3442
|
+
"description": "Gets/sets the flip state of the popover.",
|
|
3443
|
+
"values": [{ "name": "OverlayFlipState" }]
|
|
3444
|
+
},
|
|
3445
|
+
{
|
|
3446
|
+
"name": "popover-shift",
|
|
3447
|
+
"description": "Gets/sets whether the popover should shift to fit within the viewport.",
|
|
3448
|
+
"values": [{ "name": "OverlayShiftState" }]
|
|
3449
|
+
},
|
|
3350
3450
|
{
|
|
3351
3451
|
"name": "label-position",
|
|
3352
3452
|
"description": "The position of the label.",
|
|
@@ -3478,6 +3578,31 @@
|
|
|
3478
3578
|
"name": "wrap-option-text",
|
|
3479
3579
|
"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.",
|
|
3480
3580
|
"values": []
|
|
3581
|
+
},
|
|
3582
|
+
{
|
|
3583
|
+
"name": "popover-placement",
|
|
3584
|
+
"description": "Gets/sets the placement of the popover.",
|
|
3585
|
+
"values": [{ "name": "OverlayPlacement" }]
|
|
3586
|
+
},
|
|
3587
|
+
{
|
|
3588
|
+
"name": "popover-offset",
|
|
3589
|
+
"description": "Gets/sets the offset of the popover.",
|
|
3590
|
+
"values": [{ "name": "IOverlayOffset" }]
|
|
3591
|
+
},
|
|
3592
|
+
{
|
|
3593
|
+
"name": "popover-flip",
|
|
3594
|
+
"description": "Gets/sets the flip state of the popover.",
|
|
3595
|
+
"values": [{ "name": "OverlayFlipState" }]
|
|
3596
|
+
},
|
|
3597
|
+
{
|
|
3598
|
+
"name": "popover-shift",
|
|
3599
|
+
"description": "Gets/sets whether the popover should shift to fit within the viewport.",
|
|
3600
|
+
"values": [{ "name": "OverlayShiftState" }]
|
|
3601
|
+
},
|
|
3602
|
+
{
|
|
3603
|
+
"name": "popover-fallback-placements",
|
|
3604
|
+
"description": "Gets/sets the fallback placements of the popover.",
|
|
3605
|
+
"values": [{ "name": "PositionPlacement[]" }]
|
|
3481
3606
|
}
|
|
3482
3607
|
],
|
|
3483
3608
|
"references": []
|