DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-01-09 07:21:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update typescript to 5.6.2

Browse Source
This commit is contained in:
Liz Mitchell 2024-11-04 10:13:50 -08:00
parent 1bdcbd38ab
commit 9b498fed6a
9 changed files with 516 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -8,6 +8,7 @@ node_modules
*.d.ts
!types/*.d.ts
.wireit/
*.tsbuildinfo
!catalog/**/*.css
catalog/_dev
@ -22,7 +23,6 @@ catalog/site/theming/*.md
catalog/site/theming/images
catalog/site/about/*.md
catalog/site/about/images
catalog/*.tsbuildinfo
catalog/stories/*/
!catalog/stories/components/
!catalog/src/types/**/*.d.ts

7
docs/components/button.md
View File

@ -725,6 +725,7 @@ Token | Default value
## API
### MdElevatedButton <code>&lt;md-elevated-button&gt;</code>
#### Properties
@ -734,7 +735,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether the button is "soft-disabled" (disabled but still focusable). |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).<br>Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `href` | `href` | `string` | `''` | The URL that the link button points to. |
| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. |
| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.<br>_Note:_ Link buttons cannot have trailing icons. |
@ -755,6 +756,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).<br>Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `href` | `href` | `string` | `''` | The URL that the link button points to. |
| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. |
| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.<br>_Note:_ Link buttons cannot have trailing icons. |
@ -775,6 +777,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).<br>Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `href` | `href` | `string` | `''` | The URL that the link button points to. |
| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. |
| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.<br>_Note:_ Link buttons cannot have trailing icons. |
@ -795,6 +798,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).<br>Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `href` | `href` | `string` | `''` | The URL that the link button points to. |
| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. |
| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.<br>_Note:_ Link buttons cannot have trailing icons. |
@ -815,6 +819,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the button is disabled. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the button is "soft-disabled" (disabled but still focusable).<br>Use this when a button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `href` | `href` | `string` | `''` | The URL that the link button points to. |
| `target` | `target` | `string` | `''` | Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab. |
| `trailingIcon` | `trailing-icon` | `boolean` | `false` | Whether to render the icon at the inline end of the label rather than the inline start.<br>_Note:_ Link buttons cannot have trailing icons. |

4
docs/components/chip.md
View File

@ -510,6 +510,7 @@ Token | Default value
| `href` | `href` | `string` | `''` | |
| `target` | `target` | `string` | `''` | |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the chip is disabled.<br>Disabled chips are not focusable, unless `always-focusable` is set. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the chip is "soft-disabled" (disabled but still focusable).<br>Use this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `alwaysFocusable` | `always-focusable` | `boolean` | `false` | When true, allow disabled chips to be focused with arrow keys.<br>Add this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `label` | `label` | `string` | `''` | The label of the chip. |
| `hasIcon` | `has-icon` | `boolean` | `false` | Only needed for SSR.<br>Add this attribute when a chip has a `slot="icon"` to avoid a Flash Of Unstyled Content. |
@ -539,6 +540,7 @@ Token | Default value
| `selected` | `selected` | `boolean` | `false` | |
| `hasSelectedIcon` | `has-selected-icon` | `boolean` | `false` | Only needed for SSR.<br>Add this attribute when a filter chip has a `slot="selected-icon"` to avoid a Flash Of Unstyled Content. |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the chip is disabled.<br>Disabled chips are not focusable, unless `always-focusable` is set. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the chip is "soft-disabled" (disabled but still focusable).<br>Use this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `alwaysFocusable` | `always-focusable` | `boolean` | `false` | When true, allow disabled chips to be focused with arrow keys.<br>Add this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `label` | `label` | `string` | `''` | The label of the chip. |
| `hasIcon` | `has-icon` | `boolean` | `false` | Only needed for SSR.<br>Add this attribute when a chip has a `slot="icon"` to avoid a Flash Of Unstyled Content. |
@ -572,6 +574,7 @@ Token | Default value
| `removeOnly` | `remove-only` | `boolean` | `false` | |
| `selected` | `selected` | `boolean` | `false` | |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the chip is disabled.<br>Disabled chips are not focusable, unless `always-focusable` is set. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the chip is "soft-disabled" (disabled but still focusable).<br>Use this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `alwaysFocusable` | `always-focusable` | `boolean` | `false` | When true, allow disabled chips to be focused with arrow keys.<br>Add this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `label` | `label` | `string` | `''` | The label of the chip. |
| `hasIcon` | `has-icon` | `boolean` | `false` | Only needed for SSR.<br>Add this attribute when a chip has a `slot="icon"` to avoid a Flash Of Unstyled Content. |
@ -603,6 +606,7 @@ Token | Default value
| `href` | `href` | `string` | `''` | |
| `target` | `target` | `string` | `''` | |
| `disabled` | `disabled` | `boolean` | `false` | Whether or not the chip is disabled.<br>Disabled chips are not focusable, unless `always-focusable` is set. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | Whether or not the chip is "soft-disabled" (disabled but still focusable).<br>Use this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `alwaysFocusable` | `always-focusable` | `boolean` | `false` | When true, allow disabled chips to be focused with arrow keys.<br>Add this when a chip needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `label` | `label` | `string` | `''` | The label of the chip. |
| `hasIcon` | `has-icon` | `boolean` | `false` | Only needed for SSR.<br>Add this attribute when a chip has a `slot="icon"` to avoid a Flash Of Unstyled Content. |

