mirror of
https://github.com/flutter/samples.git
synced 2026-03-22 04:17:50 +00:00
7e90b606a5
Bumps [@angular/material](https://github.com/angular/components) from 20.2.14 to 21.1.1. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/angular/components/releases"><code>@angular/material</code>'s releases</a>.</em></p> <blockquote> <h2>21.1.1</h2> <h3>aria</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="d24f099179"><img src="https://img.shields.io/badge/d24f099179-fix-green" alt="fix - d24f099179" /></a></td> <td><strong>grid:</strong> unit tests for grid pattern (<a href="https://redirect.github.com/angular/components/issues/32633">#32633</a>)</td> </tr> </tbody> </table> <h3>multiple</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="6b5466afb2"><img src="https://img.shields.io/badge/6b5466afb2-fix-green" alt="fix - 6b5466afb2" /></a></td> <td>incorrect paths in declaration files for aria</td> </tr> <tr> <td><a href="028f89b4d8"><img src="https://img.shields.io/badge/028f89b4d8-fix-green" alt="fix - 028f89b4d8" /></a></td> <td>resolve sass if function deprecation warnings (<a href="https://redirect.github.com/angular/components/issues/32674">#32674</a>)</td> </tr> </tbody> </table> <h2>21.1.0</h2> <h3>material-experimental</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="29e2c46333"><img src="https://img.shields.io/badge/29e2c4633-fix-green" alt="fix - 29e2c4633" /></a></td> <td><strong>column-resize:</strong> add null checks for overlay (<a href="https://redirect.github.com/angular/components/issues/32259">#32259</a>)</td> </tr> <tr> <td><a href="c40f42821e"><img src="https://img.shields.io/badge/c40f42821-fix-green" alt="fix - c40f42821" /></a></td> <td><strong>column-resize:</strong> fix m2 colors (<a href="https://redirect.github.com/angular/components/issues/32388">#32388</a>)</td> </tr> </tbody> </table> <h3>material</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="ef1355914a"><img src="https://img.shields.io/badge/ef1355914-feat-blue" alt="feat - ef1355914" /></a></td> <td><strong>schematics:</strong> add preconnect links for Google Fonts in index.html (<a href="https://redirect.github.com/angular/components/issues/32238">#32238</a>)</td> </tr> <tr> <td><a href="6b9decb77a"><img src="https://img.shields.io/badge/6b9decb77-feat-blue" alt="feat - 6b9decb77" /></a></td> <td><strong>stepper:</strong> add a prefix section to the horizontal stepper header (<a href="https://redirect.github.com/angular/components/issues/32184">#32184</a>)</td> </tr> <tr> <td><a href="5db8dca18b"><img src="https://img.shields.io/badge/5db8dca18-fix-green" alt="fix - 5db8dca18" /></a></td> <td><strong>datepicker:</strong> error if some methods are called too early. (<a href="https://redirect.github.com/angular/components/issues/32630">#32630</a>)</td> </tr> <tr> <td><a href="7b2627de2a"><img src="https://img.shields.io/badge/7b2627de2-fix-green" alt="fix - 7b2627de2" /></a></td> <td><strong>menu:</strong> Do not open the menu when trigger is aria-disabled (properly handle disabledInteractive) (<a href="https://redirect.github.com/angular/components/issues/32601">#32601</a>)</td> </tr> <tr> <td><a href="eba6ee844b"><img src="https://img.shields.io/badge/eba6ee844-fix-green" alt="fix - eba6ee844" /></a></td> <td><strong>radio:</strong> allow aria attributes to be reset (<a href="https://redirect.github.com/angular/components/issues/32613">#32613</a>)</td> </tr> <tr> <td><a href="fb1b66be96"><img src="https://img.shields.io/badge/fb1b66be9-fix-green" alt="fix - fb1b66be9" /></a></td> <td><strong>slider:</strong> add missing closing parenthesis in tick mark transform (<a href="https://redirect.github.com/angular/components/issues/32580">#32580</a>)</td> </tr> </tbody> </table> <h3>cdk</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="a20aeabbec"><img src="https://img.shields.io/badge/a20aeabbe-feat-blue" alt="feat - a20aeabbe" /></a></td> <td><strong>a11y:</strong> allow safe HTML to be passed to live announcer (<a href="https://redirect.github.com/angular/components/issues/32386">#32386</a>)</td> </tr> <tr> <td><a href="75b373bbcf"><img src="https://img.shields.io/badge/75b373bbc-feat-blue" alt="feat - 75b373bbc" /></a></td> <td><strong>a11y:</strong> allow safe HTML to be passed to live announcer (<a href="https://redirect.github.com/angular/components/issues/32412">#32412</a>)</td> </tr> <tr> <td><a href="439d1f92a8"><img src="https://img.shields.io/badge/439d1f92a-feat-blue" alt="feat - 439d1f92a" /></a></td> <td><strong>table:</strong> add virtual scrolling support</td> </tr> <tr> <td><a href="67f213a351"><img src="https://img.shields.io/badge/67f213a35-fix-green" alt="fix - 67f213a35" /></a></td> <td><strong>a11y:</strong> add <code>@angular/platform-browser</code> to peer dependencies (<a href="https://redirect.github.com/angular/components/issues/32471">#32471</a>)</td> </tr> <tr> <td><a href="efa0d4f6f1"><img src="https://img.shields.io/badge/efa0d4f6f-fix-green" alt="fix - efa0d4f6f" /></a></td> <td><strong>scrolling:</strong> handle null document.body in ViewportRuler (<a href="https://redirect.github.com/angular/components/issues/32477">#32477</a>)</td> </tr> <tr> <td><a href="c62c64f21f"><img src="https://img.shields.io/badge/c62c64f21-fix-green" alt="fix - c62c64f21" /></a></td> <td><strong>text-field:</strong> avoid page jump on auto-resize (<a href="https://redirect.github.com/angular/components/issues/32605">#32605</a>)</td> </tr> </tbody> </table> <h3>aria</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="b45cda3f97"><img src="https://img.shields.io/badge/b45cda3f9-fix-green" alt="fix - b45cda3f9" /></a></td> <td><strong>ui-patterns:</strong> enable overwriting <code>preventDefault</code> to allow triggering hyperlinks using enter key (<a href="https://redirect.github.com/angular/components/issues/32123">#32123</a>)</td> </tr> </tbody> </table> <h2>21.1.0-rc.0</h2> <h3>material-experimental</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="c40f42821e"><img src="https://img.shields.io/badge/c40f42821-fix-green" alt="fix - c40f42821" /></a></td> <td><strong>column-resize:</strong> fix m2 colors (<a href="https://redirect.github.com/angular/components/issues/32388">#32388</a>)</td> </tr> </tbody> </table> <h3>material</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="5db8dca18b"><img src="https://img.shields.io/badge/5db8dca18-fix-green" alt="fix - 5db8dca18" /></a></td> <td><strong>datepicker:</strong> error if some methods are called too early. (<a href="https://redirect.github.com/angular/components/issues/32630">#32630</a>)</td> </tr> <tr> <td><a href="fb1b66be96"><img src="https://img.shields.io/badge/fb1b66be9-fix-green" alt="fix - fb1b66be9" /></a></td> <td><strong>slider:</strong> add missing closing parenthesis in tick mark transform (<a href="https://redirect.github.com/angular/components/issues/32580">#32580</a>)</td> </tr> </tbody> </table> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/angular/components/blob/main/CHANGELOG.md"><code>@angular/material</code>'s changelog</a>.</em></p> <blockquote> <h1>21.1.1 "plastic-bear" (2026-01-21)</h1> <h3>aria</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="d24f099179">d24f099179</a></td> <td>fix</td> <td><strong>grid:</strong> unit tests for grid pattern (<a href="https://redirect.github.com/angular/components/pull/32633">#32633</a>)</td> </tr> </tbody> </table> <h3>multiple</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="6b5466afb2">6b5466afb2</a></td> <td>fix</td> <td>incorrect paths in declaration files for aria</td> </tr> <tr> <td><a href="028f89b4d8">028f89b4d8</a></td> <td>fix</td> <td>resolve sass if function deprecation warnings (<a href="https://redirect.github.com/angular/components/pull/32674">#32674</a>)</td> </tr> </tbody> </table> <h1>21.2.0-next.0 "cadmium-chicken" (2026-01-14)</h1> <h1>21.1.0 "cadmium-crane" (2026-01-14)</h1> <h3>aria</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="b45cda3f97">b45cda3f9</a></td> <td>fix</td> <td><strong>ui-patterns:</strong> enable overwriting <code>preventDefault</code> to allow triggering hyperlinks using enter key (<a href="https://redirect.github.com/angular/components/pull/32123">#32123</a>)</td> </tr> </tbody> </table> <h3>cdk</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="a20aeabbec">a20aeabbe</a></td> <td>feat</td> <td><strong>a11y:</strong> allow safe HTML to be passed to live announcer (<a href="https://redirect.github.com/angular/components/pull/32386">#32386</a>)</td> </tr> <tr> <td><a href="75b373bbcf">75b373bbc</a></td> <td>feat</td> <td><strong>a11y:</strong> allow safe HTML to be passed to live announcer (<a href="https://redirect.github.com/angular/components/pull/32412">#32412</a>)</td> </tr> <tr> <td><a href="439d1f92a8">439d1f92a</a></td> <td>feat</td> <td><strong>table:</strong> add virtual scrolling support</td> </tr> <tr> <td><a href="67f213a351">67f213a35</a></td> <td>fix</td> <td><strong>a11y:</strong> add <code>@angular/platform-browser</code> to peer dependencies (<a href="https://redirect.github.com/angular/components/pull/32471">#32471</a>)</td> </tr> <tr> <td><a href="efa0d4f6f1">efa0d4f6f</a></td> <td>fix</td> <td><strong>scrolling:</strong> handle null document.body in ViewportRuler (<a href="https://redirect.github.com/angular/components/pull/32477">#32477</a>)</td> </tr> <tr> <td><a href="c62c64f21f">c62c64f21</a></td> <td>fix</td> <td><strong>text-field:</strong> avoid page jump on auto-resize (<a href="https://redirect.github.com/angular/components/pull/32605">#32605</a>)</td> </tr> </tbody> </table> <h3>material</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="ef1355914a">ef1355914</a></td> <td>feat</td> <td><strong>schematics:</strong> add preconnect links for Google Fonts in index.html (<a href="https://redirect.github.com/angular/components/pull/32238">#32238</a>)</td> </tr> <tr> <td><a href="6b9decb77a">6b9decb77</a></td> <td>feat</td> <td><strong>stepper:</strong> add a prefix section to the horizontal stepper header (<a href="https://redirect.github.com/angular/components/pull/32184">#32184</a>)</td> </tr> <tr> <td><a href="5db8dca18b">5db8dca18</a></td> <td>fix</td> <td><strong>datepicker:</strong> error if some methods are called too early. (<a href="https://redirect.github.com/angular/components/pull/32630">#32630</a>)</td> </tr> <tr> <td><a href="7b2627de2a">7b2627de2</a></td> <td>fix</td> <td><strong>menu:</strong> Do not open the menu when trigger is aria-disabled (properly handle disabledInteractive) (<a href="https://redirect.github.com/angular/components/pull/32601">#32601</a>)</td> </tr> <tr> <td><a href="eba6ee844b">eba6ee844</a></td> <td>fix</td> <td><strong>radio:</strong> allow aria attributes to be reset (<a href="https://redirect.github.com/angular/components/pull/32613">#32613</a>)</td> </tr> <tr> <td><a href="fb1b66be96">fb1b66be9</a></td> <td>fix</td> <td><strong>slider:</strong> add missing closing parenthesis in tick mark transform (<a href="https://redirect.github.com/angular/components/pull/32580">#32580</a>)</td> </tr> </tbody> </table> <h3>material-experimental</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="29e2c46333">29e2c4633</a></td> <td>fix</td> <td><strong>column-resize:</strong> add null checks for overlay (<a href="https://redirect.github.com/angular/components/pull/32259">#32259</a>)</td> </tr> <tr> <td><a href="c40f42821e">c40f42821</a></td> <td>fix</td> <td><strong>column-resize:</strong> fix m2 colors (<a href="https://redirect.github.com/angular/components/pull/32388">#32388</a>)</td> </tr> </tbody> </table> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="0da38368a9"><code>0da3836</code></a> release: cut the v21.1.1 release</li> <li><a href="d24f099179"><code>d24f099</code></a> fix(aria/grid): unit tests for grid pattern (<a href="https://redirect.github.com/angular/components/issues/32633">#32633</a>)</li> <li><a href="cfb38c4ffa"><code>cfb38c4</code></a> refactor(material/table): add filterPredicate non-object warning (<a href="https://redirect.github.com/angular/components/issues/32578">#32578</a>)</li> <li><a href="b6190978c5"><code>b619097</code></a> build: dedupe targets in api golden script (<a href="https://redirect.github.com/angular/components/issues/32669">#32669</a>)</li> <li><a href="6b5466afb2"><code>6b5466a</code></a> fix(multiple): incorrect paths in declaration files for aria</li> <li><a href="5c5b0edfae"><code>5c5b0ed</code></a> build: enable more integration tests for aria</li> <li><a href="028f89b4d8"><code>028f89b</code></a> fix(multiple): resolve sass if function deprecation warnings (<a href="https://redirect.github.com/angular/components/issues/32674">#32674</a>)</li> <li><a href="3de1770047"><code>3de1770</code></a> refactor(material/tooltip): drop NgClass dependency (<a href="https://redirect.github.com/angular/components/issues/32666">#32666</a>)</li> <li><a href="6c61db88d7"><code>6c61db8</code></a> build: update dependency node to v22.22.0 (<a href="https://redirect.github.com/angular/components/issues/32660">#32660</a>)</li> <li><a href="80c007c1fe"><code>80c007c</code></a> build: update cross-repo angular dependencies (<a href="https://redirect.github.com/angular/components/issues/32657">#32657</a>)</li> <li>Additional commits viewable in <a href="https://github.com/angular/components/compare/20.2.14...v21.1.1">compare view</a></li> </ul> </details> <br /> [](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) 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`. --- <details> <summary>Dependabot commands and options</summary> <br /> 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) </details>
web_embedding
This directory contains examples of how to embed Flutter in web apps (without iframes):
- element_embedding_demo: Modifies the index.html of a flutter app so it is
launched in a custom
hostElement. This is the most basic embedding example. - ng-flutter: A simple Angular app (and component) that replicates the above example, but in an Angular style.
Check the README.md of each example for more details on how to run it, and the
"Points of Interest" it may contain.
Community Contributions
Members of the community have graciously ported and contributed the following examples of Flutter Web embedding into other web frameworks:
| Author | Host Framework | Code |
|---|---|---|
| @p-mazhnik | React JS | p-mazhnik/flutter-embedding cra-flutter |
| @p-mazhnik | React Native | p-mazhnik/flutter-embedding expo-flutter |
(All contributions are welcome! Please, create an issue or open a PR to let us know how you've embedded a Flutter Web app with your favorite web framework (Vue? Svelte? Ember? Aurelia? jQuery? MooTools? Prototype?), so it can be added to the table above!)