Bump @material/web from 1.0.0-pre.17 to 1.0.0 in /Material.Blazor.MD3

[dependabot]

Bumps @material/web from 1.0.0-pre.17 to 1.0.0.

Release notes

Sourced from @​material/web's releases.

v1.0.0

1.0.0 (2023-09-26)

⚠ BREAKING CHANGES

• list: the new ListController behavior no longer waits for event.preventDefault asynchronously because it was causing keyboard navigations to scroll the page.
• list: <md-list-item> now uses slots instead of properties and has removed many prescriptive items (such as avatar, image, and video items). The default slot can be used for any custom content. html <md-list-item> <div slot="overline">OVERLINE</div> <div slot="headline">First line</div> <div slot="supporting-text">Second+ lines</div> <div slot="trailing-supporting-text">Trailing</div> <md-icon slot="start">star</md-icon> <md-icon slot="end">star</md-icon> </md-list-item> Add type="button" or type="link" for interactive list items.
• menu: Several enums in menu had their values changed from SCREAM_CASE to kebab-case to follow style guide. They are NAVIGABLE_KEYS -> NavigableKey, SELECTION_KEY -> SelectionKey, CLOSE_REASON -> CloseReason, KEYDOWN_CLOSE_KEY -> KeydownCloseKey
• menu,select: refactor fixed property to positioning="fixed" in Menu and menuFixed to menuPositioning="fixed"
• menu: This change refactors menu-item to no longer subclass or import from list-item. It also refactors it to use md-item directly which means that the API of menu item has moved from properties to slots. start-* and end-* slots are now just start and end, many tokens are now gone in favor of slotting. headline property is now a slot="headline" slot. Typeahead search text can now be set via typeaheadText which defaults to the slotted headline textContent. select-option now has the displayText which is used to display text in the md-select when the option is selected; defaults to the slotted headline textContent.
• menu: We have deleted md-sub-menu-item. Instead it is recommended to use md-sub-menu which can have md-menu-item[slot=item] and md-menu[slot=menu] slotted into it. This makes sub-menu-item accessible for screen readers using linear navigation
• menu: Menu no longer uses md-list internally which means the list-related properties such as list-tabindex and type should now be on the host of md-menu. The new attributes should be tabindex and role respectively.
• iconbutton: Replace container-size tokens with container-width and container-height.
• list: the noninteractive property has been replaced by the interactive property, and by default, a list-item will no longer show a ripple or focus ring. What to change:
  • To preserve prior default behavior, add the interactive attribute explicitly.
  • Any setting of a truthy noninteractive attribute or property can be removed as it's the new default behavior.
• menu: rename corner and focus state values lowercase with dashes
• chips: chips now follow the aria toolbar pattern. Chip sets are toolbars and chips are buttons or links. Filter chips are toggle buttons. What to change:
  • Remove type attribute from <md-chip-set> (you can mix and match chip types!)
  • Remove single-select from <md-chip-set>. Use JS to control filter chips if single selection is required. Radio filter chips will come in a future update.
  • Disabled chips CAN be focused with the keyboard if always-focusable is set.
  • Filter chips no longer dispatch a "selected" event. Listen to "click" and use event.target.selected instead.
  • ArrowUp and ArrowDown no longer navigate between chips. These are reserved for chip actions, like dropdown menu chips.