6
docs/components/icon-button.md
View File

@ -456,6 +456,7 @@ Token | Default value
## API
### MdIconButton <code>&lt;md-icon-button&gt;</code>
#### Properties
@ -465,6 +466,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Disables the icon button and makes it non-interactive. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | "Soft-disables" the icon button (disabled but still focusable).<br>Use this when an icon button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `flipIconInRtl` | `flip-icon-in-rtl` | `boolean` | `false` | Flips the icon if it is in an RTL context at startup. |
| `href` | `href` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `href` resource attribute. |
| `target` | `target` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `target` attribute. |
@ -499,7 +501,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Disables the icon button and makes it non-interactive. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | "Soft-disables" the icon button (disabled but still focusable). |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | "Soft-disables" the icon button (disabled but still focusable).<br>Use this when an icon button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `flipIconInRtl` | `flip-icon-in-rtl` | `boolean` | `false` | Flips the icon if it is in an RTL context at startup. |
| `href` | `href` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `href` resource attribute. |
| `target` | `target` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `target` attribute. |
@ -534,6 +536,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Disables the icon button and makes it non-interactive. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | "Soft-disables" the icon button (disabled but still focusable).<br>Use this when an icon button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `flipIconInRtl` | `flip-icon-in-rtl` | `boolean` | `false` | Flips the icon if it is in an RTL context at startup. |
| `href` | `href` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `href` resource attribute. |
| `target` | `target` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `target` attribute. |
@ -568,6 +571,7 @@ Token | Default value
| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| `disabled` | `disabled` | `boolean` | `false` | Disables the icon button and makes it non-interactive. |
| `softDisabled` | `soft-disabled` | `boolean` | `false` | "Soft-disables" the icon button (disabled but still focusable).<br>Use this when an icon button needs increased visibility when disabled. See https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls for more guidance on when this is needed. |
| `flipIconInRtl` | `flip-icon-in-rtl` | `boolean` | `false` | Flips the icon if it is in an RTL context at startup. |
| `href` | `href` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `href` resource attribute. |
| `target` | `target` | `string` | `''` | Sets the underlying `HTMLAnchorElement`'s `target` attribute. |

6
docs/components/menu.md
View File

