Progressive Web Applications

You should know that there are always caveats when using PWA's and having offline support.

When building PWA's you should be familar with these Blazor caveats

As for Blazorise, you should take into consideration that we dynamically load our javascript dependencies once a component requests it. As a workaround to make these available under offline usage, you should readily load these on your index page so they can be cached.

Below you will find our dependencies:

<script src="_content/Blazorise/breakpoint.js" type="module"></script>
<script src="_content/Blazorise/button.js" type="module"></script>
<script src="_content/Blazorise/closable.js" type="module"></script>
<script src="_content/Blazorise/colorPicker.js" type="module"></script>
<script src="_content/Blazorise/datePicker.js" type="module"></script>
<script src="_content/Blazorise/fileEdit.js" type="module"></script>
<script src="_content/Blazorise/inputMask.js" type="module"></script>
<script src="_content/Blazorise/io.js" type="module"></script>
<script src="_content/Blazorise/memoEdit.js" type="module"></script>
<script src="_content/Blazorise/numericEdit.js" type="module"></script>
<script src="_content/Blazorise/numericPicker.js" type="module"></script>
<script src="_content/Blazorise/select.js" type="module"></script>
<script src="_content/Blazorise/table.js" type="module"></script>
<script src="_content/Blazorise/textEdit.js" type="module"></script>
<script src="_content/Blazorise/theme.js" type="module"></script>
<script src="_content/Blazorise/timePicker.js" type="module"></script>
<script src="_content/Blazorise/tooltip.js" type="module"></script>
<script src="_content/Blazorise/utilities.js" type="module"></script>
<script src="_content/Blazorise.AntDesign/modal.js" type="module"></script>
<script src="_content/Blazorise.AntDesign/tooltip.js" type="module"></script>
<script src="_content/Blazorise.Bootstrap/modal.js" type="module"></script>
<script src="_content/Blazorise.Bootstrap/tooltip.js" type="module"></script>
<script src="_content/Blazorise.Bootstrap5/modal.js" type="module"></script>
<script src="_content/Blazorise.Bootstrap5/tooltip.js" type="module"></script>
<script src="_content/Blazorise.Bulma/modal.js" type="module"></script>
<script src="_content/Blazorise.Bulma/tooltip.js" type="module"></script>
<script src="_content/Blazorise.Material/modal.js" type="module"></script>
<script src="_content/Blazorise.Material/tooltip.js" type="module"></script>
<script src="_content/Blazorise.Charts/charts.js" type="module"></script>
<script src="_content/Blazorise.Charts.Streaming/charts.streaming.js" type="module"></script>
<script src="_content/Blazorise.Charts.Trendline/charts.trendline.js" type="module"></script>
<script src="_content/Blazorise.DataGrid/datagrid.js" type="module"></script>
<script src="_content/Blazorise.RichTextEdit/richtextedit.js" type="module"></script>
<script src="_content/Blazorise.Video/video.js" type="module"></script>