Issue #671: MatChipSet.SelectedChips should match on Label, not MatCh…

README.md

@@ -32,6 +32,7 @@ Complete all Blazor dependencies.
 
 - .NET Core 3.1
 - Visual Studio 2019 with the ASP.NET and web development workload selected.
+- Requires access to internet for CSS download
 
 ## Installation 
 
@@ -111,13 +112,21 @@ If you think that this project helped you or your company in any way, you can co
 
 
 ## Contributing
-We'd greatly appreciate any contribution you make. :)
+We'd greatly appreciate any contribution you make. :) 
 Also we have official [Contributors team](https://github.com/SamProf/MatBlazor/issues/474):
 - [SamProf](https://github.com/SamProf) - creator
 - [enkodellc](https://github.com/enkodellc)
 - [lindespang](https://github.com/lindespang)
 - [RonPeters](https://github.com/RonPeters)
 
+### Contributing Tips
+
+- Submit all PR's against the 'develop' branch. This is where all PR's are tested by collaborators before being reviewed and merged into the 'master' branch.
+- Please do not include the compiled .js / .css in your PR's. These are autogenerated during builds and get rewritten.  
+- For PR's with UI updates please take a few minutes to review the Demo component for the changes and add the new 
+functionality in Demo for the component you are editing. Not only will this allow for easier testing / merging of your PR
+ it will give others an opportunity to see the capabilities of MatBlazor.
+
 ## News
 
 ### Roadmap
@@ -128,7 +137,31 @@ Also we have official [Contributors team](https://github.com/SamProf/MatBlazor/i
 - `MatAutocomplete` - new implementation of component
 
 
-#### MatBlazor 2.6.1 (Develop)
+
+#### MatBlazor 2.7.0
+- Update MDC Web to 7.0.0 (SamProf)
+- Changed DOM and JS for many components, because of changes in MDC Web 7.0.0 (SamProf)
+- Fixed: Floating label in Outlined MatTextField-based components (SamProf)
+- Fixed Validation via EditContext colors (SamProf)
+- PR: Add Width property for Drawer #666 (Thanks to [redradist](https://github.com/redradist))
+- PR: MatSelect: FullWidth parameter #670 (Thanks to [stefanloerwald](https://github.com/stefanloerwald))
+- PR: Cleanup #673 (Thanks to [stefanloerwald](https://github.com/stefanloerwald))
+- PR: Table Re-Rendering Fix #692 (Thanks to [erlendp](https://github.com/erlendp))
+- PR: Custom Drawer Width Demo. Readme contribution updates #701
+- PR: Fix part of issue with FullWidth MatTextField and Placeholder #677 (Thanks to [stefanloerwald](https://github.com/stefanloerwald))
+- PR: Responsive menu on Demo page, icons change to menu on smaller screens. #684 (Thanks to [PA4WD](https://github.com/PA4WD))
+- PR: Spaces in folder name's break DemoContentGenerator.Generate() #685 (Thanks to [PA4WD](https://github.com/PA4WD))
+- PR: Some language improvements #686 (Thanks to [PA4WD](https://github.com/PA4WD))
+- PR: Fixes #619 Validation styles for outlined Text fields #702 (Thanks to [enkodellc](https://github.com/enkodellc))
+- PR: Remove event on Dispose instead of adding one #703 (Thanks to [LeoVen](https://github.com/LeoVen))
+
+#### MatBlazor 2.6.3
+- PR: Simplify deploying js/css #657 (Thanks to [stefanloerwald](https://github.com/stefanloerwald))
+- PR: Update README.md (Mentioned that internet access is required in Prerequisites) #610 (Thanks to [rokx](https://github.com/rokx))
+- PR: Checkbox indeterminate state fixes #664 (Thanks to [lindespang](https://github.com/lindespang))
+- PR: MatSlider Immediate #665 (Thanks to [stefanloerwald](https://github.com/stefanloerwald))
+
+#### MatBlazor 2.6.2
 - PR: Update Slider to Add Pin & Markers #639 (Thanks to [enkodellc](https://github.com/enkodellc))
 - PR: MatTable double click #629 (Thanks to [sebestyn168](https://github.com/sebestyn168))
 - PR: Fix MatAutocomplete fails with tab and google autofill #614 (Thanks to [sebestyn168](https://github.com/sebestyn168))
@@ -148,7 +181,6 @@ Also we have official [Contributors team](https://github.com/SamProf/MatBlazor/i
 - PR: Added ForceLoad option for MatButton and MatIconButton (Fixes #330) #570 (Thanks to [Garderoben](https://github.com/Garderoben) and [enkodellc](https://github.com/enkodellc))
 - PR: Added LazyRendering for MatExpansionPanel + bug fix #578 (Thanks to [lindespang](https://github.com/lindespang))
 
-
 #### MatBlazor 2.6.0
 - Update to Latest Microsoft.AspNetCore.Components 3.1.4 and Microsoft.AspNetCore.Components.WebAssembly 3.2.0
 - Update MDC-Web components to 6.0.0

src/MatBlazor.Demo.ServerApp/Properties/launchSettings.json

@@ -11,7 +11,7 @@
     "IIS Express": {
       "commandName": "IISExpress",
       "launchBrowser": true,
-      "launchUrl": "Test",
+      "launchUrl": "DataTable",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }

src/MatBlazor.Demo/BlazorFiddle/BaseBlazorFiddle.cs

@@ -21,8 +21,8 @@ protected async override Task OnFirstAfterRenderAsync()
             {
                 await JsInvokeAsync<object>("blazorFiddle.create", Ref, new
                 {
-                    Text = this.Code,
-                    Template = this.Template,
+                    Text = Code,
+                    Template = Template,
                 });
             }
             catch (Exception e)

src/MatBlazor.Demo/Demo/DemoDataTable.razor

@@ -5,13 +5,13 @@
 <DemoContainer Header="Basic use of Data Table">
     <Content>
 
-        <MatDataTable Items="@periodicElements">
-            <Columns>
-                <MatDataTableColumn TItem="PeriodicElement" Header="No." Value="@(i => i.Position)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement" Header="Name" Value="@(i => i.Name)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement" Header="Weight" Value="@(i => i.Weight)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement" Header="Symbol" Value="@(i => i.Symbol)"></MatDataTableColumn>
-            </Columns>
+        <MatDataTable>
+            <MatDataTableContent Items="@periodicElements">
+                <MatDataTableColumn Header="No." Value="@context?.Position"></MatDataTableColumn>
+                <MatDataTableColumn Header="Name" Value="@context?.Name"></MatDataTableColumn>
+                <MatDataTableColumn Header="Weight" Value="@context?.Weight"></MatDataTableColumn>
+                <MatDataTableColumn Header="Symbol" Value="@context?.Symbol"></MatDataTableColumn>
+            </MatDataTableContent>
         </MatDataTable>
 
         @code
@@ -51,13 +51,13 @@
     <SourceContent>
     	<BlazorFiddle Template="MatBlazor" Code=@(@"
 
-        <MatDataTable Items=""@periodicElements"">
-            <Columns>
-                <MatDataTableColumn TItem=""PeriodicElement"" Header=""No."" Value=""@(i => i.Position)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement"" Header=""Name"" Value=""@(i => i.Name)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement"" Header=""Weight"" Value=""@(i => i.Weight)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement"" Header=""Symbol"" Value=""@(i => i.Symbol)""></MatDataTableColumn>
-            </Columns>
+        <MatDataTable>
+            <MatDataTableContent Items=""@periodicElements"">
+                <MatDataTableColumn Header=""No."" Value=""@context?.Position""></MatDataTableColumn>
+                <MatDataTableColumn Header=""Name"" Value=""@context?.Name""></MatDataTableColumn>
+                <MatDataTableColumn Header=""Weight"" Value=""@context?.Weight""></MatDataTableColumn>
+                <MatDataTableColumn Header=""Symbol"" Value=""@context?.Symbol""></MatDataTableColumn>
+            </MatDataTableContent>
         </MatDataTable>
 
         @code
@@ -98,16 +98,112 @@
 </DemoContainer>
 
 
+<DemoContainer Header="Basic use of Data Table">
+    <Content>
+
+        <MatDataTableOld Items="@periodicElements4">
+            <Columns>
+                <MatDataTableColumnOld TItem="PeriodicElement4" Header="No." Value="@(i => i.Position)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement4" Header="Name" Value="@(i => i.Name)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement4" Header="Weight" Value="@(i => i.Weight)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement4" Header="Symbol" Value="@(i => i.Symbol)"></MatDataTableColumnOld>
+            </Columns>
+        </MatDataTableOld>
+
+        @code
+        {
+            class PeriodicElement4
+            {
+                public string Name { get; set; }
+                public int Position { get; set; }
+                public double Weight { get; set; }
+                public string Symbol { get; set; }
+
+                public PeriodicElement4(int position, string name, double weight, string symbol)
+                {
+                    Position = position;
+                    Name = name;
+                    Weight = weight;
+                    Symbol = symbol;
+                }
+            }
+
+            PeriodicElement4[] periodicElements4 = new PeriodicElement4[]
+            {
+                new PeriodicElement4(1, "Hydrogen", 1.0079, "H"),
+                new PeriodicElement4(2, "Helium", 4.0026, "He"),
+                new PeriodicElement4(3, "Lithium", 6.941, "Li"),
+                new PeriodicElement4(4, "Beryllium", 9.0122, "Be"),
+                new PeriodicElement4(5, "Boron", 10.811, "B"),
+                new PeriodicElement4(6, "Carbon", 12.0107, "C"),
+                new PeriodicElement4(7, "Nitrogen", 14.0067, "N"),
+                new PeriodicElement4(8, "Oxygen", 15.9994, "O"),
+                new PeriodicElement4(9, "Fluorine", 18.9984, "F"),
+                new PeriodicElement4(10, "Neon", 20.1797, "Ne"),
+            };
+        }
+
+    </Content>
+    <SourceContent>
+    	<BlazorFiddle Template="MatBlazor" Code=@(@"
+
+        <MatDataTableOld Items=""@periodicElements4"">
+            <Columns>
+                <MatDataTableColumnOld TItem=""PeriodicElement4"" Header=""No."" Value=""@(i => i.Position)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement4"" Header=""Name"" Value=""@(i => i.Name)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement4"" Header=""Weight"" Value=""@(i => i.Weight)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement4"" Header=""Symbol"" Value=""@(i => i.Symbol)""></MatDataTableColumnOld>
+            </Columns>
+        </MatDataTableOld>
+
+        @code
+        {
+            class PeriodicElement4
+            {
+                public string Name { get; set; }
+                public int Position { get; set; }
+                public double Weight { get; set; }
+                public string Symbol { get; set; }
+
+                public PeriodicElement4(int position, string name, double weight, string symbol)
+                {
+                    Position = position;
+                    Name = name;
+                    Weight = weight;
+                    Symbol = symbol;
+                }
+            }
+
+            PeriodicElement4[] periodicElements4 = new PeriodicElement4[]
+            {
+                new PeriodicElement4(1, ""Hydrogen"", 1.0079, ""H""),
+                new PeriodicElement4(2, ""Helium"", 4.0026, ""He""),
+                new PeriodicElement4(3, ""Lithium"", 6.941, ""Li""),
+                new PeriodicElement4(4, ""Beryllium"", 9.0122, ""Be""),
+                new PeriodicElement4(5, ""Boron"", 10.811, ""B""),
+                new PeriodicElement4(6, ""Carbon"", 12.0107, ""C""),
+                new PeriodicElement4(7, ""Nitrogen"", 14.0067, ""N""),
+                new PeriodicElement4(8, ""Oxygen"", 15.9994, ""O""),
+                new PeriodicElement4(9, ""Fluorine"", 18.9984, ""F""),
+                new PeriodicElement4(10, ""Neon"", 20.1797, ""Ne""),
+            };
+        }
+
+    ")></BlazorFiddle>
+    </SourceContent>
+</DemoContainer>
+
+
 <DemoContainer Header="Pagination with Data Table">
     <Content>
-        <MatDataTable Items="@periodicElements2" Paginator="true">
+        <MatDataTableOld Items="@periodicElements2" Paginator="true">
             <Columns>
-                <MatDataTableColumn TItem="PeriodicElement2" Header="No." Value="@(i => i.Position)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement2" Header="Name" Value="@(i => i.Name)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement2" Header="Weight" Value="@(i => i.Weight)"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement2" Header="Symbol" Value="@(i => i.Symbol)"></MatDataTableColumn>
+                <MatDataTableColumnOld TItem="PeriodicElement2" Header="No." Value="@(i => i.Position)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement2" Header="Name" Value="@(i => i.Name)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement2" Header="Weight" Value="@(i => i.Weight)"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement2" Header="Symbol" Value="@(i => i.Symbol)"></MatDataTableColumnOld>
             </Columns>
-        </MatDataTable>
+        </MatDataTableOld>
 
         @code
         {
@@ -145,14 +241,14 @@
     </Content>
     <SourceContent>
     	<BlazorFiddle Template="MatBlazor" Code=@(@"
-        <MatDataTable Items=""@periodicElements2"" Paginator=""true"">
+        <MatDataTableOld Items=""@periodicElements2"" Paginator=""true"">
             <Columns>
-                <MatDataTableColumn TItem=""PeriodicElement2"" Header=""No."" Value=""@(i => i.Position)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement2"" Header=""Name"" Value=""@(i => i.Name)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement2"" Header=""Weight"" Value=""@(i => i.Weight)""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement2"" Header=""Symbol"" Value=""@(i => i.Symbol)""></MatDataTableColumn>
+                <MatDataTableColumnOld TItem=""PeriodicElement2"" Header=""No."" Value=""@(i => i.Position)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement2"" Header=""Name"" Value=""@(i => i.Name)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement2"" Header=""Weight"" Value=""@(i => i.Weight)""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement2"" Header=""Symbol"" Value=""@(i => i.Symbol)""></MatDataTableColumnOld>
             </Columns>
-        </MatDataTable>
+        </MatDataTableOld>
 
         @code
         {
@@ -194,14 +290,14 @@
 
 <DemoContainer Header="Sorting with Data Table">
     <Content>
-        <MatDataTable Items="@periodicElements3">
+        <MatDataTableOld Items="@periodicElements3">
             <Columns>
-                <MatDataTableColumn TItem="PeriodicElement3" Header="No." Value="@(i => i.Position)" Sort="true"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement3" Header="Name" Value="@(i => i.Name)" Sort="true"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement3" Header="Weight" Value="@(i => i.Weight)" Sort="true"></MatDataTableColumn>
-                <MatDataTableColumn TItem="PeriodicElement3" Header="Symbol" Value="@(i => i.Symbol)" Sort="true"></MatDataTableColumn>
+                <MatDataTableColumnOld TItem="PeriodicElement3" Header="No." Value="@(i => i.Position)" Sort="true"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement3" Header="Name" Value="@(i => i.Name)" Sort="true"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement3" Header="Weight" Value="@(i => i.Weight)" Sort="true"></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem="PeriodicElement3" Header="Symbol" Value="@(i => i.Symbol)" Sort="true"></MatDataTableColumnOld>
             </Columns>
-        </MatDataTable>
+        </MatDataTableOld>
 
         @code
         {
@@ -239,14 +335,14 @@
     </Content>
     <SourceContent>
     	<BlazorFiddle Template="MatBlazor" Code=@(@"
-        <MatDataTable Items=""@periodicElements3"">
+        <MatDataTableOld Items=""@periodicElements3"">
             <Columns>
-                <MatDataTableColumn TItem=""PeriodicElement3"" Header=""No."" Value=""@(i => i.Position)"" Sort=""true""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement3"" Header=""Name"" Value=""@(i => i.Name)"" Sort=""true""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement3"" Header=""Weight"" Value=""@(i => i.Weight)"" Sort=""true""></MatDataTableColumn>
-                <MatDataTableColumn TItem=""PeriodicElement3"" Header=""Symbol"" Value=""@(i => i.Symbol)"" Sort=""true""></MatDataTableColumn>
+                <MatDataTableColumnOld TItem=""PeriodicElement3"" Header=""No."" Value=""@(i => i.Position)"" Sort=""true""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement3"" Header=""Name"" Value=""@(i => i.Name)"" Sort=""true""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement3"" Header=""Weight"" Value=""@(i => i.Weight)"" Sort=""true""></MatDataTableColumnOld>
+                <MatDataTableColumnOld TItem=""PeriodicElement3"" Header=""Symbol"" Value=""@(i => i.Symbol)"" Sort=""true""></MatDataTableColumnOld>
             </Columns>
-        </MatDataTable>
+        </MatDataTableOld>
 
         @code
         {

src/MatBlazor.Demo/Demo/DemoDialog.razor

@@ -27,7 +27,14 @@
             <MatDialogTitle>Hi @name</MatDialogTitle>
             <MatDialogContent>
                 <p>What's your favorite animal?</p>
-                <MatTextField @bind-Value="@dialogAnimal"></MatTextField>                
+                <MatSelect TValue="string" Label="Title">
+                    <MatOptionString ></MatOptionString>
+                    <MatOptionString Value="dr">Dr.</MatOptionString>
+                    <MatOptionString Value="prof">Prof.</MatOptionString>                    
+                </MatSelect>
+                <MatTextField @bind-Value="@dialogAnimal"></MatTextField>
+
+
             </MatDialogContent>
             <MatDialogActions>
                 <MatButton OnClick="@(e => { dialogIsOpen = false; })">No Thanks</MatButton>
@@ -75,7 +82,14 @@
             <MatDialogTitle>Hi @name</MatDialogTitle>
             <MatDialogContent>
                 <p>What's your favorite animal?</p>
-                <MatTextField @bind-Value=""@dialogAnimal""></MatTextField>                
+                <MatSelect TValue=""string"" Label=""Title"">
+                    <MatOptionString ></MatOptionString>
+                    <MatOptionString Value=""dr"">Dr.</MatOptionString>
+                    <MatOptionString Value=""prof"">Prof.</MatOptionString>                    
+                </MatSelect>
+                <MatTextField @bind-Value=""@dialogAnimal""></MatTextField>
+
+
             </MatDialogContent>
             <MatDialogActions>
                 <MatButton OnClick=""@(e => { dialogIsOpen = false; })"">No Thanks</MatButton>