@ -524,11 +524,11 @@ a sharp 0px border radius.](images/menu/theming.webp)
| `open` | `open` | `boolean` | `false` | Opens the menu and makes it visible. Alternative to the `.show()` and `.close()` methods |
| `xOffset` | `x-offset` | `number` | `0` | Offsets the menu's inline alignment from the anchor by the given number in pixels. This value is direction aware and will follow the LTR / RTL direction.<br>e.g. LTR: positive -> right, negative -> left RTL: positive -> left, negative -> right |
| `yOffset` | `y-offset` | `number` | `0` | Offsets the menu's block alignment from the anchor by the given number in pixels.<br>e.g. positive -> down, negative -> up |
| `typeaheadDelay` | `typeahead-delay` | `number` | `200` | The max time between the keystrokes of the typeahead menu behavior before it clears the typeahead buffer. |
| `anchorCorner` | `anchor-corner` | `string` | `Corner.END_START` | The corner of the anchor which to align the menu in the standard logical property style of <block>-<inline> e.g. `'end-start'`.<br>NOTE: This value may not be respected by the menu positioning algorithm if the menu would render outisde the viewport. |
| `menuCorner` | `menu-corner` | `string` | `Corner.START_START` | The corner of the menu which to align the anchor in the standard logical property style of <block>-<inline> e.g. `'start-start'`.<br>NOTE: This value may not be respected by the menu positioning algorithm if the menu would render outisde the viewport. |
| `noHorizontalFlip` | `no-horizontal-flip` | `boolean` | `false` | Disable the `flip` behavior that usually happens on the horizontal axis when the surface would render outside the viewport. |
| `noVerticalFlip` | `no-vertical-flip` | `boolean` | `false` | Disable the `flip` behavior that usually happens on the vertical axis when the surface would render outside the viewport. |
| `typeaheadDelay` | `typeahead-delay` | `number` | `200` | The max time between the keystrokes of the typeahead menu behavior before it clears the typeahead buffer. |
| `anchorCorner` | `anchor-corner` | `string` | `Corner.END_START` | The corner of the anchor which to align the menu in the standard logical property style of <block>-<inline> e.g. `'end-start'`.<br>NOTE: This value may not be respected by the menu positioning algorithm if the menu would render outisde the viewport. Use `no-horizontal-flip` or `no-vertical-flip` to force the usage of the value |
| `menuCorner` | `menu-corner` | `string` | `Corner.START_START` | The corner of the menu which to align the anchor in the standard logical property style of <block>-<inline> e.g. `'start-start'`.<br>NOTE: This value may not be respected by the menu positioning algorithm if the menu would render outisde the viewport. Use `no-horizontal-flip` or `no-vertical-flip` to force the usage of the value |
| `stayOpenOnOutsideClick` | `stay-open-on-outside-click` | `boolean` | `false` | Keeps the user clicks outside the menu.<br>NOTE: clicking outside may still cause focusout to close the menu so see `stayOpenOnFocusout`. |
| `stayOpenOnFocusout` | `stay-open-on-focusout` | `boolean` | `false` | Keeps the menu open when focus leaves the menu's composed subtree.<br>NOTE: Focusout behavior will stop propagation of the focusout event. Set this property to true to opt-out of menu's focusout handling altogether. |
| `skipRestoreFocus` | `skip-restore-focus` | `boolean` | `false` | After closing, does not restore focus to the last focused element before the menu was opened. |

94
docs/size.md
View File

