Skip to content

Commit

Permalink
Deploying to gh-pages from @ Material-Blazor/Material.Blazor@120cc17 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
MarkStega committed Aug 31, 2023
1 parent 0c0da7d commit 6c1638c
Show file tree
Hide file tree
Showing 20 changed files with 11 additions and 255 deletions.
Binary file modified _framework/Material.Blazor.Website.WebAssembly.pdb.gz
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.WebAssembly.wasm
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.WebAssembly.wasm.br
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.WebAssembly.wasm.gz
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.pdb.gz
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.wasm
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.wasm.br
Binary file not shown.
Binary file modified _framework/Material.Blazor.Website.wasm.gz
Binary file not shown.
Binary file modified _framework/Material.Blazor.pdb.gz
Binary file not shown.
Binary file modified _framework/Material.Blazor.wasm
Binary file not shown.
Binary file modified _framework/Material.Blazor.wasm.br
Binary file not shown.
Binary file modified _framework/Material.Blazor.wasm.gz
Binary file not shown.
6 changes: 3 additions & 3 deletions _framework/blazor.boot.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@
"assembly": {
"GoogleAnalytics.Blazor.wasm": "sha256-9maxHDA0ezDRT79XvPIZi411ySyG96k1lUuuu9NbGEE=",
"Humanizer.wasm": "sha256-4NbSboZzzP9nikRtXapUZNzOyITt7ht9TNqCIQHr5OE=",
"Material.Blazor.wasm": "sha256-TTu+IrNx01nqHBvrUD84S8s9\/L4jw+Zxe2RYLykm9pA=",
"Material.Blazor.Website.wasm": "sha256-8jMpDY\/cWV+4huYmuVwEV\/BeFC+7kdUbPLu5Qil4Is0=",
"Material.Blazor.Website.WebAssembly.wasm": "sha256-7ZPvkdPmgnXDhAC2xa8igbcQ1dcreirouqwQsPg3\/es=",
"Material.Blazor.wasm": "sha256-sntF2vaIBhuZr20YQpkonQe8VnkC0r5Ir8rzwwwZPnc=",
"Material.Blazor.Website.wasm": "sha256-I\/0g7rIVFL8uba1VmvTwwC9Urb2pOdrJ8m9J2y73ULI=",
"Material.Blazor.Website.WebAssembly.wasm": "sha256-lB0QMkm2HmSEmZmdQiqTeVh9zRGsdlY3k1E\/R1QHLoc=",
"Microsoft.AspNetCore.Components.Forms.wasm": "sha256-wlq\/Tk7AfqzyNt0tzEdDdhGmpcvg\/2Z0azGj36XS4ag=",
"Microsoft.AspNetCore.Components.wasm": "sha256-qIcbu058teahxqGF\/wbuYl8QWxbqScZyhgQFAN0I9+8=",
"Microsoft.AspNetCore.Components.Web.wasm": "sha256-nPww0MALDVGREDZrqDibfABWk1bW3koTpneQzYfFQKo=",
Expand Down
Binary file modified _framework/blazor.boot.json.br
Binary file not shown.
Binary file modified _framework/blazor.boot.json.gz
Binary file not shown.
243 changes: 1 addition & 242 deletions docs/Material.Blazor/Articles/Density.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,248 +75,7 @@ <h5 class="offcanvas-title" id="tocOffcanvasLabel">Table of Contents</h5>
<h1 id="density">Density</h1>

<h2 id="summary">Summary</h2>
<p>Material Theme specifies a <a href="https://material.io/develop/web/components/density">density subsystem</a>, applied using SASS mixins. Material.Blazor handles density through component parameters and
cascading defaults. This parameterization is applied to Material Theme components via CSS classes prepared by Material.Blazor from the SASS mixins. Density is specified by the
<a class="xref" href="../../api/Material.Blazor.MBDensity.html">MBDensity enumeration</a>, and can be controlled both with Cascading Defaults and direct component parameters.</p>
<h2 id="density-levels">Density Levels</h2>
<p>Density is specified by having components rendered increasingly dense as a density number reduces from zero to minus 5. Some components render all density levels, others only a subset, stopping
at either minus three or minus four. In these cases if you specify a something more dense, the densest available rendering will be supplied. For instance <code>MBButton</code> with density of minus 5 will render with
density of minus 3.</p>
<table>
<thead>
<tr>
<th style="text-align: center;">Density Level</th>
<th style="text-align: left;">Enumeration</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">0</td>
<td style="text-align: left;"><code>MBDensity.Default</code></td>
</tr>
<tr>
<td style="text-align: center;">-1</td>
<td style="text-align: left;"><code>MBDensity.Minus1</code></td>
</tr>
<tr>
<td style="text-align: center;">-2</td>
<td style="text-align: left;"><code>MBDensity.Minus2</code> and <code>MBDensity.Comfortable</code></td>
</tr>
<tr>
<td style="text-align: center;">-3</td>
<td style="text-align: left;"><code>MBDensity.Minus3</code> and <code>MBDensity.Compact</code></td>
</tr>
<tr>
<td style="text-align: center;">-4</td>
<td style="text-align: left;"><code>MBDensity.Minus4</code></td>
</tr>
<tr>
<td style="text-align: center;">-5</td>
<td style="text-align: left;"><code>MBDensity.Minus5</code></td>
</tr>
</tbody>
</table>
<h2 id="components-applying-density-subsystem">Components Applying Density Subsystem</h2>
<p>Applicable density levels are shown with a ✔️. Those with a ❌ will display the most dense option available. For instance an <a class="xref" href="../Components/Button/MBButton.html">MBButton</a> with
a specified density of minus 5 will actually display with a density of minus 3.</p>
<table>
<thead>
<tr>
<th style="text-align: left;">Component</th>
<th style="text-align: center;">0</th>
<th style="text-align: center;">-1</th>
<th style="text-align: center;">-2</th>
<th style="text-align: center;">-3</th>
<th style="text-align: center;">-4</th>
<th style="text-align: center;">-5</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/AutocompletePagedField/MBAutocompletePagedField.html">MBAutocompletePagedField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/AutocompleteSelectField/MBAutocompleteSelectField.html">MBAutocompleteSelectField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/AutocompleteTextField/MBAutoCompleteTextField.html">MBAutocompleteTextField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/Button/MBButton.html">MBButton</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/Checkbox/MBCheckbox.html">MBCheckbox</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/DataTable/MBDataTable.html">MBDataTable<titem></titem></a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/DebouncedTextField/MBDebouncedTextField.html">MBDebouncedTextField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/IconButton/MBIconButton.html">MBIconButton</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/IconButtonToggle/MBIconButtonToggle.html">MBIconButtonToggle</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/List/MBList.html">MBList</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/NumericDecimalField/MBNumericDecimalField.html">MBNumericDecimalField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/NumericDoubleField/MBNumericDoubleField.html">MBNumericDoubleField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/NumericIntField/MBNumericIntField.html">MBNumericIntField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/RadioButton/MBRadioButton.html">MBRadioButton</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/RadioButtonGroup/MBRadioButtonGroup.html">MBRadioButtonGroup</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/Select/MBSelect.html">MBSelect</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/Switch/MBSwitch.html">MBSwitch</a><a href="#fn2"><sup>2</sup></a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/TabBar/MBTabBar.html">MBTabBar</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/TextArea/MBTextArea.html">MBTextArea</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="text-align: left;"><a class="xref" href="../Components/TextField/MBTextField.html">MBTextField</a></td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️</td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;">✔️<a href="#fn1"><sup>1</sup></a></td>
<td style="text-align: center;"></td>
</tr>
</tbody>
</table>
<br>
<p><strong>1<a name="fn1"></a></strong>: Filled text fields, text areas and selects with density of -2 or below hide lables with <code>display: none;</code> due to a lack of space. Labels remain in the DOM for aria reference.
<strong>2<a name="fn2"></a></strong>: As of Material Components Web v12.0.0 and therefore Material.Blazor 2.0.0 switch density seems to be deprecated.</p>
<p>TBD - Density is not yet implemented in MD3</p>
</article>

<div class="contribution d-print-none">
Expand Down
2 changes: 1 addition & 1 deletion docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@ <h2 id="attribution">Attribution</h2>
<li><a href="https://github.com/SQL-MisterMagoo/">ℳisterℳagoo (@mistermag00 on Twitter)</a> for the <code>@:@{</code> construct (formerly used in MBPagedDataList) and <a href="https://github.com/mrpmorris">Peter Morris (@mrpmorris on Github)</a> for demonstrating this with code that we forked in <a href="https://blazor-university.com/">Blazor University</a>, christening it the &quot;wig pig&quot; - head to Blazor University to see why.</li>
</ul>
<h2 id="installation">Installation</h2>
<p><a href="articles/Installation.md">See the Installation article</a></p>
<p><a href="Material.Blazor/Articles/Installation.html">See the Installation article</a></p>
<h2 id="components-services-and-utilities">Components, Services, and Utilities</h2>
<p><a href="Material.Blazor/Components/intro.html">See the Components/Services/Utilities documentation</a></p>
</article>
Expand Down
3 changes: 0 additions & 3 deletions docs/manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -2833,9 +2833,6 @@
"version": ""
},
{
"log_codes": [
"InvalidFileLink"
],
"type": "Conceptual",
"source_relative_path": "index.md",
"output": {
Expand Down
10 changes: 5 additions & 5 deletions service-worker-assets.js
Original file line number Diff line number Diff line change
Expand Up @@ -249,7 +249,7 @@
"url": "_framework\/icudt.dat"
},
{
"hash": "sha256-WtMGJMG0aBgrDHAZUmYdb3t1fCDyo6yeNmF4w3IxibA=",
"hash": "sha256-15M7\/IObUWqzrqRVRf1fgJkc1sd\/wLernFVVM7+ptQM=",
"url": "_framework\/blazor.boot.json"
},
{
Expand All @@ -261,15 +261,15 @@
"url": "_framework\/Humanizer.wasm"
},
{
"hash": "sha256-TTu+IrNx01nqHBvrUD84S8s9\/L4jw+Zxe2RYLykm9pA=",
"hash": "sha256-sntF2vaIBhuZr20YQpkonQe8VnkC0r5Ir8rzwwwZPnc=",
"url": "_framework\/Material.Blazor.wasm"
},
{
"hash": "sha256-8jMpDY\/cWV+4huYmuVwEV\/BeFC+7kdUbPLu5Qil4Is0=",
"hash": "sha256-I\/0g7rIVFL8uba1VmvTwwC9Urb2pOdrJ8m9J2y73ULI=",
"url": "_framework\/Material.Blazor.Website.wasm"
},
{
"hash": "sha256-7ZPvkdPmgnXDhAC2xa8igbcQ1dcreirouqwQsPg3\/es=",
"hash": "sha256-lB0QMkm2HmSEmZmdQiqTeVh9zRGsdlY3k1E\/R1QHLoc=",
"url": "_framework\/Material.Blazor.Website.WebAssembly.wasm"
},
{
Expand Down Expand Up @@ -665,5 +665,5 @@
"url": "_content\/Material.Blazor\/material.blazor.min.js"
}
],
"version": "eefT3eo0"
"version": "YtrJSm24"
};
2 changes: 1 addition & 1 deletion service-worker.js
Original file line number Diff line number Diff line change
Expand Up @@ -46,4 +46,4 @@ async function onFetch(event) {

return cachedResponse || fetch(event.request);
}
/* Manifest version: eefT3eo0 */
/* Manifest version: YtrJSm24 */

0 comments on commit 6c1638c

Please sign in to comment.