• list,menu,select: the data-variant=".." selectors in list-item and all variants have been removed in favor of their respective slots. e.g. a slotted icon of the form md-icon[slot=end][data-variant=icon] should now be md-icon[slot=end-icon].
• menu: menu selected container color changed to secondary-container
• list:
• list: Aria and roles on List have been moved to the host element. list-tabindex attribute should be migrated to tabindex attribute. type attribute should be migrated to role attribute.
• list,menu,select: removed active from list-item, menu-item, and select-option. Instead, List uses tabindex to track whether something is focusable.
• select: option.selected no longer reflects. Set the attribute instead if relying on the attribute for styles/queries.
• dialog: if overriding margin on a dialog's content, swap it to padding. If a dialog's slotted first or last child has built-in margin (such as <h3> or <p>), remove the top/bottom margin as needed (since margin swapped to padding, there's no more margin collapsing).
• tabs: Rename the selected index property on md-tabs to activeTabIndex (active-tab-index attribute). Rename select-on-focus to auto-activate
• typography: composite -type tokens are no longer supported. Use discrete -font, -size, -line-height, and -weight tokens instead.
• tabs: replace label-text-type tokens with -font, -size, -line-height, and -weight
• tabs: rename selected to active for primary and secondary tabs.
• textfield: replace slot names leadingicon and trailingicon with leading-icon and trailing-icon
• select: replace leadingicon and trailingicon slot names with leading-icon and trailing-icon
• navigationtab: change slot names activeIcon and inactiveIcon to active-icon and inactive-icon

Features

• chips: swap to toolbar a11y pattern (16bfac1)
• iconbutton: update tokens to v0.192 (e8b5b29)
• item: add <md-item> layout component (ffe4f79)
• items: add <md-item> to @material/web/labs (b35212a)
• list,menu,select: add slots for specific slotted variants (ed68995)
• menu: create a Menu interface for easier md-menu wrapping (5fad4f0)
• menu: do not close menu if anchor is clicked (c7c276f)
• menu: implement md-sub-menu (54fbb2e)
• menu: menus will resize and flip corners to stay in viewport (235a203)

... (truncated)

Changelog

Sourced from @​material/web's changelog.

1.0.0 (2023-09-26)

⚠ BREAKING CHANGES

• list: the new ListController behavior no longer waits for event.preventDefault asynchronously because it was causing keyboard navigations to scroll the page.
• list: <md-list-item> now uses slots instead of properties and has removed many prescriptive items (such as avatar, image, and video items). The default slot can be used for any custom content. html <md-list-item> <div slot="overline">OVERLINE</div> <div slot="headline">First line</div> <div slot="supporting-text">Second+ lines</div> <div slot="trailing-supporting-text">Trailing</div> <md-icon slot="start">star</md-icon> <md-icon slot="end">star</md-icon> </md-list-item> Add type="button" or type="link" for interactive list items.
• menu: Several enums in menu had their values changed from SCREAM_CASE to kebab-case to follow style guide. They are NAVIGABLE_KEYS -> NavigableKey, SELECTION_KEY -> SelectionKey, CLOSE_REASON -> CloseReason, KEYDOWN_CLOSE_KEY -> KeydownCloseKey
• menu,select: refactor fixed property to positioning="fixed" in Menu and menuFixed to menuPositioning="fixed"
• menu: This change refactors menu-item to no longer subclass or import from list-item. It also refactors it to use md-item directly which means that the API of menu item has moved from properties to slots. start-* and end-* slots are now just start and end, many tokens are now gone in favor of slotting. headline property is now a slot="headline" slot. Typeahead search text can now be set via typeaheadText which defaults to the slotted headline textContent. select-option now has the displayText which is used to display text in the md-select when the option is selected; defaults to the slotted headline textContent.
• menu: We have deleted md-sub-menu-item. Instead it is recommended to use md-sub-menu which can have md-menu-item[slot=item] and md-menu[slot=menu] slotted into it. This makes sub-menu-item accessible for screen readers using linear navigation
• menu: Menu no longer uses md-list internally which means the list-related properties such as list-tabindex and type should now be on the host of md-menu. The new attributes should be tabindex and role respectively.
• iconbutton: Replace container-size tokens with container-width and container-height.
• list: the noninteractive property has been replaced by the interactive property, and by default, a list-item will no longer show a ripple or focus ring. What to change:
  • To preserve prior default behavior, add the interactive attribute explicitly.
  • Any setting of a truthy noninteractive attribute or property can be removed as it's the new default behavior.
• menu: rename corner and focus state values lowercase with dashes
• chips: chips now follow the aria toolbar pattern. Chip sets are toolbars and chips are buttons or links. Filter chips are toggle buttons. What to change:
  • Remove type attribute from <md-chip-set> (you can mix and match chip types!)
  • Remove single-select from <md-chip-set>. Use JS to control filter chips if single selection is required. Radio filter chips will come in a future update.
  • Disabled chips CAN be focused with the keyboard if always-focusable is set.
  • Filter chips no longer dispatch a "selected" event. Listen to "click" and use event.target.selected instead.
  • ArrowUp and ArrowDown no longer navigate between chips. These are reserved for chip actions, like dropdown menu chips.
• list,menu,select: the data-variant=".." selectors in list-item and all variants have been removed in favor of their respective slots. e.g. a slotted icon of the form md-icon[slot=end][data-variant=icon] should now be md-icon[slot=end-icon].
• menu: menu selected container color changed to secondary-container
• list:
• list: Aria and roles on List have been moved to the host element. list-tabindex attribute should be migrated to tabindex attribute. type attribute should be migrated to role attribute.
• list,menu,select: removed active from list-item, menu-item, and select-option. Instead, List uses tabindex to track whether something is focusable.
• select: option.selected no longer reflects. Set the attribute instead if relying on the attribute for styles/queries.
• dialog: if overriding margin on a dialog's content, swap it to padding. If a dialog's slotted first or last child has built-in margin (such as <h3> or <p>), remove the top/bottom margin as needed (since margin swapped to padding, there's no more margin collapsing).
• tabs: Rename the selected index property on md-tabs to activeTabIndex (active-tab-index attribute). Rename select-on-focus to auto-activate
• typography: composite -type tokens are no longer supported. Use discrete -font, -size, -line-height, and -weight tokens instead.
• tabs: replace label-text-type tokens with -font, -size, -line-height, and -weight
• tabs: rename selected to active for primary and secondary tabs.
• textfield: replace slot names leadingicon and trailingicon with leading-icon and trailing-icon
• select: replace leadingicon and trailingicon slot names with leading-icon and trailing-icon
• navigationtab: change slot names activeIcon and inactiveIcon to active-icon and inactive-icon

Features

• chips: swap to toolbar a11y pattern (16bfac1)
• iconbutton: update tokens to v0.192 (e8b5b29)
• item: add <md-item> layout component (ffe4f79)
• items: add <md-item> to @material/web/labs (b35212a)
• list,menu,select: add slots for specific slotted variants (ed68995)
• menu: create a Menu interface for easier md-menu wrapping (5fad4f0)
• menu: do not close menu if anchor is clicked (c7c276f)
• menu: implement md-sub-menu (54fbb2e)
• menu: menus will resize and flip corners to stay in viewport (235a203)
• menu: update tokens to v0.192 (94b5c81)

... (truncated)

Commits

• 036ea7b Merge pull request #4861 from material-components:release-please--branches--m...
• f5d408e chore: release 1.0.0
• 9114559 chore: revert changelog commit
• 106b036 chore: release 1.0.0
• c4146eb docs: update roadmap
• 2f549a4 docs: mark select as stable
• d27ef2e fix(menu): expose item custom properties and fix selected color
• b7262d9 docs: mark menu as stable
• 682a39c chore(menu): update demo a11y
• 83aaf6c chore(select): update demo a11y
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot]

Looks like @material/web is up-to-date now, so this is no longer needed.