@ -35,68 +35,68 @@ dependencies. We track three metrics:
<!-- Autogenerated below, do not update! -->
<!-- MWC_UPDATE_TRACKING_START -->
<sub>Last updated 2024-06-25.</sub>
<sub>Last updated 2024-11-04.</sub>
<!-- mdformat off(autogenerated might break rendering in catalog) -->
| Component | gzip | minified | *% CSS* | Import |
| --- | --- | --- | --- | --- |
| **All** | **70.9kb** | 448.5kb | *65% CSS* | `@material/web/all.js` |
| **Common** | **52.5kb** | 282.6kb | *53% CSS* | `@material/web/common.js` |
| **Button** | **8.1kb** | 46.9kb | *66% CSS* | |
| | 6.7kb | 27.7kb | *49% CSS* | `@material/web/button/elevated-button.js` |
| | 6.7kb | 27.5kb | *49% CSS* | `@material/web/button/filled-button.js` |
| | 6.7kb | 28.0kb | *49% CSS* | `@material/web/button/filled-tonal-button.js` |
| | 6.4kb | 26.0kb | *48% CSS* | `@material/web/button/outlined-button.js` |
| | 6.2kb | 24.5kb | *45% CSS* | `@material/web/button/text-button.js` |
| **Checkbox** | **6.8kb** | 26.5kb | *38% CSS* | `@material/web/checkbox/checkbox.js` |
| **Chips** | **10.1kb** | 60.7kb | *64% CSS* | |
| | 4.8kb | 16.5kb | *22% CSS* | `@material/web/chips/chip-set.js` |
| | 6.3kb | 27.0kb | *51% CSS* | `@material/web/chips/assist-chip.js` |
| | 7.9kb | 37.0kb | *55% CSS* | `@material/web/chips/filter-chip.js` |
| | 7.4kb | 33.8kb | *54% CSS* | `@material/web/chips/input-chip.js` |
| | 6.4kb | 27.4kb | *51% CSS* | `@material/web/chips/suggestion-chip.js` |
| **Dialog** | **4.7kb** | 16.2kb | *29% CSS* | `@material/web/dialog/dialog.js` |
| **All** | **71.9kb** | 454.8kb | *64% CSS* | `@material/web/all.js` |
| **Common** | **53.4kb** | 287.0kb | *52% CSS* | `@material/web/common.js` |
| **Button** | **8.4kb** | 48.4kb | *65% CSS* | |
| | 7.0kb | 29.0kb | *47% CSS* | `@material/web/button/elevated-button.js` |
| | 7.0kb | 28.9kb | *47% CSS* | `@material/web/button/filled-button.js` |
| | 7.0kb | 29.3kb | *48% CSS* | `@material/web/button/filled-tonal-button.js` |
| | 6.8kb | 27.4kb | *46% CSS* | `@material/web/button/outlined-button.js` |
| | 6.6kb | 25.8kb | *43% CSS* | `@material/web/button/text-button.js` |
| **Checkbox** | **7.0kb** | 27.4kb | *36% CSS* | `@material/web/checkbox/checkbox.js` |
| **Chips** | **10.5kb** | 62.7kb | *62% CSS* | |
| | 5.2kb | 17.8kb | *20% CSS* | `@material/web/chips/chip-set.js` |
| | 6.8kb | 28.6kb | *49% CSS* | `@material/web/chips/assist-chip.js` |
| | 8.4kb | 38.8kb | *53% CSS* | `@material/web/chips/filter-chip.js` |
| | 7.8kb | 35.6kb | *51% CSS* | `@material/web/chips/input-chip.js` |
| | 6.9kb | 29.0kb | *49% CSS* | `@material/web/chips/suggestion-chip.js` |
| **Dialog** | **5.0kb** | 17.1kb | *27% CSS* | `@material/web/dialog/dialog.js` |
| **Divider** | **0.6kb** | 1.3kb | *34% CSS* | `@material/web/divider/divider.js` |
| **Elevation** | **0.6kb** | 1.7kb | *62% CSS* | `@material/web/elevation/elevation.js` |
| **Fab** | **7.0kb** | 37.8kb | *67% CSS* | |
| | 6.6kb | 33.2kb | *64% CSS* | `@material/web/fab/fab.js` |
| | 5.8kb | 24.9kb | *52% CSS* | `@material/web/fab/branded-fab.js` |
| **Field** | **6.0kb** | 40.6kb | *82% CSS* | |
| | 4.6kb | 24.9kb | *74% CSS* | `@material/web/field/filled-field.js` |
| | 5.0kb | 27.1kb | *76% CSS* | `@material/web/field/outlined-field.js` |
| **Fab** | **7.3kb** | 38.7kb | *66% CSS* | |
| | 6.9kb | 34.2kb | *62% CSS* | `@material/web/fab/fab.js` |
| | 6.2kb | 25.9kb | *50% CSS* | `@material/web/fab/branded-fab.js` |
| **Field** | **6.1kb** | 41.5kb | *83% CSS* | |
| | 4.7kb | 25.5kb | *74% CSS* | `@material/web/field/filled-field.js` |
| | 5.0kb | 27.7kb | *76% CSS* | `@material/web/field/outlined-field.js` |
| **Focus** | **1.5kb** | 5.4kb | *49% CSS* | `@material/web/focus/md-focus-ring.js` |
| **Icon** | **0.7kb** | 1.3kb | *47% CSS* | `@material/web/icon/icon.js` |
| **Icon button** | **7.3kb** | 42.5kb | *65% CSS* | |
| | 5.8kb | 23.2kb | *41% CSS* | `@material/web/iconbutton/icon-button.js` |
| | 6.0kb | 25.2kb | *45% CSS* | `@material/web/iconbutton/filled-icon-button.js` |
| | 6.0kb | 25.8kb | *47% CSS* | `@material/web/iconbutton/filled-tonal-icon-button.js` |
| | 6.0kb | 24.8kb | *45% CSS* | `@material/web/iconbutton/outlined-icon-button.js` |
| **List** | **7.0kb** | 27.5kb | *34% CSS* | |
| **Icon button** | **7.7kb** | 44.9kb | *64% CSS* | |
| | 6.2kb | 24.8kb | *40% CSS* | `@material/web/iconbutton/icon-button.js` |
| | 6.4kb | 26.9kb | *43% CSS* | `@material/web/iconbutton/filled-icon-button.js` |
| | 6.4kb | 27.5kb | *45% CSS* | `@material/web/iconbutton/filled-tonal-icon-button.js` |
| | 6.4kb | 26.5kb | *43% CSS* | `@material/web/iconbutton/outlined-icon-button.js` |
| **List** | **7.3kb** | 28.5kb | *33% CSS* | |
| | 1.6kb | 4.7kb | *4% CSS* | `@material/web/list/list.js` |
| | 5.8kb | 23.1kb | *40% CSS* | `@material/web/list/list-item.js` |
| **Menu** | **13.6kb** | 54.7kb | *22% CSS* | |
| | 8.0kb | 29.7kb | *17% CSS* | `@material/web/menu/menu.js` |
| | 6.5kb | 25.8kb | *37% CSS* | `@material/web/menu/menu-item.js` |
| | 8.5kb | 32.7kb | *11% CSS* | `@material/web/menu/sub-menu.js` |
| **Progress** | **3.5kb** | 13.8kb | *69% CSS* | |
| | 2.6kb | 8.6kb | *63% CSS* | `@material/web/progress/linear-progress.js` |
| | 2.2kb | 7.3kb | *57% CSS* | `@material/web/progress/circular-progress.js` |
| **Radio** | **6.7kb** | 24.7kb | *28% CSS* | `@material/web/radio/radio.js` |
| | 6.1kb | 24.0kb | *38% CSS* | `@material/web/list/list-item.js` |
| **Menu** | **14.0kb** | 56.0kb | *22% CSS* | |
| | 8.1kb | 30.1kb | *17% CSS* | `@material/web/menu/menu.js` |
| | 6.8kb | 26.7kb | *36% CSS* | `@material/web/menu/menu-item.js` |
| | 8.6kb | 33.0kb | *11% CSS* | `@material/web/menu/sub-menu.js` |
| **Progress** | **3.8kb** | 14.8kb | *65% CSS* | |
| | 2.9kb | 9.6kb | *56% CSS* | `@material/web/progress/linear-progress.js` |
| | 2.5kb | 8.3kb | *51% CSS* | `@material/web/progress/circular-progress.js` |
| **Radio** | **6.6kb** | 24.6kb | *28% CSS* | `@material/web/radio/radio.js` |
| **Ripple** | **2.7kb** | 7.8kb | *13% CSS* | `@material/web/ripple/ripple.js` |
| **Select** | **26.1kb** | 144.8kb | *57% CSS* | |
| | 18.4kb | 91.6kb | *47% CSS* | `@material/web/select/filled-select.js` |
| | 18.6kb | 92.1kb | *47% CSS* | `@material/web/select/outlined-select.js` |
| | 6.6kb | 26.8kb | *36% CSS* | `@material/web/select/select-option.js` |
| **Slider** | **9.6kb** | 42.4kb | *45% CSS* | `@material/web/slider/slider.js` |
| **Switch** | **7.7kb** | 32.6kb | *46% CSS* | `@material/web/switch/switch.js` |
| **Select** | **26.5kb** | 146.9kb | *56% CSS* | |
| | 18.7kb | 93.5kb | *47% CSS* | `@material/web/select/filled-select.js` |
| | 18.9kb | 94.0kb | *47% CSS* | `@material/web/select/outlined-select.js` |
| | 6.9kb | 27.7kb | *35% CSS* | `@material/web/select/select-option.js` |
| **Slider** | **9.9kb** | 43.4kb | *44% CSS* | `@material/web/slider/slider.js` |
| **Switch** | **8.0kb** | 33.7kb | *45% CSS* | `@material/web/switch/switch.js` |
| **Tabs** | **7.8kb** | 35.4kb | *50% CSS* | |
| | 6.2kb | 22.1kb | *25% CSS* | `@material/web/tabs/tabs.js` |
| | 6.2kb | 25.8kb | *48% CSS* | `@material/web/tabs/primary-tab.js` |
| | 6.1kb | 25.3kb | *48% CSS* | `@material/web/tabs/secondary-tab.js` |
| **Text field** | **14.1kb** | 94.1kb | *73% CSS* | |
| | 11.0kb | 61.9kb | *61% CSS* | `@material/web/textfield/filled-text-field.js` |
| | 11.2kb | 62.3kb | *61% CSS* | `@material/web/textfield/outlined-text-field.js` |
| **Text field** | **14.6kb** | 97.2kb | *73% CSS* | |
| | 11.5kb | 64.1kb | *61% CSS* | `@material/web/textfield/filled-text-field.js` |
| | 11.7kb | 64.5kb | *61% CSS* | `@material/web/textfield/outlined-text-field.js` |
<!-- mdformat on(autogenerated might break rendering in catalog) -->

618
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -71,7 +71,7 @@
"rollup": "^2.79.1",
"sass": "^1.52.3",
"sass-true": "^6.1.0",
"typescript": "5.1.6",
"typescript": "5.6.2",
"web-test-runner-jasmine": "^0.0.6",
"wireit": "^0.13.0"
},

2
scripts/analyzer/update-docs.ts
View File

@ -339,7 +339,7 @@ function generateMethodMarkdownTable(element: MdModuleInfo): MarkdownTable {
methodsTable.addRow([
`\`${rowObj.name}\``,
rowObj.parameters.map((p) => `\`${p.name}\``).join(', ') || '_None_',
`\`${rowObj.returns}\`` ?? '`void`',
`\`${rowObj.returns ?? 'void'}\``,
rowObj.description ?? '',
]);
}